/*
Theme Name: ATDT Bokastugan.se
Theme URI: https://www.bokastugan.se/
Description: GeneratePress-barntema för bokastugan.se. Identitet "Falu, björk och sjö": Stugindex på öppen data om var Sveriges fritidshus finns. Falu-röd accent, petrol och sjöblå, björkpapper, Fraunces + Inter + IBM Plex Mono, topografiskt konturmotiv. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens i tokens.css, delade 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;
}
.entry-title { font-size: 2.7rem; line-height: 1.08; letter-spacing: -0.02em; }

a { color: var(--atdt-accent); }
a:hover { color: var(--bokastugan-falu-d); }

/* Sidhuvud - logotypen bär ordmärket, dölj den dubblerade sajttiteln */
.site-header { background: var(--atdt-bg); border-bottom: 1px solid var(--atdt-neutral); }
.site-header .site-title,
.site-header .main-title { display: none; }
.main-navigation { background: transparent; }
.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 */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 { max-width: var(--atdt-maxwidth); }

/* ---- Stugindex-komponenter (renderas av bokastugan-stugindex-pluginet) ---- */

.bokastugan-stugindex { margin-top: 4px; }

.bokastugan-lede {
	font-size: 1.18rem;
	color: #3a342a;
	max-width: 42rem;
}

/* Faktaruta som emaljskylt: header-bar + tabell staplas till ett kort */
.bokastugan-fakta-head {
	background: var(--atdt-accent-2);
	color: var(--atdt-on-accent);
	padding: 12px 18px;
	margin: 28px 0 0;
	font-family: var(--atdt-font-display);
	font-weight: 600;
	font-size: 1.05rem;
	border: 1px solid var(--atdt-accent-2);
	border-radius: var(--atdt-radius) var(--atdt-radius) 0 0;
}
.bokastugan-fakta {
	width: 100%;
	border-collapse: collapse;
	background: var(--atdt-surface);
	border: 1px solid var(--atdt-neutral);
	border-top: none;
	border-radius: 0 0 var(--atdt-radius) var(--atdt-radius);
	overflow: hidden;
	margin: 0 0 28px;
}
.bokastugan-fakta th,
.bokastugan-fakta td {
	padding: 13px 18px;
	border-top: 1px solid var(--atdt-neutral);
	vertical-align: top;
	text-align: left;
}
.bokastugan-fakta th {
	font-weight: 500;
	color: var(--atdt-muted);
	font-size: 0.93rem;
	width: 46%;
}
.bokastugan-fakta tr:first-child th,
.bokastugan-fakta tr:first-child td { border-top: none; }

.bokastugan-num {
	font-family: var(--atdt-font-mono);
	font-weight: 500;
	font-size: 1.1rem;
	color: var(--atdt-ink);
}
.bokastugan-kalla {
	font-family: var(--atdt-font-mono);
	font-size: 0.74rem;
	color: var(--atdt-muted);
	letter-spacing: 0.02em;
}

/* Karta (Leaflet) - sjöblå platshållare innan kartan laddar */
.bokastugan-karta {
	border-radius: var(--atdt-radius);
	border: 1px solid var(--atdt-neutral);
	margin: 26px 0;
	background: linear-gradient(135deg, #dfe9ec 0%, #cde0e4 55%, #bcd6db 100%);
}

/* Färjeförbindelser */
.bokastugan-farjor h2 { font-size: 1.5rem; margin: 34px 0 10px; }
.bokastugan-farjor ul { list-style: none; padding: 0; margin: 0; }
.bokastugan-farjor li { padding: 11px 0; border-bottom: 1px solid var(--atdt-neutral); }
.bokastugan-farjor a { font-weight: 600; text-decoration: none; }

/* Affiliate-CTA */
.bokastugan-cta { margin: 34px 0 10px; }
.bokastugan-btn {
	display: inline-block;
	background: var(--atdt-accent);
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 14px 26px;
	border-radius: var(--atdt-radius);
	font-size: 1.05rem;
}
.bokastugan-btn:hover { background: var(--bokastugan-falu-d); color: #fff; }

/* Topografiskt konturmotiv som avdelare ovanför sidfoten */
.bokastugan-motif { line-height: 0; margin-top: 8px; }
.bokastugan-motif svg { display: block; width: 100%; height: 46px; }

/* Sidfot i petrol */
.site-footer,
.site-footer .inside-site-info {
	background: var(--atdt-accent-2);
	color: #E7E0D2;
}
.site-footer a { color: #E7E0D2; }

/* Artikeltabeller får samma faktaruta-känsla */
.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);
}