/*
Theme Name: ATDT whut-se
Description: GeneratePress-barntema for whut.se — en nyfiken, allmanbildande fraga-svar-sajt. Arketyp G (Bold/Modern): elektrisk violett, het magenta, kantig display-font Unbounded. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.2.1
*/

/* ===== 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% .12em;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}}

/* ===== WHUT.SE — sajtspecifika tillagg (arketyp G + nyfiken fraga-svar-brand) ===== */

/* Lankar: hall lasbar text aven i hover-fyllt lage (violett bakgrund -> vit text) */
a:hover, a:focus { color: var(--atdt-on-accent); }
.entry-content a { font-weight: 600; }

/* Lead-stycke */
.entry-content > p:first-of-type { font-size: 1.22rem; line-height: 1.5; font-weight: 600; }

/* Site header / nav: kantig bold-modern menyrad */
.site-header { border-bottom: 4px solid var(--atdt-ink); }
.main-navigation, .main-navigation ul { background: var(--atdt-ink); }
.main-navigation .main-nav ul li a {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	font-size: .82rem;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--atdt-bg);
	background: none;
	padding-top: .9em; padding-bottom: .9em;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a {
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
}
.site-logo, .site-branding { display: flex; align-items: center; }
.main-title a, .site-title a { background: none !important; padding: 0 !important; }

/* Forfattar-byline pa fraga-/encyclopedia-singlar */
.whut-byline { font-family: var(--atdt-font-mono); font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; color: var(--atdt-muted); margin: .4rem 0 1.2rem; }
.whut-byline-date { color: var(--atdt-accent); }

/* ===== Startsida ===== */
/* Dolj GP:s standardsidtitel ("Hem") pa den statiska startsidan — heron ar rubriken. */
.home .entry-header { display: none; }

.whut-hero {
	background: var(--atdt-ink);
	color: var(--atdt-bg);
	border: 3px solid var(--atdt-ink);
	box-shadow: 12px 12px 0 var(--atdt-accent);
	padding: clamp(2rem, 6vw, 3.6rem);
	margin: 0 0 3rem;
}
.whut-hero .whut-kicker {
	font-family: var(--atdt-font-mono);
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .78rem;
	color: var(--atdt-accent-2);
	margin: 0 0 1rem;
}
.whut-hero h1 {
	font-family: var(--atdt-font-display);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.0;
	font-size: clamp(2.6rem, 8vw, 4.6rem);
	margin: 0 0 1rem;
	color: var(--atdt-bg);
}
.whut-hero h1 .q { color: var(--atdt-accent-2); }
.whut-hero p { font-size: 1.25rem; line-height: 1.5; max-width: 38ch; margin: 0 0 1.6rem; color: var(--atdt-bg); }
.whut-hero .whut-cta {
	display: inline-block;
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
	font-family: var(--atdt-font-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: .9rem;
	padding: .85em 1.4em;
	border: 2px solid var(--atdt-bg);
	box-shadow: 5px 5px 0 var(--atdt-accent-2);
}
.whut-hero .whut-cta:hover { transform: translate(-2px,-2px); box-shadow: 7px 7px 0 var(--atdt-accent-2); color: var(--atdt-on-accent); }

.whut-sectionhead {
	font-family: var(--atdt-font-display);
	font-weight: 800;
	font-size: 1.6rem;
	letter-spacing: -.02em;
	margin: 2.8rem 0 .4rem;
	padding-bottom: .25em;
	border-bottom: 5px solid var(--atdt-ink);
}
.whut-sectionsub { color: var(--atdt-muted); margin: 0 0 1.4rem; font-size: 1.02rem; }

/* Fragekort-grid pa startsidan */
.whut-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.3rem; margin: 1.6rem 0 2.4rem; }
.whut-card {
	display: flex; flex-direction: column;
	background: var(--atdt-surface);
	border: 2px solid var(--atdt-ink);
	padding: 1.4rem 1.5rem;
	text-decoration: none;
	transition: transform .12s, box-shadow .12s;
}
.whut-card:hover { transform: translate(-4px,-4px); box-shadow: 9px 9px 0 var(--atdt-accent); }
.whut-card .whut-tag {
	font-family: var(--atdt-font-mono);
	font-size: .68rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--atdt-accent);
	margin-bottom: .6rem;
}
.whut-card h3 {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	font-size: 1.12rem;
	line-height: 1.15;
	margin: 0 0 .5rem;
	color: var(--atdt-ink);
}
.whut-card p { margin: 0; color: var(--atdt-muted); font-size: .96rem; line-height: 1.45; }
.whut-card .whut-arrow { margin-top: auto; padding-top: .9rem; font-family: var(--atdt-font-mono); font-size: .8rem; color: var(--atdt-accent-2); font-weight: 700; }

/* Temabrickor (kluster) */
.whut-topics { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.2rem 0 2.4rem; }
.whut-topics a {
	font-family: var(--atdt-font-mono);
	font-size: .82rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	background: var(--atdt-neutral);
	color: var(--atdt-ink);
	border: 2px solid var(--atdt-ink);
	padding: .5em .9em;
	text-decoration: none;
}
.whut-topics a:hover { background: var(--atdt-accent); color: var(--atdt-on-accent); }

/* ===== Arkiv (Frågor / Uppslagsverk) — gor GP:s lista snyggare ===== */
.archive .site-main .generate-columns,
.blog .site-main .generate-columns { margin-bottom: 1.4rem; }
.archive .inside-article, .blog .inside-article, .search .inside-article {
	border: 2px solid var(--atdt-ink);
	background: var(--atdt-surface);
	padding: 1.4rem 1.5rem;
	transition: transform .12s, box-shadow .12s;
}
.archive .inside-article:hover, .blog .inside-article:hover {
	transform: translate(-3px,-3px); box-shadow: 7px 7px 0 var(--atdt-accent);
}
.archive .entry-title, .blog .entry-title { font-size: 1.35rem; }
.page-header-title, .archive h1.page-title { font-family: var(--atdt-font-display); font-weight: 800; }

/* ===== Sidfotsmotiv: nyfikenhets-vag av fragetecken ===== */
.whut-rule { display:block; width:100%; height:30px; margin: 2.6rem 0 0; color: var(--atdt-accent); opacity:.85; }
.site-footer { border-top: 4px solid var(--atdt-ink); }

/* Responsiv tabell (sakerhet mot mobil-overflow) */
@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}
	.whut-hero{box-shadow:7px 7px 0 var(--atdt-accent)}
}