/*
Theme Name: ATDT Fjällen.nu
Theme URI: https://www.fjällen.nu/
Description: GeneratePress-barntema för fjällen.nu. Identitet: guide till svenska fjällen. Ljust fjällvinter-tema, snövit + djupblå, rönnbärsröd signalfärg, höjdkurve-motiv, Fraunces + Inter. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.3
*/

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

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: 600;
	color: var(--atdt-ink);
	letter-spacing: -0.01em;
}

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

/* Sidhuvud - snövit med ordmärke och meny */
.site-header {
	background: var(--atdt-bg);
	border-bottom: 1px solid var(--atdt-neutral);
}
/* Ordmärket är en SVG utan pixelmått (bara viewBox), så GP-containern
   kollapsar den. Ge den explicit höjd och proportionell bredd. */
.site-logo .header-image.is-logo-image {
	height: 46px;
	width: auto;
	max-width: 100%;
}
.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 */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

/* Sidfot - djupblå. GeneratePress 3.6 använder .site-info som sidfot och
   sätter #222222 via inline-CSS; vi matchar dess selektor för att vinna. */
.site-footer,
.site-info {
	background: var(--atdt-accent-2);
	color: #fff;
}
.site-footer a,
.site-info a { color: #fff; }
.site-info a:hover { color: var(--atdt-accent); }

/* Navigationen integreras i den ljusa headern (snövit bg, djupblå text),
   inte en mörk flytande låda. GP-default är #222222; vi matchar dess
   selektorer för att vinna över dess inline-CSS. */
.main-navigation,
.main-navigation .main-nav ul,
.main-navigation ul ul {
	background: var(--atdt-bg);
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items { color: var(--atdt-ink); }
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: var(--atdt-bg); color: var(--atdt-accent);
}
/* Dropdown-undermeny på vit yta med ram */
.main-navigation ul ul { border: 1px solid var(--atdt-neutral); }

/* Befintliga artikeltabeller får jämförelse-stil */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-accent-2); color: #fff;
	font-family: var(--atdt-font-display);
}

/* Höjdkurve-motiv (skriver om kitets streck-band) */
.atdt-motif-rule {
	height: 26px; border-bottom: none;
	background: url("assets/motif/contour.svg") repeat-x left center;
	background-size: 120px 24px;
	opacity: .85;
}

/* Säsongs-/kategori-strip på startsidan */
.fjall-cats {
	display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0 2rem;
}
.fjall-cats a {
	border: 1px solid var(--atdt-neutral); border-radius: 999px;
	padding: .45rem 1rem; text-decoration: none; color: var(--atdt-ink);
	font-family: var(--atdt-font-display); font-weight: 600; font-size: .95rem;
	transition: border-color .15s ease, color .15s ease;
}
.fjall-cats a:hover { border-color: var(--atdt-accent); color: var(--atdt-accent); }

/* Fjällsäkerhets-faktaruta (rönnbärsröd kantlinje) */
.fjall-safety {
	border-left: 4px solid var(--atdt-accent);
	background: var(--atdt-surface);
	border-radius: var(--atdt-radius);
	padding: 1rem 1.2rem; margin: 1.5rem 0;
	color: var(--atdt-ink);
}