/*
Theme Name: ATDT banktjanst-nu
Description: GeneratePress-barntema (tunt identitetslager) for banktjanst.nu, guider for akuta bankarenden. Arketyp E (trust/authority, YMYL-finans): tegel och skogsgron pa varm grund, Newsreader + Instrument Sans, sidfotsmotiv med overstruket kort. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.2.1
*/

/* ===== 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. Regeln ovan ska bara gala for lankar i brodtexten.
   OBS: GeneratePress renderar ordmarket som .main-title, INTE .site-title
   (.site-title ar bara en wrapper som saknas i flera GP-layouter). Bada star
   kvar sa att regeln haller aven 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}

/* Tak pa den utvalda bildens hojd.
   Bilden ar en banderoll, inte en helsida. Utan tak fyllde den nastan hela
   forsta skarmen (uppmatt 2026-07-16: cirka 700 av 1050 px) och tryckte ner
   akutrutan under vecket. Pa en sajt som lases av nagon vars kort just har
   forsvunnit ar det forsta steget det enda som rakas, och da far ett foto inte
   sta i vagen for det. Samma avvagning som systersajten banktjanst.se gjorde.
   object-fit halller beskarningen centrerad i stallet for att pressa bilden. */
.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 / regulatorisk 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}

/* 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: banktjanst.nu ===== */
/* Sajten lases oftast i en stressig situation. Identiteten ar darfor byggd
   kring EN sak: att det man behover gora forst ska ga att hitta pa nagra
   sekunder, utan att sidan skriker. Tegeln bar akut, skogsgronen bar lugn. */

/* Akutruta: forsta steget, hogst upp i en guide. Tegelram, aldrig fylld
   signalfarg (en helrod ruta hojer pulsen i stallet for att sanka den). */
.atdt-akut{
	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 > :first-child{margin-top:0}
.atdt-akut > :last-child{margin-bottom:0}
.atdt-akut h2,.atdt-akut h3{color:var(--atdt-accent);margin-top:0}
.atdt-akut h2::after{display:none}

/* Banklista: en lank till bankens EGEN sida per rad. Sajten aterger inte
   nummer och tider som vi inte kan belagga, den visar vagen till kallan.
   Forsta kolumnen ar banknamnet, darfor betonad av arketypen redan. */
.atdt-banklista td:last-child{white-space:normal}
.atdt-banklista a{font-weight:600}

/* Svenska citattecken pa <q>.
   GeneratePress style.min.css nollstaller webblasarens automatiska citattecken:
     blockquote:after,blockquote:before,q:after,q:before{content:""}
   Pa en sajt som citerar myndigheter och banker ORDAGRANT ar det ett riktigt fel,
   inte en detalj: utan citattecken gar det inte att se var kallans ord slutar och
   vara borjar. Uppmatt 2026-07-16: 11 citat pa /bankid-fungerar-inte/ renderades
   helt utan citattecken. Vi ateroppnar dem med svensk konvention (”citat”).
   Blockquote lamnas medvetet utan tecken; den ar redan visuellt inramad. */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q::before{content:open-quote}
q::after{content:close-quote}

/* Kallnotis under ett belagt pastaende. Skogsgron, dampad, aldrig tegel:
   en kalla ar lugn information, inte en varning. */
.atdt-kallnotis{
	display:block;
	font-size:.86rem;
	color:var(--atdt-muted);
	border-left:2px solid var(--atdt-accent-2);
	padding-left:.8em;
	margin:1.2em 0;
}

/* Stegräknare i procedurguider: sajtens karnformat ar "sa har gor du".
   Newsreader-siffror i skogsgront ger rytm utan att konkurrera med tegeln. */
.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-2);
	width:1.5em;text-align:right;
}
@media (max-width:600px){.atdt-akut{padding:.9em 1em}}