/*
Theme Name: ATDT banktjanst-se
Description: GeneratePress-barntema (tunt identitetslager) for banktjanst.se, bytesguiden for bankkunder. Arketyp E (trust/authority). Identitet: praktisk bankconcierge, checklistans lugn. Bankgron accent, brand orange ENBART for nasta steg, Bitter plus Source Sans 3, kvitterad checklista som sidfotsmotiv. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.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)}
.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-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,.atdt-checkrule{display:block;width:100%;height:26px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.5}

/* ===== SAJTIDENTITET: banktjanst.se =====
   Arketyp E delas med tre systersajter i kluster B. Unikheten far darfor inte
   vila pa paletten ensam. Greppet har ar BLANKETTEN: kantiga former (radius 4px),
   slab-rubriker och en kvitterad checklista som genomgaende motiv. */

/* KLASSKOLLISION: atdt-theme-kits components.css definierar .atdt-hero som ett
   GRID (1.25fr 0.9fr) for sin hero-komposition. Barntemats post_thumbnail_html
   ateranvander samma klassnamn pa en <figure>, som da blir tvakolumnig: bilden i
   kolumn 1 och fotokrediten svavande i kolumn 2. Aterstall figuren till block.
   Se [[reference_atdt_hero_class_collision]]. */
figure.atdt-hero{display:block}

/* Heron ar en banderoll, inte en helsida. Utan tak trycker den ner hubbens
   guidelankar under vecket, vilket ar precis vad hubben finns for att undvika. */
.atdt-hero img{max-height:420px;object-fit:cover;object-position:center}
@media (max-width:768px){.atdt-hero img{max-height:240px}}

/* Rubrikstapeln: kortare och tunnare an arketypens, blankettens linjal. */
.entry-content h2::after{width:1.6em;height:2px;background:var(--atdt-accent)}

/* Numrerade steg: bytet ar en procedur, inte en essa. Sifferbricka i bankgront. */
.entry-content ol{list-style:none;counter-reset:atdt-step;padding-left:0}
.entry-content ol>li{counter-increment:atdt-step;position:relative;padding-left:2.6rem;margin-bottom:.9em}
.entry-content ol>li::before{content:counter(atdt-step);position:absolute;left:0;top:.05em;width:1.7rem;height:1.7rem;display:grid;place-items:center;background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);font-weight:700;font-size:.82rem;border-radius:var(--atdt-radius)}

/* Punktlistor kvitteras med en bock, checklistans karnmotiv. */
.entry-content ul:not(.atdt-grid):not([class*="wp-block"]){list-style:none;padding-left:0}
.entry-content ul:not(.atdt-grid):not([class*="wp-block"])>li{position:relative;padding-left:1.8rem;margin-bottom:.6em}
.entry-content ul:not(.atdt-grid):not([class*="wp-block"])>li::before{content:"";position:absolute;left:.25rem;top:.55em;width:.5rem;height:.26rem;border-left:2px solid var(--atdt-accent);border-bottom:2px solid var(--atdt-accent);transform:rotate(-45deg)}

/* Kort: kantiga, med bock-hallare i stallet for arketypens rundade skuggkort. */
.atdt-card{border-radius:var(--atdt-radius);border-left-width:3px}
.atdt-card:hover{border-color:var(--atdt-accent);box-shadow:0 6px 18px -14px rgba(20,35,29,.5)}

/* Tabeller: blankettens hairline, ingen zebra. */
.entry-content thead th{background:var(--atdt-surface);border-bottom:2px solid var(--atdt-accent);font-size:.9rem;letter-spacing:.02em}
.entry-content table{border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);overflow:hidden}

/* Faktaruta: dampad gron, INTE orange. Orangen ar reserverad for nasta steg. */
.entry-content blockquote{border-left-color:var(--atdt-accent);background:color-mix(in srgb,var(--atdt-accent) 6%,var(--atdt-surface));border-radius:var(--atdt-radius)}

/* NASTA STEG: den enda platsen dar den branda orangen far synas. */
.atdt-next{display:block;background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent-2);border-radius:var(--atdt-radius);padding:1.1em 1.3em;margin:2.2em 0}
.atdt-next strong{font-family:var(--atdt-font-display);color:var(--atdt-accent-2);display:block;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.35em}
.atdt-next a{color:var(--atdt-accent)}

.wp-block-button__link,.button,button{border-radius:var(--atdt-radius)}

/* 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}}