/*
Theme Name: ATDT akutservice-se
Description: GeneratePress-barntema (tunt identitetslager) for akutservice.se, katalog over jourtjanster vid akuta hemproblem. Arketyp F (directory/listing): ljus puts-bas, sotbrun text, utryckningsrod accent och varselgul toppstripe, Signika + Heebo, sidfotsmotiv med utryckningsstreck. Ljus bas skiljer den fran systersajten larmbutiken.se. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.1
*/

/* ===== 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:1.02rem}
.atdt-lead{font-size:1.18rem;line-height:1.5;font-weight:500}
h1,.entry-title,.site-title,.main-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.12}
.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:700;font-size:1.1rem;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)}
/* Ordmarke, meny och knappar ar navigation, inte lopande text: understrykning/kant
   dar ar brus. GP renderar ordmarket som .main-title (inte .site-title). */
.main-title a,.site-title a,.main-navigation a,.wp-block-button__link,.atdt-card a{border-bottom:0;text-decoration:none}
.main-title a,.site-title a{color:var(--atdt-ink)}
/* Ljus navtext pa mork nav-yta. GP driver navtexten fran --contrast, som vi
   mappat till --atdt-ink (mork), sa utan detta blir menyn mork-pa-mork
   (osynlig). Tvinga ljus text, och rod hover-/aktiv-yta enligt paletten. */
.main-navigation{background-color:var(--atdt-ink)}
.main-navigation .main-nav ul li a,.main-navigation a,.menu-toggle{color:var(--atdt-on-accent)}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item a{color:var(--atdt-on-accent);background-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}

/* Tak pa den utvalda bildens hojd. GP renderar utvald bild som .post-image, inte
   .atdt-hero. Utan tak fyller banderollen forsta skarmen och trycker ner
   katalogen under vecket, precis det hubben finns for att undvika. */
.post-image img,.wp-block-post-featured-image img,.featured-image img{
	max-height:400px;object-fit:cover;object-position:center;width:100%;border-radius:8px;
}
@media (max-width:768px){.post-image img,.wp-block-post-featured-image img,.featured-image img{max-height:230px}}

.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.8rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:10px;padding:1.15rem 1.15rem 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:.4rem 0 .35rem;font-size:1.08rem}
.atdt-card p{margin:.2rem 0 0;font-size:.95rem;color:var(--atdt-ink)}
/* jamforelsetabell: accent-header + betonad forsta kolumn (Skadekartan m.fl.) */
.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)}
.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) 7%,var(--atdt-surface))}
.entry-content blockquote{border-left:4px solid var(--atdt-accent-2);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}}

/* ===== SAJTSPECIFIKT: akutservice.se ===== */
/* Katalogen lases som anslagstavlan innanfor dorren, ofta av nagon med vatten pa
   golvet. Varselgult markerar och vagvisar, utryckningsrott sparas till den enda
   rad som betyder "ring inte en hantverkare, ring 112". */

/* Jourkort: varselgul toppstripe (vagvisning), aldrig rod (rott = larm). */
.atdt-jourkort::before{background:var(--atdt-accent-2);height:4px}
.atdt-jourkort .atdt-kort-etikett{display:inline-block;font-family:var(--atdt-font-display);font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--atdt-muted);margin-bottom:.15rem}

/* 112-rutan: den ENDA platsen dar utryckningsrott far dominera. Fylld rod ram
   med lugn vit yta sa att texten ar lasbar; rubriken bar rott. */
.atdt-112{
	background:var(--atdt-surface);
	border:2px solid var(--atdt-accent);
	border-left:6px solid var(--atdt-accent);
	border-radius:var(--atdt-radius);
	padding:1em 1.2em;
	margin:1.8em 0;
}
.atdt-112 > :first-child{margin-top:0}
.atdt-112 > :last-child{margin-bottom:0}
.atdt-112 h2,.atdt-112 h3{color:var(--atdt-accent);margin-top:0;border-left:0;padding-left:0}
.atdt-112 strong{color:var(--atdt-accent)}

/* Faktaruta / lugn notis: varselgul kant, aldrig rod. */
.atdt-notis{
	background:color-mix(in srgb,var(--atdt-accent-2) 10%,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:.97rem;
}
.atdt-notis > :first-child{margin-top:0}
.atdt-notis > :last-child{margin-bottom:0}

/* Kallnotis under ett belagt pastaende: askgra, dampad. */
.atdt-kallnotis{display:block;font-size:.86rem;color:var(--atdt-muted);border-left:2px solid var(--atdt-neutral);padding-left:.8em;margin:1.2em 0}

/* Stegraknare i procedurguider: sajtens karnformat ar "sa har gor du". */
.entry-content ol.atdt-steg{list-style:none;counter-reset:atdt-steg;padding-left:0}
.entry-content ol.atdt-steg > li{counter-increment:atdt-steg;position:relative;padding-left:2.6em;margin-bottom:1em}
.entry-content ol.atdt-steg > li::before{
	content:counter(atdt-steg);
	position:absolute;left:0;top:-.08em;
	font-family:var(--atdt-font-display);font-weight:700;font-size:1.35rem;
	color:var(--atdt-accent);width:1.5em;text-align:right;
}

/* Svenska citattecken pa <q>. GeneratePress nollstaller webblasarens citattecken
   (q:before,q:after{content:""}). Vi aterstaller med svensk konvention. */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q::before{content:open-quote}
q::after{content:close-quote}

@media (max-width:600px){.atdt-112,.atdt-notis{padding:.85em 1em}}