/*
Theme Name: ATDT bilpremie-se
Description: GeneratePress-barntema (tunt identitetslager) för bilpremie.se. Pris, jämförelse och neutrala bolagsprofiler för bilförsäkring (YMYL). Arketyp F (directory/listing): scanbart, jämförelsetabeller, premie-mätare. Indigo + grön signal, Schibsted Grotesk, mätarmotiv. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* ===== ARKETYP F — DIRECTORY/LISTING, DATA-AUKTORITET (YMYL finans) ===== */
/* Scanbart och tätt men trovärdigt. Betonade jämförelsetabeller, mono-siffror. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.65}
.entry-content{font-size:1.02rem}
.atdt-lead{font-size:1.18rem;line-height:1.5;font-weight:500}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08}

/* H2 — indigo vänsterkant, siffernära. */
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.4rem;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:600;font-size:1.1rem;margin-top:1.5em}

a{color:var(--atdt-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--atdt-accent) 38%,transparent)}
a:hover{border-bottom-color:var(--atdt-accent)}

/* Hero — enkel bildfigur (INTE kitets 2-kolumnsgrid, se hero-kollision). */
figure.atdt-hero{display:block;margin:0 0 1.6rem}
.atdt-hero{margin:0 0 1.6rem}
.atdt-hero img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:var(--atdt-radius);display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-size:.76rem;color:var(--atdt-muted);margin-top:.4rem}

/* Kort med indigo-toppstripe. */
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem;margin:1.8rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);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:nth-child(even)::before{background:var(--atdt-accent-2)}
.atdt-card:hover{border-color:var(--atdt-accent);box-shadow:0 8px 22px -16px rgba(20,24,42,.5)}
.atdt-card h3{margin:.35rem 0 .3rem}
.atdt-card a{border:0}

/* Premie-mätare: horisontell stapel som visar var en premie ligger.
   Använd: <div class="atdt-meter"><span style="width:62%"></span></div> */
.atdt-meter{position:relative;height:12px;background:var(--atdt-neutral);border-radius:999px;overflow:hidden;margin:.6rem 0}
.atdt-meter > span{display:block;height:100%;background:linear-gradient(90deg,var(--atdt-accent-2),var(--atdt-accent));border-radius:999px}

/* Jämförelsetabell — indigo sticky-header, betonad + mono första kolumn.
   Siffror i mono ligger i linje; positiv/negativ via .atdt-pos/.atdt-neg. */
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 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);font-weight:600;position:sticky;top:0}
.entry-content th,.entry-content td{padding:.6em .85em;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 tbody td{font-variant-numeric:tabular-nums}
.atdt-pos{color:var(--atdt-positive);font-weight:600}
.atdt-neg{color:var(--atdt-negative);font-weight:600}
.atdt-spec,.entry-content table small{font-family:var(--atdt-font-mono);font-size:.82em;color:var(--atdt-muted)}

/* Faktaruta / regulatorisk notis — indigo. */
.entry-content blockquote{border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);background:color-mix(in srgb,var(--atdt-accent) 6%,var(--atdt-surface));border-radius:0 var(--atdt-radius) var(--atdt-radius) 0;margin:1.7em 0;padding:.9em 1.2em;font-size:.97rem}

/* Knappar — indigo, hover grön signal. */
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:var(--atdt-radius);font-family:var(--atdt-font-display);font-weight:600;padding:.5em 1.2em}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent-2)}

/* ===== bilpremie.se: identitet ovanpå arketyp F ===== */
.site-header{background:var(--atdt-surface);border-bottom:3px solid var(--atdt-accent)}
.main-navigation,.site-header .inside-header{background:transparent}
.site-title a{color:var(--atdt-ink)}
.entry-title{font-size:2rem}
.inside-article,.page .inside-article,.single .inside-article{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:clamp(1.1rem,3vw,2.2rem)}
.main-navigation .main-nav ul li.current-menu-item > a{box-shadow:inset 0 -3px 0 var(--atdt-accent)}

/* Sidfotsmotiv: mätarskala (tickmarks) i indigo. */
.atdt-gauge,.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:12px;margin-top:2.6rem;color:var(--atdt-accent);background-image:linear-gradient(90deg,currentColor 0 2px,transparent 2px 26px);background-size:26px 12px;opacity:.45}

/* 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}.entry-title{font-size:1.55rem}}