/*
Theme Name: ATDT provet-se
Description: GeneratePress-barntema for provet.se. Arketyp G (bold/modern), mork ram + ljus lasyta: svarshafte-estetik for provforberedelse. Grafitsvart chrome, blockvit lasyta, svarsbla accent. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 1.0.0
*/

/* ===== ARKETYP G - BOLD/MODERN (brutalistiskt, hogt anslag, design-forward, tech/asikt) ===== */
/* Stor typografi, tjocka konturer, harda offset-skuggor (ingen blur), kantigt. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.6}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.3rem;line-height:1.45;font-weight:600;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.1rem,5vw,3.2rem)}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.02em;font-size:1.9rem;line-height:1.05;margin:2.4em 0 .6em;padding-bottom:.25em;border-bottom:5px solid var(--atdt-ink)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:800;font-size:1.25rem;margin-top:1.6em}
a{color:var(--atdt-ink);text-decoration:none;background:linear-gradient(var(--atdt-accent),var(--atdt-accent)) no-repeat 0 100%/100% 35%;padding:0 .05em}
a:hover{background-size:100% 100%}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block;border:3px solid var(--atdt-ink);box-shadow:10px 10px 0 var(--atdt-accent)}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);font-size:.75rem;color:var(--atdt-muted);margin-top:.7rem;text-transform:uppercase;letter-spacing:.05em}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:2.2rem 0}
.atdt-card{background:var(--atdt-surface);border:2px solid var(--atdt-ink);border-radius:0;padding:1.3rem 1.4rem;transition:transform .12s,box-shadow .12s}
.atdt-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--atdt-accent)}
.atdt-card h3{margin-top:0}
.atdt-card a{background:none;padding:0}
.entry-content table{width:100%;border-collapse:collapse;margin:1.8em 0;border:2px solid var(--atdt-ink)}
.entry-content thead th{background:var(--atdt-ink);color:var(--atdt-bg);font-family:var(--atdt-font-display);text-transform:uppercase;letter-spacing:.03em}
.entry-content th,.entry-content td{padding:.65em .85em;border:1px solid var(--atdt-ink);text-align:left}
.entry-content blockquote{border:2px solid var(--atdt-ink);background:var(--atdt-accent);color:var(--atdt-on-accent);margin:1.8em 0;padding:1em 1.2em;font-weight:600;box-shadow:6px 6px 0 var(--atdt-ink)}
.wp-block-button__link,.button,button{background:var(--atdt-ink);color:var(--atdt-bg);border:2px solid var(--atdt-ink);border-radius:0;font-family:var(--atdt-font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:4px 4px 0 var(--atdt-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}}

/* =================================================================== */
/* ===== PROVET.SE-OVERRIDES: mork ram + ljus lasyta (G dark) ========= */
/* =================================================================== */

/* GP:s globala CSS-variabler -> tokens (mot #1e73be-lackan i #generate-style-inline-css) */
:root{
	--accent:var(--atdt-accent);
	--contrast:var(--atdt-ink);
	--contrast-2:var(--atdt-muted);
	--base:var(--atdt-surface);
	--base-2:var(--atdt-bg);
	--base-3:var(--atdt-surface);
}

/* Lasytan: vitt kort, mork text (garanterad lasbarhet pa artikelsidor) */
.inside-article,.inside-article .entry-content,.page-content,.entry-summary{background:var(--atdt-surface);color:var(--atdt-ink)}
.inside-article .entry-content p,.inside-article .entry-content li,.inside-article .entry-content td,.inside-article .entry-content th{color:var(--atdt-ink)}
.inside-article a{color:var(--atdt-ink)}

/* Ramen: mork chrome runt lasytan */
body{background:var(--atdt-bg)}
.site-content,#content,.site{background:var(--atdt-bg)}

/* Arketypen anvander var(--atdt-bg) som LJUS forgrund pa tva stallen (nu mork) -> tvinga ljus.
   Hog specificitet sa den vinner over lasbarhetsregeln .inside-article .entry-content th nedan. */
.inside-article .entry-content thead th{background:var(--atdt-ink);color:var(--atdt-surface)}
.wp-block-button__link,.button,button{color:var(--atdt-surface)}

/* Header + nav: mork med tvingad ljus text */
.site-header,.inside-header{background:var(--atdt-bg)}
.main-navigation,.main-navigation .inside-navigation,.main-navigation .main-nav{background:var(--atdt-bg)}
.main-navigation{border-top:3px solid var(--atdt-accent);border-bottom:3px solid var(--atdt-accent)}
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items,.main-navigation .menu-bar-item>a{color:var(--atdt-surface)}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li a:focus,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--atdt-bg);background:var(--atdt-accent)}
.site-title a,.main-title,.main-title a{color:var(--atdt-surface)}
.site-description{color:var(--atdt-muted)}

/* Footer: mork */
.site-footer,.site-info,.inside-site-info{background:var(--atdt-bg);color:var(--atdt-surface)}
.site-info a{color:var(--atdt-surface)}

/* Hero-tak (mot att heron fyller vyporten och trycker ner hubblankar) */
.atdt-hero img,.wp-post-image,.post-image img,.featured-image img{max-height:420px;object-fit:cover;width:100%}
@media (max-width:600px){.atdt-hero img,.wp-post-image,.post-image img{max-height:240px}}
figure.atdt-hero{display:block}

/* Ateranstall svenska citattecken (GP nollar <q> i style.min.css) */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q:before{content:open-quote}
q:after{content:close-quote}

/* Svarshafte-komponenter i innehallet */
.atdt-fakta{border:3px solid var(--atdt-ink);background:var(--atdt-surface);padding:1.1rem 1.3rem;margin:1.8em 0;box-shadow:6px 6px 0 var(--atdt-accent)}
.atdt-fakta h3{margin-top:0}
.atdt-miss{border:3px solid var(--atdt-ink);background:#fff;padding:1.1rem 1.3rem;margin:1.8em 0;box-shadow:6px 6px 0 var(--atdt-accent-2)}
.atdt-miss h3{margin-top:0;color:var(--atdt-accent-2)}

/* Hubbens svarshafte-omslag (mork bandruta i den ljusa sidan).
   Hog specificitet (.inside-article .entry-content ...) sa den ljusa texten vinner
   over lasytans .inside-article .entry-content p{color:ink}-regel ovan. */
.atdt-hub-hero{background:var(--atdt-bg);color:var(--atdt-surface);border:3px solid var(--atdt-ink);box-shadow:12px 12px 0 var(--atdt-accent);padding:2.4rem 2rem;margin:0 0 2.6rem}
.inside-article .entry-content .atdt-hub-hero h1,
.inside-article .entry-content .atdt-hub-hero h2,
.inside-article .entry-content .atdt-hub-hero p,
.inside-article .entry-content .atdt-hub-hero li,
.inside-article .entry-content .atdt-hub-hero .atdt-lead{color:var(--atdt-surface)}
.inside-article .entry-content .atdt-hub-hero a{color:var(--atdt-surface);background:linear-gradient(var(--atdt-accent),var(--atdt-accent)) no-repeat 0 100%/100% 35%}
.atdt-hub-hero .atdt-kicker{font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--atdt-accent-2);display:block;margin-bottom:1rem}

/* Interna guidekort pa hubben */
.atdt-grid .atdt-card a{color:var(--atdt-ink)}
.entry-content .atdt-card h3{font-size:1.05rem;line-height:1.18;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto;margin-top:0}
.atdt-card .atdt-card-tag{font-family:var(--atdt-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--atdt-accent);display:block;margin-bottom:.4rem}