/*
Theme Name: ATDT Dave.se
Theme URI: https://www.dave.se/
Description: GeneratePress-barntema för dave.se. Identitet: "Fråga Dave!" - en vänlig AI-robot som svarar på vardagsfrågor. Robot-teal accent, korall-pop, pratbubble-motiv, Fredoka + Inter. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens definieras i tokens.css, komponenter i atdt-theme-kit. */

body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	color: var(--atdt-ink);
	letter-spacing: -0.01em;
}

a { color: var(--atdt-accent); }
a:hover { color: var(--atdt-pop); }

/* Sidhuvud - ordmärke och meny */
.site-header {
	background: var(--atdt-surface);
	border-bottom: 1px solid var(--atdt-neutral);
}
.site-logo, .main-title a, .site-title a {
	font-family: var(--atdt-font-display);
	font-weight: 700;
}
.main-navigation a {
	font-family: var(--atdt-font-display);
	font-weight: 600;
}
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

/* Läsbar löptext i artiklar */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}
.entry-content { font-size: 1.06rem; line-height: 1.7; }
.entry-content code { font-family: var(--atdt-font-mono); }

/* Robotröst-detaljer i monospace */
.atdt-eyebrow {
	font-family: var(--atdt-font-mono);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.8rem;
	color: var(--atdt-accent);
	margin-bottom: 0.4rem;
}

/* Pratbubble-hero (Q&A-känsla) */
.atdt-hero {
	display: grid;
	gap: 1.5rem;
	align-items: center;
	padding: 2.5rem 0 1rem;
}
.atdt-hero__title { font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.08; margin: 0.2rem 0; }
.atdt-hero__lead { font-size: 1.2rem; color: var(--atdt-muted); max-width: 40ch; }

/* Daves pratbubbla */
.atdt-bubble {
	position: relative;
	background: var(--atdt-surface);
	border: 2px solid var(--atdt-neutral);
	border-radius: var(--atdt-radius);
	padding: 1.4rem 1.6rem;
	box-shadow: 0 10px 30px rgba(19, 26, 34, 0.07);
	max-width: 36ch;
}
.atdt-bubble::after {
	content: "";
	position: absolute;
	left: 2.2rem;
	bottom: -14px;
	width: 26px;
	height: 26px;
	background: var(--atdt-surface);
	border-right: 2px solid var(--atdt-neutral);
	border-bottom: 2px solid var(--atdt-neutral);
	transform: rotate(45deg);
}
.atdt-bubble__who {
	font-family: var(--atdt-font-mono);
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--atdt-accent);
}
.atdt-bubble__say { margin: 0.35rem 0 0; font-size: 1.1rem; color: var(--atdt-ink); }

/* Knapp */
.atdt-btn {
	display: inline-block;
	background: var(--atdt-accent);
	color: var(--atdt-on-accent) !important;
	font-family: var(--atdt-font-display);
	font-weight: 600;
	padding: 0.7rem 1.4rem;
	border-radius: 999px;
	text-decoration: none;
	transition: transform 0.12s ease, background 0.12s ease;
}
.atdt-btn:hover { background: var(--atdt-pop); transform: translateY(-1px); color: #fff !important; }

/* Q&A-kort i grid */
.atdt-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.1rem;
	margin: 1.5rem 0;
}
.atdt-card {
	background: var(--atdt-surface);
	border: 1px solid var(--atdt-neutral);
	border-radius: var(--atdt-radius);
	padding: 1.3rem 1.4rem;
	transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}
.atdt-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 32px rgba(19, 26, 34, 0.1);
	border-color: var(--atdt-accent);
}
.atdt-card__q {
	font-family: var(--atdt-font-display);
	font-weight: 600;
	font-size: 1.12rem;
	line-height: 1.3;
	margin: 0;
}
.atdt-card__q a { color: var(--atdt-ink); text-decoration: none; }
.atdt-card__q a:hover { color: var(--atdt-accent); }
.atdt-card__cat {
	display: inline-block;
	margin-top: 0.7rem;
	font-family: var(--atdt-font-mono);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--atdt-muted);
}

/* Avdelarmotiv - prick-rad som Daves "signal" */
.atdt-motif-rule {
	height: 14px;
	margin: 2rem 0;
	background-image: radial-gradient(var(--atdt-accent) 2.5px, transparent 2.6px);
	background-size: 18px 14px;
	opacity: 0.5;
}

/* Sidfot */
.site-footer,
.site-footer .inside-site-info {
	background: var(--atdt-accent-2);
	color: var(--atdt-on-accent);
}
.site-footer a { color: var(--atdt-on-accent); text-decoration: underline; }
.site-footer a:hover { color: var(--atdt-pop); }

/* Tabeller i artiklar */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-accent-2); color: var(--atdt-on-accent);
	font-family: var(--atdt-font-display);
}
.entry-content table td, .entry-content table th { border: 1px solid var(--atdt-neutral); padding: 0.6rem 0.8rem; }