/*
Theme Name: ATDT Sunnies.se
Theme URI: https://www.sunnies.se/
Description: GeneratePress-barntema för sunnies.se. Identitet: oberoende guide till sportglasögon. Mörkt tema, solgul signalfärg, lins-motiv, Sora + Inter. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens i tokens.css, komponenter i atdt-theme-kit. Mörkt tema. */

body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
}

/* GeneratePress-ytor mörka (annars vita default-containrar) */
.site-content,
.content-area,
.site-main,
.inside-article,
#content,
.separate-containers .inside-article,
.separate-containers .comments-area,
.site-footer {
	background: var(--atdt-bg);
}

h1, h2, h3, h4, h5, h6,
.entry-title {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	color: var(--atdt-ink);
}

p, li, .entry-content { color: var(--atdt-ink); }

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

/* Sidhuvud - mörkt med ordmärke och meny */
.site-header {
	background: var(--atdt-bg);
	border-bottom: 1px solid var(--atdt-neutral);
}
.main-navigation,
.main-navigation .main-nav ul li a {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
}
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 700; }
.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 - djup cyan */
.site-footer {
	background: var(--atdt-accent-2);
	color: #fff;
}
.site-footer a { color: #fff; }

/* 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);
}

/* Lins-motiv: rad av tonade linsprickar (skriver om kitets streck-band) */
.atdt-motif-rule {
	height: 16px; border-bottom: none;
	background-image:
		radial-gradient(circle at 9px 8px, var(--atdt-accent) 0 5px, transparent 6px),
		radial-gradient(circle at 27px 8px, var(--sun-cyan) 0 5px, transparent 6px),
		radial-gradient(circle at 45px 8px, var(--sun-amber) 0 5px, transparent 6px);
	background-repeat: repeat-x;
	background-size: 54px 16px;
	background-position: left center;
	opacity: .92;
}

/* Sportkategori-strip på startsidan */
.sun-sports {
	display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0 2rem;
}
.sun-sports 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: 700; font-size: .9rem;
	transition: border-color .15s ease, color .15s ease;
}
.sun-sports a:hover { border-color: var(--atdt-accent); color: var(--atdt-accent); }

/* Content-intel-callouts har ljusa inline-bakgrunder (#fefce8 gul sammanfattning,
   #f8fafc grå faktaruta) och antar mörk text från ett ljust tema. I mörkt tema
   ärver de annars temats ljusa text -> ljus-på-ljus. Tvinga mörk text + länkar. */
.entry-content div[style*="background:#fefce8"],
.entry-content div[style*="background: #fefce8"],
.entry-content div[style*="background:#f8fafc"],
.entry-content div[style*="background: #f8fafc"],
.entry-content div[style*="background:#fef9c3"],
.entry-content div[style*="background:#f0f9ff"],
.entry-content div[style*="background:#ecfdf5"],
.entry-content div[style*="background:#fff7ed"] {
	color: #15171C;
}
.entry-content div[style*="background:#fefce8"] *,
.entry-content div[style*="background: #fefce8"] *,
.entry-content div[style*="background:#f8fafc"] *,
.entry-content div[style*="background: #f8fafc"] *,
.entry-content div[style*="background:#fef9c3"] *,
.entry-content div[style*="background:#f0f9ff"] *,
.entry-content div[style*="background:#ecfdf5"] *,
.entry-content div[style*="background:#fff7ed"] * {
	color: #15171C;
}
.entry-content div[style*="background:#fefce8"] a,
.entry-content div[style*="background:#f8fafc"] a {
	color: #1B5E78; text-decoration: underline;
}