/*
Theme Name: ATDT Skatteskolan.se
Theme URI: https://www.skatteskolan.se/
Description: GeneratePress-barntema för skatteskolan.se. Pedagogisk skatt-skola med krit-cream botten, edu-teal accent och lektions-steg som motiv. Plus Jakarta Sans + 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);
}

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

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

/* Innehållsbredd för läsbar löptext i lektioner */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

/* Highlighter-understrykning för markerade nyckelbegrepp */
.entry-content mark {
	background: var(--atdt-accent-2);
	color: var(--atdt-ink);
	padding: 0 0.15em;
}

/* Belopp och tal i monospace via inline-kod */
.entry-content code { font-family: var(--atdt-font-mono); }

/* Sidfot */
.site-footer {
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
}
.site-footer a { color: var(--atdt-on-accent); }

/* Tabeller för skattesatser och exempel */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-accent); color: var(--atdt-on-accent);
	font-family: var(--atdt-font-display);
}

/* Momsräknare - shortcode [skatt_moms] */
.moms {
	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;
}
.moms h3 { margin-top: 0; }
.moms-field label { display: block; font-size: .8rem; color: var(--atdt-muted); margin-bottom: .25rem; }
.moms-field input {
	width: 100%; box-sizing: border-box; padding: .6rem .7rem;
	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; font-size: 1.05rem;
}
.moms-opt { border: 1px solid var(--atdt-neutral); border-radius: 8px; padding: .8rem 1rem; margin: 1rem 0 0; }
.moms-opt legend { font-size: .8rem; color: var(--atdt-muted); padding: 0 .3rem; }
.moms-opt label { display: block; margin: .35rem 0; font-size: .95rem; }
.moms-opt input { margin-right: .4rem; }
.moms-actions { margin-top: 1rem; display: flex; gap: .6rem; }
.moms button {
	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;
}
.moms button.moms-ghost {
	background: transparent; color: var(--atdt-ink);
	border: 1px solid var(--atdt-neutral);
}
.moms-result {
	margin-top: 1.2rem; padding: 1rem 1.2rem; border-radius: 8px;
	background: var(--atdt-bg); border: 1px solid var(--atdt-neutral);
}
.moms-verdict { font-family: var(--atdt-font-display); font-weight: 700; font-size: 1.3rem; color: var(--atdt-accent); margin-bottom: .6rem; }
.moms-verdict.moms-neg { color: var(--atdt-negative); }
.moms-rad { display: flex; justify-content: space-between; padding: .35rem 0; border-top: 1px solid var(--atdt-neutral); }
.moms-rad-l { color: var(--atdt-muted); }
.moms-rad-v { font-family: var(--atdt-font-mono); font-variant-numeric: tabular-nums; font-weight: 600; }