/*
Theme Name: ATDT Utforskastockholm.se
Description: GeneratePress-barntema (tunt identitetslager) för utforskastockholm.se, besöksguide till Stockholm. Arketyp B editorial magasin, paletten "Tornspira och höstljus", Marcellus + Instrument Sans. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* ===== GP:s globala fargvariabler mappade till tokens =====
   Ligger FORST, fore arketypens kropp. Utan den lacker GeneratePress
   standardaccent (blatt #1e73be) in i lankar, knappar och navigering. */
:root:root{--accent:var(--atdt-link);--contrast:var(--atdt-ink);--contrast-2:var(--atdt-muted);--contrast-3:var(--atdt-neutral);--base:var(--atdt-neutral);--base-2:var(--atdt-bg);--base-3:var(--atdt-surface)}


/* ===== ARKETYP B — EDITORIAL MAGASIN (serif, luftigt, raffinerat) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.78}
.entry-content{font-size:1.07rem}
.atdt-lead{font-size:1.24rem;line-height:1.6;color:var(--atdt-ink)}
.entry-content .atdt-lead::first-letter{font-family:var(--atdt-font-display);font-size:3.2rem;line-height:.78;float:left;padding:.04em .12em 0 0;color:var(--atdt-accent);font-weight:700}
h1,.entry-title,.site-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:600;font-size:1.7rem;line-height:1.2;margin:2.6em 0 .55em;padding-top:.85em;border-top:1px solid var(--atdt-neutral)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.24rem;margin-top:1.6em}
a{color:var(--atdt-ink);text-decoration:underline;text-decoration-color:var(--atdt-accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--atdt-accent)}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-body);font-style:italic;font-size:.85rem;color:var(--atdt-muted);margin-top:.6rem;text-align:center}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem 2rem;margin:2.2rem 0}
.atdt-card{background:transparent;border:0;border-top:1px solid var(--atdt-ink);border-radius:0;padding:.9rem 0 0}
.atdt-card h3{margin:0 0 .3rem;font-size:1.2rem}
.atdt-card a{text-decoration:none}
.atdt-card h3 a::after{content:" \2192";color:var(--atdt-accent);opacity:0;transition:opacity .15s}
.atdt-card:hover h3 a::after{opacity:1}
.entry-content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:.98rem}
.entry-content thead th{border-bottom:2px solid var(--atdt-ink);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-family:var(--atdt-font-body)}
.entry-content th,.entry-content td{padding:.7em .6em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content blockquote{border:0;border-left:2px solid var(--atdt-accent);margin:1.8em 0;padding:.15em 0 .15em 1.4em;font-family:var(--atdt-font-display);font-style:italic;font-size:1.32rem;line-height:1.4;color:var(--atdt-ink)}
.wp-block-button__link,.button,button{background:transparent;color:var(--atdt-accent);border:1px solid var(--atdt-accent);border-radius:0;font-family:var(--atdt-font-body);letter-spacing:.04em}
.wp-block-button__link:hover{background:var(--atdt-accent);color:var(--atdt-on-accent)}

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

/* =====================================================================
   TEMATS EGEN SVANS: overridningar som designkonceptet kraver.
   Allt harunder vinner over arketypen ovanfor.
   ===================================================================== */

/* --- 1. Lankar. Arketyp B satter a{color:var(--atdt-ink)} med guld
   understrykning. Guldet nar bara 1,86:1 mot bakgrunden, sa lanken gar inte att
   skilja fran brodtext. All lanktext satts darfor i --atdt-link (4,85:1 mot bg,
   5,02:1 mot kortyta) och understrykningen i samma farg, 1 px. */
a{color:var(--atdt-link);text-decoration:underline;text-decoration-color:var(--atdt-link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover,a:focus{color:var(--atdt-ink);text-decoration-color:var(--atdt-ink);text-decoration-thickness:2px}

/* Kortraden: lankens understrykning ar barare av lankigenkanningen, pilen ar
   bara redundant dekor. Arketypen tar bort understrykningen, den satts tillbaka. */
.atdt-card h3 a,.atdt-card a{color:var(--atdt-link);text-decoration:underline;text-decoration-color:var(--atdt-link);text-decoration-thickness:1px;text-underline-offset:3px}
.atdt-card h3 a::after{text-decoration:none}

/* Knappar: arketypen satter guld som textfarg och ram (1,86:1). Texten flyttas
   till --atdt-link. Hover fyller med guld och satter ink ovanpa, 9,24:1. */
.wp-block-button__link,.button,button{color:var(--atdt-link);border-color:var(--atdt-link)}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent);color:var(--atdt-on-accent);border-color:var(--atdt-accent)}

/* --- 2. Marcellus har EN ENDA vikt, 400, och ingen kursiv.
   Arketypen satter 700 pa h1 och 600 pa h2 och h3, vilket skulle ge syntetisk
   fetstil. Hierarkin byggs i stallet pa grad, radavstand och sparrning, plus
   den harfina overlinjen over h2. font-synthesis:none ar sparren. */
h1,.entry-title,.site-title,
.entry-content h2,.entry-content h3,.entry-content h4,
.atdt-card h3,.widget-title{
	font-family:var(--atdt-font-display);
	font-weight:400;
	font-style:normal;
	font-synthesis:none;
}
h1,.entry-title{font-size:clamp(2rem,4.4vw,2.9rem);line-height:1.14;letter-spacing:.005em}
.entry-content h2{font-size:1.72rem;line-height:1.22;letter-spacing:.02em}
.entry-content h3{font-size:1.22rem;line-height:1.3;letter-spacing:.035em}
.entry-content h4{font-size:1.04rem;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}

/* Anfanget ar sajtens enda dekorativa element och sitter bara pa ingressen.
   Det satts i guld i stor grad enligt konceptet, men i vikt 400, aldrig 700. */
.entry-content .atdt-lead::first-letter{font-weight:400;font-synthesis:none}

/* All kursiv kommer ur brodtextfonten, eftersom Marcellus saknar kursiv.
   Arketypens blockquote ar display + italic och skulle annars syntetiseras. */
.entry-content blockquote{font-family:var(--atdt-font-body);font-style:italic;font-weight:400;font-synthesis:none;font-size:1.22rem;line-height:1.5}
.entry-content em,.entry-content i,figcaption,.atdt-fotocred{font-synthesis:none}

/* --- 3. Bildtext och fotokredit hanger ihop pa samma rad under bilden. */
.atdt-hero figcaption{display:block}
.atdt-hero figcaption .atdt-fotocred,.atdt-fotocred{display:inline;margin-left:.35em}

/* --- 4. Etiketter, filterchips och tabellhuvuden i Instrument Sans 600. */
.atdt-chip,.atdt-filter,.entry-content thead th{font-family:var(--atdt-font-body);font-weight:600;font-synthesis:none}
.atdt-chip{display:inline-block;border:1px solid var(--atdt-neutral);border-radius:0;padding:.28em .7em;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--atdt-ink);background:transparent}
.atdt-chip[aria-pressed="true"],.atdt-chip.is-vald{background:var(--atdt-accent);color:var(--atdt-on-accent);border-color:var(--atdt-accent)}

/* Kontrollrad i systemmono, dampad. Foljer alltid med sitt varde i samma block. */
.atdt-kontrollerat{font-family:var(--atdt-font-mono);font-size:.82rem;color:var(--atdt-muted)}

/* Sasongsblock: ram i Malarblatt sa lasaren ser var det daterade borjar. */
.atdt-sasong{border:1px solid var(--atdt-accent-2);padding:1.1rem 1.3rem;margin:2rem 0}
.atdt-sasong > :first-child{font-family:var(--atdt-font-display);font-weight:400;font-synthesis:none}

/* Nyckeltalsband: siffrorna i Marcellus i stor grad, etiketten under i dampad. */
.atdt-nyckeltal b,.atdt-nyckeltal strong{font-family:var(--atdt-font-display);font-weight:400;font-synthesis:none;font-size:2rem;line-height:1}
.atdt-nyckeltal small{color:var(--atdt-muted)}

/* --- 5. Sidfotsmotivet, tornlinjen.
   Granskat renderat i sin egen palett. Vid arketypens 0,5 forsvinner den harfina
   guldlinjen nastan helt mot det varma papperet, precis den kombination konceptet
   pekar ut som svarast. Opaciteten hojd till 0,7, dar raden laser som siluett. */
.atdt-ridge{opacity:.7}