/*
Theme Name: ATDT lastbilsforsakring-se
Description: GeneratePress-barntema (tunt identitetslager) för lastbilsforsakring.se. Fordonet i näringsverksamhet: företagsbil, tjänste- och förmånsbil, lätt lastbil, moms och bokföring (YMYL). Arketyp D (facksajt): skyltmässiga rubriker, tekniska tabeller, säkerhetsorange som enda signal. Grafit + stål, Barlow Condensed + Asap. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 0.1.1
*/

/* ===== ARKETYP D — FACKSAJT, YRKESMÄSSIG SAKKUNSKAP (YMYL finans/skatt) ===== */
/* Skriven för någon som läser på jobbet. Rakt, tätt, inga utsmyckningar. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.62}
.entry-content{font-size:1.02rem}
.atdt-lead{font-size:1.16rem;line-height:1.5;font-weight:600}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:.005em;line-height:1.05;text-transform:none}
h1,.entry-title{font-size:2.15rem}

/* H2 — lastband. Streckad regel som citerar vägmarkeringen. */
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.6rem;margin:2.3em 0 .6em;padding-bottom:.3em;
	border-bottom:3px solid var(--atdt-ink);
	background-image:repeating-linear-gradient(90deg,var(--atdt-accent-2) 0 18px,transparent 18px 30px);
	background-size:100% 3px;background-position:0 100%;background-repeat:no-repeat}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.24rem;margin-top:1.6em;color:var(--atdt-accent)}

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

/* Hero — enkel bildfigur (INTE kitets 2-kolumnsgrid, se hero-kollision). */
figure.atdt-hero{display:block;margin:0 0 1.5rem}
.atdt-hero{margin:0 0 1.5rem}
.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:.35rem}

/* Tekniska tabeller: totalvikt, tonnage, momssatser, avdrag. */
.entry-content table{width:100%;border-collapse:collapse;margin:1.7rem 0;font-size:.94rem;background:var(--atdt-surface)}
.entry-content th{font-family:var(--atdt-font-display);font-weight:600;font-size:1.02rem;letter-spacing:.02em;text-align:left;
	background:var(--atdt-ink);color:var(--atdt-surface);padding:.55rem .7rem}
.entry-content td{border-bottom:1px solid var(--atdt-neutral);padding:.5rem .7rem;vertical-align:top}
.entry-content tbody tr:nth-child(even){background:color-mix(in srgb,var(--atdt-accent) 4%,transparent)}
/* Sifferkolumner: sätt class="atdt-num" på td/th så tal ligger i linje. */
.entry-content .atdt-num{font-family:var(--atdt-font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.atdt-tabellnot{font-size:.79rem;color:var(--atdt-muted);margin:-1.1rem 0 1.7rem}

/* Kort. */
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;margin:1.7rem 0}
.atdt-kort{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);
	border-radius:var(--atdt-radius);padding:.9rem 1rem}
.atdt-kort h3{margin-top:0;font-size:1.1rem}

/* Faktaruta och varning. Orange bara där det verkligen gäller. */
.atdt-fakta{background:var(--atdt-surface);border-left:4px solid var(--atdt-accent);padding:.85rem 1.05rem;margin:1.6rem 0;border-radius:0 var(--atdt-radius) var(--atdt-radius) 0}
.atdt-varning{background:color-mix(in srgb,var(--atdt-accent-2) 8%,var(--atdt-surface));border-left:4px solid var(--atdt-accent-2);
	padding:.85rem 1.05rem;margin:1.6rem 0;border-radius:0 var(--atdt-radius) var(--atdt-radius) 0}
.atdt-varning strong{color:var(--atdt-accent-2)}

.entry-content ul li{margin-bottom:.35rem}
.entry-content ul li::marker{color:var(--atdt-accent-2)}

/* 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:.8rem;color:var(--atdt-muted);border-top:1px solid var(--atdt-neutral);padding-top:.65rem;margin-top:1.9rem}

@media (max-width:768px){
	h1,.entry-title{font-size:1.8rem}
	.entry-content h2{font-size:1.4rem}
	.entry-content table{display:block;overflow-x:auto}
}
