/*
Theme Name: ATDT Kavaj.nu
Theme URI: https://www.kavaj.nu/
Description: GeneratePress-barntema för kavaj.nu, redaktionell stilguide om kavajer, klädkoder och passform. Identitet: skräddarmässig, tidlös herrgarderob. Oxblod/vinröd accent, djup loden-grön, varm havre som papper, Playfair Display plus Source Sans 3 plus IBM Plex Mono. 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);
	line-height: 1.65;
}

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

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	overflow-wrap: break-word;
}

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

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

/* Tunn oxblod-linje under headern som accent */
.site-header::after {
	content: "";
	display: block;
	height: 3px;
	background: var(--atdt-accent);
}

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

.entry-content p { font-size: 1.05rem; }

/* Citat - redaktionell ton */
.entry-content blockquote {
	border-left: 3px solid var(--atdt-accent);
	padding-left: 1.1rem;
	font-style: italic;
	color: var(--atdt-muted);
}

/* Data/mått i monospace via inline-kod */
.entry-content code { font-family: var(--atdt-font-mono); }

/* Knappar */
.wp-block-button__link,
.button,
button:not(.menu-toggle) {
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
	border-radius: var(--atdt-radius);
}
.wp-block-button__link:hover {
	background: var(--atdt-accent-2);
	color: var(--atdt-on-accent);
}

/* Sidfot */
.site-footer,
.site-info {
	background: var(--atdt-accent-2);
	color: var(--atdt-on-accent);
}
.site-footer a,
.site-info a { color: var(--atdt-on-accent); }
.site-footer a:hover { color: #fff; }

/* Artikeltabeller - jämförelse-stil (passform/material) */
.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-body);
	font-weight: 600;
	text-align: left;
	padding: 0.55rem 0.75rem;
}
.entry-content table td {
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--atdt-neutral);
}

/* Tunn skräddar-stygnrad som motiv ovanför sidfoten */
.atdt-motif-rule {
	height: 8px;
	background:
		repeating-linear-gradient(
			90deg,
			var(--atdt-accent) 0,
			var(--atdt-accent) 10px,
			transparent 10px,
			transparent 18px
		);
	opacity: 0.85;
}