/*
Theme Name: ATDT helforsakring-se
Description: GeneratePress-barntema (tunt identitetslager) för helförsäkring.se. Försäkringsnivåer, villkor och giltighet för bilförsäkring (YMYL). Arketyp E (referensverk): lugn läsyta på varmt papper, villkorstabeller i mono, nivåband som motiv. Tallgrön + lera, Literata + Karla. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 0.1.1
*/

/* ===== ARKETYP E — REFERENSVERK, LÄSAUKTORITET (YMYL finans) ===== */
/* Lugnt och dokumentlikt. Läsaren ska kunna slå upp ett villkor och lita på det. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.7}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.2rem;line-height:1.55;font-weight:500;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.15}

/* H2 — nivåband i tre lager. Motivet är trafik, halv och hel. */
.entry-content h2{font-family:var(--atdt-font-display);font-weight:600;font-size:1.45rem;margin:2.4em 0 .7em;padding-left:.7em;position:relative}
/* Nivåband: tre lika höga segment som speglar trafik, halv och hel. Segmenten
   ska gå att räkna på en armlängds avstånd, annars läses de som en prick. */
.entry-content h2::before{content:"";position:absolute;left:0;top:-.06em;bottom:-.06em;width:8px;border-radius:4px;
	background:linear-gradient(var(--atdt-niva-3) 0 33.34%,var(--atdt-niva-2) 33.34% 66.67%,var(--atdt-niva-1) 66.67% 100%);
	box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--atdt-ink) 12%,transparent)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.12rem;margin-top:1.7em;color:var(--atdt-accent)}

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)}

/* 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:.78rem;color:var(--atdt-muted);margin-top:.4rem;font-family:var(--atdt-font-body)}

/* Villkorstabeller — sajtens kärna. Belopp och gränser i mono, högerställda. */
.entry-content table{width:100%;border-collapse:collapse;margin:1.8rem 0;font-size:.95rem;background:var(--atdt-surface)}
.entry-content th{font-family:var(--atdt-font-body);font-weight:700;text-align:left;background:color-mix(in srgb,var(--atdt-accent) 8%,var(--atdt-surface));
	border-bottom:2px solid var(--atdt-accent);padding:.6rem .7rem}
.entry-content td{border-bottom:1px solid var(--atdt-neutral);padding:.55rem .7rem;vertical-align:top}
.entry-content tbody tr:hover{background:color-mix(in srgb,var(--atdt-accent) 4%,transparent)}
/* Sifferkolumner: sätt class="atdt-num" på td/th så belopp ligger i linje. */
.entry-content .atdt-num{font-family:var(--atdt-font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}

/* Datummärkning på en villkorstabell. Villkor åldras, det ska synas. */
.atdt-tabellnot{font-size:.8rem;color:var(--atdt-muted);margin:-1.2rem 0 1.8rem;font-style:italic}

/* Nivåkort — trafik, halv, hel sida vid sida. */
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem;margin:1.9rem 0}
.atdt-kort{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.1rem}
.atdt-kort h3{margin-top:0;font-size:1.02rem}
.atdt-kort--trafik{border-top-color:var(--atdt-niva-1)}
.atdt-kort--halv{border-top-color:var(--atdt-niva-2)}
.atdt-kort--hel{border-top-color:var(--atdt-niva-3)}

/* Faktaruta och undantagsruta. Lera signalerar det villkoret INTE täcker. */
.atdt-fakta{background:var(--atdt-surface);border-left:4px solid var(--atdt-accent);padding:.9rem 1.1rem;margin:1.7rem 0;border-radius:0 var(--atdt-radius) var(--atdt-radius) 0}
.atdt-undantag{background:color-mix(in srgb,var(--atdt-accent-2) 6%,var(--atdt-surface));border-left:4px solid var(--atdt-accent-2);
	padding:.9rem 1.1rem;margin:1.7rem 0;border-radius:0 var(--atdt-radius) var(--atdt-radius) 0}
.atdt-undantag strong{color:var(--atdt-accent-2)}

/* Listor — stram, dokumentlik punktsättning. */
.entry-content ul li{margin-bottom:.4rem}
.entry-content ul li::marker{color:var(--atdt-accent)}

/* Sidfot. GeneratePress målar .site-info med var(--base-3) i en inline-style,
   alltså INNANFOR .site-footer. Sätts bara ytterelementet blir resultatet ljus
   text pa ljus platta. Traffa darfor bade ytter- och innerelementet. */
body .site-footer,
body .site-info,
body .inside-site-info,
body .copyright-bar{background-color:var(--atdt-ink);color:var(--atdt-bg)}
body .site-info a,
body .copyright-bar a{color:var(--atdt-bg);border-bottom-color:color-mix(in srgb,var(--atdt-bg) 45%,transparent)}
body .site-info p{color:var(--atdt-bg)}
.atdt-granskningsdatum{font-size:.82rem;color:var(--atdt-muted);border-top:1px solid var(--atdt-neutral);padding-top:.7rem;margin-top:2rem}

@media (max-width:768px){
	.entry-content{font-size:1rem}
	.entry-content h2{font-size:1.28rem}
	.entry-content table{display:block;overflow-x:auto}
}