/*
Theme Name: ATDT Bilägarguiden.se
Description: GeneratePress-barntema (tunt identitetslager) för bilägarguiden.se, en guide för bilägare om fordonets papper och underhåll över året: avställning, besiktning, service, däck och körförbud. Arketyp A fältguide, paletten "Verkstadsgolvet", Titillium Web + Reddit Sans, motivet servicehäftet. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 1.0.0
*/

/* ===== GP:s globala fargvariabler mappade till tokens =====
   Ligger forst. Utan den lacker GeneratePress standardblatt (#1e73be) in i
   lankar, knappar och navigering. functions.php skriver samma mappning sent i
   wp_head med literala varden. */
: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 A, FALTGUIDE (robust, utilitar) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.6;font-size:18px}
.entry-content{font-size:1.03rem}
.atdt-lead{font-size:1.2rem;line-height:1.5;font-weight:500;color:var(--atdt-ink)}
h1,h2,h3,h4,.entry-title,.main-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.08;color:var(--atdt-ink);font-synthesis:none}
h1,.entry-title{font-size:clamp(2.1rem,4.4vw,3.1rem)}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:1.28rem;line-height:1.2;margin:2.4em 0 .8em;padding:0 0 .35em;border-bottom:3px solid var(--atdt-accent);display:inline-block}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.08rem;margin-top:1.6em;color:var(--atdt-accent)}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover,a:focus{color:var(--atdt-accent-2)}
:focus-visible{outline:3px solid var(--atdt-accent-2);outline-offset:2px}
.bg-hero{margin:0 0 1.8rem}
.bg-hero img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:0;display:block;border-left:8px solid var(--atdt-accent)}
.bg-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-body);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;color:var(--atdt-muted);margin-top:.5rem}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:6px solid var(--atdt-accent);border-radius:var(--atdt-radius);padding:1.1rem 1.2rem}
.atdt-card h3{margin-top:0}
.entry-content ul li::marker{color:var(--atdt-accent)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;border:2px solid var(--atdt-ink);background:var(--atdt-surface)}
.entry-content thead th{background:var(--atdt-ink);color:var(--atdt-bg);text-transform:uppercase;letter-spacing:.04em;font-family:var(--atdt-font-display)}
.entry-content th,.entry-content td{padding:.6em .8em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody tr:nth-child(even){background:var(--atdt-bg)}
.entry-content blockquote{border-left:6px solid var(--atdt-accent-2);background:var(--atdt-surface);margin:1.6em 0;padding:.8em 1.1em;font-style:normal}
.wp-block-button__link,.button,button,input[type=submit]{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:var(--atdt-radius);font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wp-block-button__link:hover,.button:hover,button:hover,input[type=submit]:hover{background:var(--atdt-accent-2);color:var(--atdt-on-accent)}

/* Svenska citattecken. GP nollstaller dem pa <q>. */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q::before{content:open-quote}q::after{content:close-quote}

/* ===== Sidhuvud: gummisvart list med reflexgul kant ===== */
.site-header{background:var(--atdt-ink);border-bottom:5px solid var(--atdt-reflex)}
.main-title{font-size:1.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.main-title a,.main-title a:hover{color:var(--atdt-bg);text-decoration:none}
.site-description{font-family:var(--atdt-font-body);color:var(--atdt-neutral);font-size:.95rem}
.main-navigation,.main-navigation ul ul{background:var(--atdt-ink)}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--atdt-bg);text-decoration:none}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--atdt-reflex)}
.main-navigation .main-nav ul li.current-menu-item>a{box-shadow:inset 0 -3px 0 var(--atdt-reflex)}
.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item>a{color:var(--atdt-bg);background:transparent}
.main-navigation .menu-toggle:hover,.main-navigation .menu-toggle:focus{color:var(--atdt-reflex);background:transparent}
.navigation-search input[type=search]{background:var(--atdt-surface);color:var(--atdt-ink)}

/* ===== Innehallsyta ===== */
.separate-containers .inside-article,.one-container .container,.one-container .site-content{background:var(--atdt-surface)}
.entry-meta,.entry-meta a{color:var(--atdt-muted)}

/* ===== Motivet servicehaftet + mork sidfot ===== */
.bg-servicehaftet{display:block;width:100%;height:30px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.9}
.site-footer,.site-info,.footer-widgets{background:var(--atdt-ink);color:var(--atdt-bg)}
.site-info a,.site-footer a{color:var(--atdt-reflex)}
.site-info a:hover,.site-footer a:hover{color:var(--atdt-bg)}
.bg-footer-nav{text-align:center;padding:1.4rem 1rem .2rem;background:var(--atdt-ink)}
.bg-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;justify-content:center}
.bg-footer-menu a{color:var(--atdt-reflex);font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.bg-footer-menu a:hover,.bg-footer-menu .current-menu-item>a{color:var(--atdt-bg);text-decoration:underline}

/* Responsiv tabell */
@media (max-width:600px){
	body{font-size:17px}
	.main-title{font-size:1.45rem}
	.bg-hero img{max-height:240px}
	.entry-content table{table-layout:fixed;width:100%;font-size:.82rem}
	.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}
}