/*
Theme Name: ATDT Prwire.se
Theme URI: https://www.prwire.se/
Description: GeneratePress-barntema för prwire.se. Identitet: distribution av pressmeddelanden. Ett utskick som grenar ut till flera mottagare bär sidhuvudet; groteskrubriker i Onest, brödtext i Gelasio, kall yta med kobolt och levererad-grönt. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.1
Text Domain: atdt-gp-prwire-se
*/

/* Bas. Tokens i tokens.css, komponenter i atdt-theme-kit. */
body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
	font-size: 1.1rem;
	line-height: 1.75;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.main-title {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	color: var(--atdt-ink);
	letter-spacing: -0.015em;
	line-height: 1.15;
}
h2 { font-size: clamp(1.45rem, 2.6vw, 1.85rem); margin-top: 2.2em; }
h3 { font-size: 1.25rem; margin-top: 1.8em; }
.entry-title { font-size: clamp(2rem, 4.6vw, 3rem); letter-spacing: -0.025em; }

a { color: var(--atdt-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover, a:focus { color: var(--atdt-accent-2); }
:focus-visible { outline: 2px solid var(--atdt-accent); outline-offset: 3px; border-radius: 3px; }

/* Sidhuvud: ordmärke med utskicksglyf, meny i Onest */
.site-header { background: var(--atdt-surface); }
.inside-header { padding-top: 22px; padding-bottom: 14px; }
.main-title { font-size: 1.45rem; margin: 0; letter-spacing: -0.03em; }
.main-title a { color: var(--atdt-ink); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.main-title a::before {
	content: "";
	width: 28px; height: 28px;
	background: url("assets/logo-glyf.svg") no-repeat center / contain;
	flex: none;
}
.main-title a:hover { color: var(--atdt-accent); }
.site-description { font-family: var(--atdt-font-display); color: var(--atdt-muted); font-size: .9rem; }

.main-navigation,
.main-navigation .main-nav ul ul { background: var(--atdt-surface); }
.main-navigation .main-nav ul li a {
	font-family: var(--atdt-font-display);
	font-weight: 500;
	font-size: .98rem;
	color: var(--atdt-ink);
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: var(--atdt-accent); }
.main-navigation .main-nav ul li[class*="current-menu-"] > a { box-shadow: inset 0 -2px 0 var(--atdt-accent-2); }
.menu-toggle, .main-navigation .menu-toggle { font-family: var(--atdt-font-display); color: var(--atdt-ink); }

/* Utskicksbandet: ett utskick som grenar ut till fem mottagare, en levererad */
.atdt-utskick {
	background: var(--atdt-surface);
	border-bottom: 1px solid var(--atdt-neutral);
}
.atdt-utskick__linje {
	max-width: 1100px;
	margin: 0 auto;
	height: 64px;
	padding: 0 20px 14px;
	box-sizing: content-box;
	background: url("assets/utskick.svg") no-repeat left top / auto 64px;
}
@media (max-width: 768px) {
	.atdt-utskick__linje { height: 40px; background-size: auto 40px; padding-bottom: 10px; }
}

/* Innehållsytor */
.site-content { padding-top: 0; }
.separate-containers .site-main { margin-top: 24px; }
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
	background: transparent;
}
.separate-containers .inside-article { padding: 40px 0 24px; }
@media (max-width: 768px) {
	.separate-containers .inside-article,
	.separate-containers .page-header,
	.separate-containers .paging-navigation { padding-left: 20px; padding-right: 20px; }
	.separate-containers .inside-article { padding-top: 28px; }
	.separate-containers .site-main { margin-top: 8px; }
	.entry-title { font-size: 1.9rem; }
}
.entry-content,
.entry-summary,
.entry-header,
.page-header { max-width: var(--atdt-maxwidth); }
.entry-content > p:first-child { font-size: 1.2rem; line-height: 1.65; }

/* Inläggslista: varje utskick avgränsas med en linje, ingen kortkit */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article { border-top: 1px solid var(--atdt-neutral); }
.blog .site-main > article:first-of-type,
.archive .site-main > article:first-of-type { border-top: 0; }
.blog .entry-title, .archive .entry-title, .search .entry-title { font-size: clamp(1.5rem, 3vw, 2rem); }
.blog .entry-title a, .archive .entry-title a, .search .entry-title a { color: var(--atdt-ink); text-decoration: none; }
.blog .entry-title a:hover, .archive .entry-title a:hover { color: var(--atdt-accent); }

.entry-meta,
.entry-meta a,
.cat-links, .tags-links,
.read-more, .more-link {
	font-family: var(--atdt-font-display);
	font-size: .9rem;
	color: var(--atdt-muted);
}
.entry-meta a:hover { color: var(--atdt-accent); }
.read-more, .more-link { color: var(--atdt-accent); font-weight: 500; }

.page-header .page-title, .archive .page-title { font-size: clamp(1.8rem, 4vw, 2.5rem); }

/* Brödtextens element */
.entry-content ul li::marker { color: var(--atdt-accent-2); }
.entry-content ol li::marker { font-family: var(--atdt-font-display); color: var(--atdt-accent); font-weight: 700; }
.entry-content blockquote {
	border-left: 3px solid var(--atdt-accent-2);
	padding: .2em 0 .2em 1.2em;
	margin-left: 0;
	font-style: italic;
	color: var(--atdt-ink);
}
.entry-content table { border-collapse: collapse; width: 100%; font-size: .98rem; }
.entry-content th { font-family: var(--atdt-font-display); text-align: left; border-bottom: 2px solid var(--atdt-ink); padding: 8px 10px; }
.entry-content td { border-bottom: 1px solid var(--atdt-neutral); padding: 8px 10px; }
.entry-content figcaption,
.atdt-fotokredit { font-family: var(--atdt-font-display); font-size: .82rem; color: var(--atdt-muted); display: block; margin-top: 6px; }
.entry-content img { border-radius: var(--atdt-radius); }

/* Knappar och formulär */
button, input[type="submit"], .button, .wp-block-button__link {
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
	font-family: var(--atdt-font-display);
	font-weight: 500;
	border-radius: 999px;
	border: 0;
}
button:hover, input[type="submit"]:hover, .button:hover, .wp-block-button__link:hover {
	background: var(--atdt-ink);
	color: var(--atdt-on-accent);
}
input[type="search"], input[type="text"], input[type="email"], textarea {
	background: var(--atdt-surface);
	border: 1px solid var(--atdt-neutral);
	border-radius: var(--atdt-radius);
	color: var(--atdt-ink);
}

/* Sidopanel */
.sidebar .widget { background: transparent; padding: 0 0 28px; font-size: .98rem; }
.sidebar .widget-title, .widget-title { font-family: var(--atdt-font-display); font-size: 1rem; color: var(--atdt-ink); }

/* Sidfot: bläckblå yta där utskicken landar */
.site-footer,
.site-info,
.footer-widgets { background: var(--atdt-ink); color: #DCE3EC; }
.site-info { font-family: var(--atdt-font-display); font-size: .9rem; border-top: 3px solid var(--atdt-accent-2); }
.site-info a, .footer-widgets a { color: #FFFFFF; }
.site-info a:hover, .footer-widgets a:hover { color: #9FE3CF; }
.inside-site-info { padding-top: 26px; padding-bottom: 26px; }
.atdt-sidfot { display: flex; flex-wrap: wrap; gap: 8px 28px; align-items: center; justify-content: space-between; width: 100%; }
.atdt-sidfot__meny { display: flex; flex-wrap: wrap; gap: 6px 22px; list-style: none; margin: 0; padding: 0; }

/* 404 och sök */
.error404 .inside-article .entry-content { font-size: 1.1rem; }

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}