/*
Theme Name: ATDT blodsockerfall-se
Description: GeneratePress-barntema (tunt identitetslager) for blodsockerfall.se, halsoguider om hypoglykemi (lagt blodsocker). Arketyp E (trust/authority, YMYL-halsa): klinisk krimson och dampad stalbla pa sval ljusgra grund, Spectral + Libre Franklin, sidfotsmotiv med hjartkurva och bloddroppe. Koncept: klinisk lugn akutvagledning. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.2.0
*/

/* ===== ARKETYP E - TRUST/AUTHORITY (YMYL: finans, halsa, juridik, forsakring) ===== */
/* Lugnt, trovardigt, hog lasbarhet. Faktarutor, rena datatabeller, generos luft. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.8}
.entry-content{font-size:1.06rem}
.atdt-lead{font-size:1.22rem;line-height:1.6;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}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;margin:2.4em 0 .7em;padding-bottom:.4em;position:relative}
.entry-content h2::after{content:"";position:absolute;left:0;bottom:0;width:2.5em;height:3px;background:var(--atdt-accent)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.18rem;margin-top:1.7em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--atdt-ink)}
/* Ordmarke, meny och knappar ar navigation, inte lopande text: understrykning
   dar ar brus. GeneratePress renderar ordmarket som .main-title, INTE
   .site-title (bada star kvar sa regeln haller om GP byter markup). */
.main-title a,.site-title a,.main-navigation a,.wp-block-button__link,.atdt-card a{text-decoration:none}
.main-title a,.site-title a{color:var(--atdt-ink)}
.main-navigation a:hover,.main-title a:hover,.site-title a:hover{text-decoration:none}

.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img{width:100%;height:auto;border-radius:8px;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-size:.82rem;color:var(--atdt-muted);margin-top:.5rem}
/* .atdt-hero-klasskollisionen: kitets components.css gor .atdt-hero tvakolumnig
   (display:grid). Bygger barntemats fotokredit-filter en <figure class="atdt-hero">
   hamnar krediten langt ut till hoger med ett tomrum. Tvinga blockflode har. */
figure.atdt-hero{display:block}

/* Tak pa den utvalda bildens hojd. Bilden ar en banderoll, inte en helsida.
   Utan tak fyller den forsta skarmen och trycker ner akutrutan under vecket.
   Pa en sajt som lases av nagon i akutlage far ett foto inte sta i vagen for
   det forsta steget. object-fit haller beskarningen centrerad. */
.wp-block-post-featured-image img,.post-image img,.featured-image img{
	max-height:420px;
	object-fit:cover;
	object-position:center;
	width:100%;
}
@media (max-width:768px){
	.wp-block-post-featured-image img,.post-image img,.featured-image img{max-height:240px}
}

.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);border-radius:10px;padding:1.2rem 1.3rem;transition:box-shadow .15s,border-color .15s}
.atdt-card:hover{box-shadow:0 10px 28px -18px rgba(0,0,0,.35)}
.atdt-card h3{margin-top:0}
.atdt-card a{text-decoration:none}
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:1rem}
.entry-content thead th{background:var(--atdt-neutral);color:var(--atdt-ink);font-family:var(--atdt-font-display)}
.entry-content th,.entry-content td{padding:.7em .9em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody td:first-child{font-weight:600}
/* faktaruta / medicinsk notis */
.entry-content blockquote{border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent-2);background:color-mix(in srgb,var(--atdt-accent-2) 8%,var(--atdt-surface));border-radius:8px;margin:1.7em 0;padding:1em 1.2em;font-size:.97rem}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:6px;font-family:var(--atdt-font-display);font-weight:700}

/* GeneratePress nollstaller citattecken pa <q> (q:after,q:before{content:""}).
   Pa en sajt som citerar 1177 och Diabetesforbundet ordagrant maste lasaren
   se var kallans ord slutar. Aterstall med svensk konvention. */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q:before{content:open-quote}
q:after{content:close-quote}

/* Sidfotsmotiv (temats variant) */
.atdt-road,.atdt-ridge,.atdt-swell,.atdt-vine,.atdt-trail,.atdt-sine,.atdt-paws,.atdt-vinerule,.atdt-drops,.atdt-stage,.atdt-pulse{display:block;width:100%;height:30px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.55}
/* 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}}

/* ===== SAJTSPECIFIKT: blodsockerfall.se ===== */
/* Identiteten ar en enda sak: nagon som just nu kanner av ett blodsockerfall,
   eller star bredvid en anhorig som gor det, ska hitta forsta steget pa nagra
   sekunder utan att sidan hojer pulsen. Krimsonen bar akut, stalblan bar lugn. */

/* Akutruta (112-ruta): forsta steget hogst upp i en akutguide. Krimsonram,
   aldrig fylld signalfarg (en helrod ruta hojer pulsen i stallet for att sanka
   den). Fetstil for det som maste goras nu. */
.atdt-akut,.atdt-112{
	background:var(--atdt-surface);
	border:1px solid var(--atdt-accent);
	border-left:5px solid var(--atdt-accent);
	border-radius:var(--atdt-radius);
	padding:1.1em 1.3em;
	margin:1.8em 0;
}
.atdt-akut strong,.atdt-112 strong{color:var(--atdt-accent)}

/* Medicinsk brasklapp: dampad stalbla ram, lugn ton. Star typiskt overst pa
   varje YMYL-sida med hanvisning till 1177 och 112. */
.atdt-disclaimer{
	background:color-mix(in srgb,var(--atdt-accent-2) 6%,var(--atdt-surface));
	border:1px solid var(--atdt-neutral);
	border-left:4px solid var(--atdt-accent-2);
	border-radius:var(--atdt-radius);
	padding:.9em 1.2em;
	margin:1.6em 0;
	font-size:.95rem;
	color:var(--atdt-ink);
}

/* Faktaruta med varden (mmol/l), sval neutral. */
.atdt-varden{
	background:var(--atdt-surface);
	border:1px solid var(--atdt-neutral);
	border-radius:var(--atdt-radius);
	padding:1em 1.2em;
	margin:1.6em 0;
}