/*
Theme Name: ATDT Ljusterö.se
Theme URI: https://www.ljusterö.se/
Description: GeneratePress-barntema för ljusterö.se. Identitet "Skärgård i juli": skärgårdsguide till Ljusterö i Stockholms norra skärgård. Östersjöblått djupvatten, tallgrönt, granitgrå skär och solvarmt sand mot strandpapper. Newsreader + Source Sans 3 + Space Grotesk, horisontmotiv vid sidfoten. 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.6rem; line-height: 1.1; letter-spacing: -0.015em; }
.entry-content h2 { font-size: 1.7rem; margin-top: 2.1em; }
.entry-content h3 { font-size: 1.32rem; margin-top: 1.6em; }

a { color: var(--atdt-accent); }
a:hover { color: var(--ljustero-vatten-d); }

/* Sidhuvud - logotypen bär ordmärket, dölj den dubblerade sajttiteln */
.site-header { background: var(--atdt-surface); 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;
	color: var(--atdt-ink);
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }
.main-navigation .main-nav ul li[class*="current-menu"] > a { color: var(--atdt-accent); }

/* Läsbar löptext */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3,
.entry-content > figure,
.entry-content > blockquote { max-width: var(--atdt-maxwidth); }

.entry-content > p { margin-bottom: 1.35em; }

/* Lede/ingress */
.entry-content > p:first-of-type {
	font-size: 1.2rem;
	line-height: 1.55;
	color: #25393E;
}

/* Blockcitat med tallgrön kantlinje */
.entry-content blockquote {
	border-left: 4px solid var(--atdt-accent-2);
	background: var(--atdt-surface);
	padding: 14px 22px;
	margin: 28px 0;
	font-style: italic;
	color: #25393E;
}

/* Faktarutor (artikeltabeller) som emaljskyltar */
.entry-content table { border-collapse: collapse; width: 100%; margin: 28px 0; }
.entry-content table,
.entry-content th,
.entry-content td { border: 1px solid var(--atdt-neutral); }
.entry-content table th {
	background: var(--atdt-accent-2);
	color: var(--atdt-on-accent);
	font-family: var(--atdt-font-display);
	font-weight: 600;
	text-align: left;
	padding: 12px 16px;
}
.entry-content table td { padding: 11px 16px; background: var(--atdt-surface); vertical-align: top; }

/* Knappar / CTA */
.wp-block-button__link,
.entry-content .button {
	background: var(--atdt-accent);
	color: #fff;
	border-radius: var(--atdt-radius);
	font-weight: 600;
	padding: 13px 26px;
}
.wp-block-button__link:hover { background: var(--ljustero-vatten-d); color: #fff; }

/* Sidofältswidgets */
.widget-area .widget {
	background: var(--atdt-surface);
	border: 1px solid var(--atdt-neutral);
	border-radius: var(--atdt-radius);
	padding: 20px 22px;
	margin-bottom: 26px;
}
.widget-area .widget-title {
	font-family: var(--atdt-font-display);
	font-size: 1.18rem;
	color: var(--atdt-ink);
	margin-bottom: 12px;
}

/* Sökruta */
.wp-block-search__button,
.search-form .search-submit {
	background: var(--atdt-accent);
	color: #fff;
	border: none;
}

/* Horisontmotiv som avdelare ovanför sidfoten */
.ljustero-motif { line-height: 0; margin-top: 12px; }
.ljustero-motif svg { display: block; width: 100%; height: 52px; }

/* Sidfot i tallgrönt */
.site-footer,
.site-footer .inside-site-info {
	background: var(--atdt-accent-2);
	color: #E2E8DF;
}
.site-footer a { color: #E2E8DF; }
.site-footer a:hover { color: #fff; }
.footer-widgets,
.footer-widgets .widget { background: transparent; color: #E2E8DF; }
.footer-widgets .widget-title { color: #fff; }

/* Postmeta/författare - liten saltad detalj i mono */
.entry-meta, .posted-on, .byline {
	font-family: var(--atdt-font-mono);
	font-size: 0.82rem;
	color: var(--atdt-muted);
	letter-spacing: 0.01em;
}