/*
Theme Name: ATDT Conv.se
Theme URI: https://www.conv.se/
Description: GeneratePress-barntema för conv.se. Identitet: premium konverteringsoptimering (CRO). Mörkt tema, signal-orange accent, indigo ytor, Sora + Inter. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens i tokens.css, komponenter i atdt-theme-kit. Mörkt tema. */

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

/* GeneratePress-ytor mörka (annars vita default-containrar) */
.site-content,
.content-area,
.site-main,
.inside-article,
#content,
.separate-containers .inside-article,
.separate-containers .comments-area,
.site-footer {
	background: var(--atdt-bg);
}

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;
}

p, li, .entry-content { color: var(--atdt-ink); }

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

/* Sidhuvud - mörkt */
.site-header { background: var(--atdt-bg); border-bottom: 1px solid var(--atdt-neutral); }
.main-navigation,
.main-navigation .main-nav ul li a { background: var(--atdt-bg); color: var(--atdt-ink); }
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 600; }
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

/* Innehållsbredd */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 { max-width: var(--atdt-maxwidth); }

/* Sidfot - djup indigo */
.site-footer { background: var(--atdt-accent-2); color: #fff; }
.site-footer a { color: #fff; }

/* Tratt-motiv: avsmalnande band ovanför sidfoten */
.atdt-motif-rule {
	height: 6px; border-bottom: none;
	background: linear-gradient(90deg, var(--atdt-accent) 0%, var(--conv-indigo) 100%);
	opacity: .9;
}

/* A/B-test-signifikanskalkylator */
.conv-ab {
	background: var(--atdt-surface); border: 1px solid var(--atdt-neutral);
	border-radius: var(--atdt-radius); padding: 1.4rem; margin: 1.5rem 0;
	max-width: 720px;
}
.conv-ab h3 { margin-top: 0; }
.conv-ab .conv-ab-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .8rem 1rem; align-items: end; }
.conv-ab .conv-ab-grid > div:first-child { grid-column: 1; }
.conv-ab label { display: block; font-size: .8rem; color: var(--atdt-muted); margin-bottom: .25rem; }
.conv-ab input[type="number"] {
	width: 100%; box-sizing: border-box; padding: .55rem .6rem;
	background: var(--atdt-bg); color: var(--atdt-ink);
	border: 1px solid var(--atdt-neutral); border-radius: 8px;
	font-family: var(--atdt-font-mono); font-variant-numeric: tabular-nums;
}
.conv-ab .conv-ab-rowlabel { font-family: var(--atdt-font-display); font-weight: 700; }
.conv-ab button {
	margin-top: 1rem; padding: .65rem 1.4rem; border: none; cursor: pointer;
	background: var(--atdt-accent); color: var(--atdt-on-accent);
	border-radius: 8px; font-family: var(--atdt-font-display); font-weight: 700; font-size: 1rem;
}
.conv-ab .conv-ab-result {
	margin-top: 1.2rem; padding: 1rem; border-radius: 8px;
	background: var(--atdt-bg); border: 1px solid var(--atdt-neutral);
	font-family: var(--atdt-font-mono); font-variant-numeric: tabular-nums;
}
.conv-ab .conv-ab-verdict { font-family: var(--atdt-font-display); font-weight: 700; font-size: 1.15rem; }
.conv-ab .is-sig { color: var(--atdt-positive); }
.conv-ab .not-sig { color: var(--atdt-muted); }
.conv-ab .is-neg { color: var(--atdt-negative); }
@media (max-width: 600px) { .conv-ab .conv-ab-grid { grid-template-columns: 1fr 1fr; } }

/* Content-intel-callouts: tvinga mörk text på deras ljusa inline-bakgrunder. */
.entry-content div[style*="background:#fefce8"],
.entry-content div[style*="background: #fefce8"],
.entry-content div[style*="background:#f8fafc"],
.entry-content div[style*="background: #f8fafc"],
.entry-content div[style*="background:#fef9c3"],
.entry-content div[style*="background:#f0f9ff"],
.entry-content div[style*="background:#ecfdf5"],
.entry-content div[style*="background:#fff7ed"] { color: #0A0A0A; }
.entry-content div[style*="background:#fefce8"] *,
.entry-content div[style*="background:#f8fafc"] *,
.entry-content div[style*="background:#fef9c3"] *,
.entry-content div[style*="background:#f0f9ff"] *,
.entry-content div[style*="background:#ecfdf5"] *,
.entry-content div[style*="background:#fff7ed"] * { color: #0A0A0A; }