/*
Theme Name: ATDT Bytsparande.nu
Description: GeneratePress-barntema for bytsparande.nu, en jamforelse av sparkonton och sparrantor. Arketyp F (Directory/Listing), paletten Vaxeln (mossa och mullbar pa salviapapper), Geologica och Gantari, motivet vaxelpilar.
Author: Atdt AB
Template: generatepress
Version: 1.0.4
*/

/* ===== ARKETYP F - DIRECTORY/LISTING (kataloger, jamforelse, "hitta X", aggregatorer) ===== */
/* Scanbart, app-likt, tatt. Kort med toppstripe, jamforelsetabell med betonad forsta kolumn. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.6}
.entry-content{font-size:1rem}
.atdt-lead{font-size:1.15rem;line-height:1.5;font-weight:500}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.015em;line-height:1.1}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.35rem;margin:2.2em 0 .7em;padding-left:.7em;border-left:4px solid var(--atdt-accent)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.05rem;margin-top:1.4em}
a{color:var(--atdt-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--atdt-accent) 40%,transparent)}
a:hover{border-bottom-color:var(--atdt-accent)}
.atdt-hero{margin:0 0 1.6rem}
.atdt-hero img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:8px;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-size:.74rem;color:var(--atdt-muted);margin-top:.4rem}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;margin:1.8rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:10px;padding:1.1rem 1.1rem 1rem;position:relative;transition:border-color .15s,box-shadow .15s}
.atdt-card::before{content:"";position:absolute;top:0;left:1.1rem;right:1.1rem;height:3px;background:var(--atdt-accent);border-radius:0 0 3px 3px}
.atdt-card:hover{border-color:var(--atdt-accent);box-shadow:0 8px 22px -16px rgba(0,0,0,.4)}
.atdt-card h3{margin:.35rem 0 .3rem}
.atdt-card a{border:0}
/* jamforelsetabell: accent-header (sticky) + betonad forsta kolumn */
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;border:1px solid var(--atdt-neutral)}
.entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);position:sticky;top:0}
.entry-content th,.entry-content td{padding:.6em .8em;border-bottom:1px solid var(--atdt-neutral);border-right:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody td:first-child{font-weight:600;background:color-mix(in srgb,var(--atdt-accent) 6%,var(--atdt-surface))}
.entry-content blockquote{border-left:4px solid var(--atdt-accent);background:var(--atdt-surface);margin:1.6em 0;padding:.8em 1.1em;border-radius:0 8px 8px 0}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:8px;font-family:var(--atdt-font-display);font-weight:600;padding:.5em 1.1em}

/* Sidfotsmotiv (temats variant) */
.atdt-road,.atdt-ridge,.atdt-swell,.atdt-vine,.atdt-trail,.atdt-sine,.atdt-paws,.atdt-vinerule,.atdt-drops,.atdt-stage{display:block;width:100%;height:26px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.5}
/* Responsiv tabell */
@media (max-width:600px){.entry-content table{table-layout:fixed;width:100%;font-size:.8rem}.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}}

/* ===== bytsparande.nu: paletten Vaxeln ===== */
body{font-size:17px;font-feature-settings:"tnum" 1}
.site-header{background:var(--atdt-surface);border-bottom:3px solid var(--atdt-accent)}
.inside-header{padding-top:18px;padding-bottom:18px}
.site-header .inside-header.grid-container,.main-navigation .inside-navigation.grid-container{max-width:1240px}
.main-title{font-family:var(--atdt-font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;white-space:nowrap}
.main-title a{color:var(--atdt-ink);border:0}
.main-title a::before{content:"";display:inline-block;width:1.15em;height:.8em;margin-right:.45em;vertical-align:-.05em;background:var(--atdt-accent-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h22m-5-4 5 4-5 4M27 14H5m5-4-5 4 5 4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h22m-5-4 5 4-5 4M27 14H5m5-4-5 4 5 4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.main-navigation,.main-navigation ul ul{background:var(--atdt-surface)}
.main-navigation .main-nav ul li a{color:var(--atdt-ink);font-family:var(--atdt-font-display);font-weight:600;font-size:.88rem;border:0;padding-left:9px;padding-right:9px;line-height:52px}
.main-navigation .menu-bar-item>a{padding-left:9px;padding-right:9px;line-height:52px}
@media (min-width:769px){.main-navigation .inside-navigation{flex-wrap:nowrap}.main-navigation .main-nav>ul{flex-wrap:nowrap}.main-navigation .main-nav ul li a{white-space:nowrap}}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--atdt-accent);background:transparent;box-shadow:inset 0 -3px 0 var(--atdt-accent-2)}
.main-navigation ul ul{border:1px solid var(--atdt-neutral);box-shadow:0 12px 24px -16px rgba(0,0,0,.35)}
.main-navigation .main-nav ul ul li a{font-size:.9rem;box-shadow:none}
.site-header a,.main-navigation a{border-bottom:0}
.main-navigation .menu-toggle,.main-navigation .menu-toggle:hover,.main-navigation .menu-toggle:focus,.main-navigation.toggled .menu-toggle{background:transparent;color:var(--atdt-ink)}
.main-navigation .menu-bar-items a,.navigation-search input{color:var(--atdt-ink)}
.navigation-search input[type="search"]{background:var(--atdt-surface)}

.site-content{padding-top:8px}
.separate-containers .inside-article,.one-container .container,.one-container .site-content,.inside-page-header{background:transparent}
.one-container .site-content{padding:40px 24px}
.entry-content,.entry-header,.bs-senaste,.bs-arkivhuvud,.entry-meta,.post-image,.bs-utvald{max-width:var(--atdt-maxwidth);margin-left:auto;margin-right:auto}
.entry-header .entry-title,.bs-arkivhuvud .entry-title{font-size:clamp(1.9rem,4vw,2.7rem);color:var(--atdt-ink);margin-bottom:.4em}
.home .entry-header .entry-title{font-size:clamp(2.1rem,5vw,3.2rem);max-width:16em}
.entry-meta{color:var(--atdt-muted);font-size:.9rem}
.entry-meta a{color:var(--atdt-muted)}
.entry-content p,.entry-content li{color:var(--atdt-ink)}
.entry-content h2{color:var(--atdt-ink)}
.entry-content h3 a{border-bottom:2px solid var(--atdt-accent-2)}
.entry-content .intro,.entry-content .intro p{font-size:1.14rem;line-height:1.55}

/* Tabeller: rantelistan ar sajtens karna. Siffror med fast bredd. */
.entry-content .wp-block-table{margin:1.6em 0;overflow-x:auto}
.entry-content .wp-block-table table{margin:0;background:var(--atdt-surface)}
.entry-content .wp-block-table.is-style-stripes{border-bottom:0}
.entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--atdt-tint)}
.entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(even){background:var(--atdt-surface)}
.entry-content table th,.entry-content table thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-weight:600;font-size:.92rem}
.entry-content tbody td:first-child{background:transparent}
.entry-content td{font-variant-numeric:tabular-nums}
.entry-content figcaption,.wp-block-table figcaption{color:var(--atdt-muted);font-size:.85rem}

/* Kort i kolumner (startsidans verktyg och guider) */
.entry-content .wp-block-columns{gap:1rem}
.entry-content .wp-block-column{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:3px solid var(--atdt-accent);border-radius:var(--atdt-radius);padding:1rem 1.15rem}
.entry-content .wp-block-column h3{margin-top:.2em;font-size:1.12rem}
.entry-content .wp-block-column p{margin-bottom:0}
.entry-content hr,.entry-content .wp-block-separator{border:0;border-top:1px solid var(--atdt-neutral);opacity:1}

.entry-content .disclaimer,.entry-content .last-reviewed{color:var(--atdt-muted);font-size:.9rem}
.entry-content .author-box,.entry-content .related-links{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:1rem 1.2rem}
.entry-content .has-text-color{color:var(--atdt-muted)!important}

/* Utvald bild och fotokredit */
.bs-utvald{margin:0 auto 1.6rem}
.bs-utvald img{width:100%;height:auto;border-radius:var(--atdt-radius);display:block}
.post-image,.featured-image{text-align:center}

/* Startsidans artikellista */
.bs-senaste{margin-top:2.8rem;padding-top:1.6rem;border-top:3px solid var(--atdt-accent)}
.bs-senaste__rubrik{font-family:var(--atdt-font-display);font-size:1.45rem;margin:0 0 1rem}
.bs-senaste__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.bs-senaste__post{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent-2);border-radius:var(--atdt-radius);padding:1rem 1.15rem;margin:0}
.bs-senaste__titel{font-family:var(--atdt-font-display);font-size:1.08rem;line-height:1.3;margin:0 0 .4rem}
.bs-senaste__titel a{color:var(--atdt-ink);border:0}
.bs-senaste__titel a:hover{color:var(--atdt-accent)}
.bs-senaste__utdrag{color:var(--atdt-muted);font-size:.95rem;margin:0}
.bs-senaste__alla{margin-top:1rem;font-weight:600}

/* Arkiv och inlaggslista */
.blog .inside-article,.archive .inside-article{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:1.4rem 1.6rem;margin-bottom:1rem}
.blog .entry-title a,.archive .entry-title a{color:var(--atdt-ink);border:0}
.blog .entry-header .entry-title,.archive .entry-header .entry-title{font-size:1.4rem}
.read-more,.more-link{font-weight:600}

/* Sidfot: mork mossa */
.bs-vaxel{display:block;width:100%;height:30px;margin:3rem 0 0;color:var(--atdt-accent-2);opacity:.75}
.site-footer,.site-info{background:var(--atdt-footer);color:#ECEEDC}
.site-info a,.site-footer a{color:#ECEEDC;border-bottom:1px solid rgba(236,238,220,.45)}
.inside-site-info{flex-direction:column;gap:.6rem;padding:28px 20px}
.bs-sidfotsmeny{width:100%}
.bs-sidfotsmeny__lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem}
.bs-sidfotsmeny__lista li{margin:0}
.bs-sidfotsmeny__lista a{font-weight:600;padding:.35em 0;display:inline-block}
.copyright-bar{font-size:.9rem;color:#ECEEDC}

/* mu-pluginets egen policylank ger en dubblett: sidfotsmenyn bar lanken. */
.atdt-integritetspolicy-lank{display:none!important}

@media (max-width:768px){
	body{font-size:16px}
	.one-container .site-content{padding:24px 16px}
	.main-navigation .main-nav ul li a{font-size:1rem}
	.entry-content .wp-block-columns{flex-direction:column}
}