/*
Theme Name: ATDT Utforskagoteborg.se
Description: GeneratePress-barntema (tunt identitetslager) för utforskagoteborg.se, besöksguide till Göteborg. Arketyp C lekfullt, paletten "Slottsskogen och tegel", Syne + Mulish. 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 C — LEKFULLT/SAFTIGT (runt, inbjudande, fyllda kort) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.68}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.2rem;line-height:1.55}
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:700;font-size:1.5rem;line-height:1.25;margin:2.2em 0 .7em;display:inline-block;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--atdt-accent-2) 55%,transparent) 60%);padding:0 .14em}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.2rem;margin-top:1.6em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--atdt-accent-2)}
a:hover{color:var(--atdt-accent-2)}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 18px 40px -18px rgba(0,0,0,.35)}
.atdt-hero figcaption,.atdt-fotocred{display:inline-block;font-family:var(--atdt-font-body);font-size:.76rem;color:var(--atdt-muted);margin-top:.7rem;background:var(--atdt-neutral);padding:.2em .8em;border-radius:999px}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin:2rem 0}
.atdt-card{background:color-mix(in srgb,var(--atdt-accent-2) 13%,var(--atdt-surface));border:0;border-radius:18px;padding:1.3rem 1.4rem;box-shadow:0 8px 20px -14px rgba(0,0,0,.3);transition:transform .15s,box-shadow .15s}
.atdt-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(0,0,0,.4)}
.atdt-card h3{margin-top:0;color:var(--atdt-accent)}
.atdt-card a{text-decoration:none}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.6em 0;border-radius:16px;overflow:hidden;background:var(--atdt-surface)}
.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:.7em .9em;text-align:left;border-bottom:1px solid var(--atdt-neutral)}
.entry-content tbody tr:nth-child(even){background:color-mix(in srgb,var(--atdt-accent-2) 8%,var(--atdt-surface))}
.entry-content blockquote{border:0;background:color-mix(in srgb,var(--atdt-accent-2) 16%,var(--atdt-surface));border-radius:16px;margin:1.6em 0;padding:1em 1.3em}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:999px;font-family:var(--atdt-font-display);font-weight:700;padding:.55em 1.4em}

/* 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 C satter a{color:var(--atdt-accent)} och
   .atdt-card h3{color:var(--atdt-accent)}. Limen nar bara 2,30:1 mot bakgrunden
   och ar underkand som textfarg. Bada satts till --atdt-link, som klarar 4,5:1
   mot alla fyra ytor sajten anvander: bg 5,32:1, vit 5,55:1, tonad kortyta
   4,77:1, citatyta 4,58:1 och zebrarad 5,06:1.
   Hover gar till ink med tjockare understrykning, INTE till accent-2, som bara
   nar 3,63:1 mot bakgrunden. */
a{color:var(--atdt-link);text-decoration:underline;text-decoration-color:var(--atdt-link);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover,a:focus{color:var(--atdt-ink);text-decoration-color:var(--atdt-ink);text-decoration-thickness:3px}
.atdt-card h3{color:var(--atdt-link)}
.atdt-card h3 a,.atdt-card a{color:var(--atdt-link);text-decoration:underline;text-decoration-color:var(--atdt-link);text-decoration-thickness:2px;text-underline-offset:3px}
.atdt-card h3 a:hover,.atdt-card a:hover{color:var(--atdt-ink);text-decoration-color:var(--atdt-ink)}

/* Rubrik med highlight: highlighten ar 55 procent rost, ungefar #DFAB78. Ink ger
   dar 8,64:1 men lankfargen bara 2,70:1. En highlightad rubrik ar darfor ALLTID
   ink, aldrig lankfargad, aven nar den ar klickbar. */
.entry-content h2{color:var(--atdt-ink)}
.entry-content h2 a{color:var(--atdt-ink);text-decoration-color:var(--atdt-ink)}

/* --- 2. Typsnitt. Syne har 700 och 800 pa riktigt, Mulish har akta kursiv.
   Ingen syntes behovs, men sparren satts anda sa att ingen ovantad vikt
   syntetiseras om en komponent begar en. */
h1,.entry-title,.site-title,.entry-content h2,.entry-content h3,.atdt-card h3,.widget-title{font-synthesis:none}
.entry-content h2,.entry-content h3,.atdt-card h3,h1,.entry-title{font-weight:700}
.atdt-nyckeltal b,.atdt-nyckeltal strong{font-family:var(--atdt-font-display);font-weight:800;font-synthesis:none;font-size:2.1rem;line-height:1}
.atdt-nyckeltal small{color:var(--atdt-muted)}
.entry-content em,.entry-content i,figcaption,.atdt-fotocred{font-family:var(--atdt-font-body);font-style:italic;font-weight:400;font-synthesis:none}

/* --- 3. Chipssprak. Riktiga piller: 999 px radie, neutral fyllning och ink i
   vila, lime och ink nar filtret ar valt (7,40:1). Limen bar alltsa aldrig text,
   bara fyllning under ink. Chipraden scrollar horisontellt pa mobil i stallet
   for att brytas i tre rader. */
.atdt-chip,.atdt-filter,.atdt-kontrollerat{display:inline-block;border-radius:999px;background:var(--atdt-neutral);color:var(--atdt-ink);padding:.24em .85em;font-family:var(--atdt-font-body);font-weight:600;font-size:.78rem;font-synthesis:none}
.atdt-chip[aria-pressed="true"],.atdt-chip.is-vald{background:var(--atdt-accent);color:var(--atdt-on-accent)}
.atdt-chiprad{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.3rem}
@media (min-width:700px){.atdt-chiprad{flex-wrap:wrap;overflow-x:visible}}

/* Kontrolldatum ar ett chip i systemmono, dampat, i samma kort som vardet. */
.atdt-kontrollerat{font-family:var(--atdt-font-mono);font-weight:400;font-size:.76rem;color:var(--atdt-muted)}

/* --- 4. Tabell. Dagens rad markeras med en rundad limeprick fore veckodagen,
   aldrig med en fylld rad, sa att kontrastforhallandet i cellen inte andras. */
.entry-content tbody tr.atdt-idag td:first-child::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:999px;background:var(--atdt-accent);margin-right:.5em;vertical-align:middle}

/* Sasongsblock: rundat block fyllt med 16 procent rost. Lanktexten dar ar matt
   till 4,58:1, alltsa godkand. */
.atdt-sasong{border-radius:var(--atdt-radius);background:color-mix(in srgb,var(--atdt-accent-2) 16%,var(--atdt-surface));padding:1.2rem 1.4rem;margin:2rem 0}
.atdt-sasong > :first-child{font-family:var(--atdt-font-display);font-weight:700;font-synthesis:none}

/* --- 5. Sidfotsmotivet, skargardsprickar.
   Granskat renderat i sin egen palett. Vid arketypens 0,5 blir limen pa det
   gronbrutna papperet for svag, precis som konceptet forutsag. Opaciteten hojd
   till 0,7, dar bade svallen och oarna laser. */
.atdt-swell{opacity:.7}