/*
 * TSO-sidor som återanvänds på Snusify (About m.fl., inc/pages.php): TSO-temats grundvariabler som sidornas stilar
 * bygger på (avlästa på thesnusoutlet.com 2026-11-10). Sidornas egna stilar: assets/css/pages/<slug>.css.
 */
.sn-tsopage { padding: 0; }
.sn-tso-about {
	--font-body-family: Inter, sans-serif;
	--font-heading-family: Inter, sans-serif;
	--font-heading-weight: 700;
	--font-bold: 700;
	--color-background: 255 255 255;
	--color-foreground: 23 23 23;
	--color-base-background: 255 255 255;
	--color-base-button: 11 18 40;
	--color-base-text: 23 23 23;
	--color-button-background: 11 18 40;
	--color-button-border: 11 18 40;
	--color-button-text: 255 255 255;
	--color-keyboard-focus: 30 43 219;
	--color-sale-tag: 30 43 219;
	--color-sale-tag-text: 212 255 0;
	--fluid-base-to-xl: clamp(1rem, .873rem + .3175vw, 1.25rem);
	--rounded-block: clamp(.625rem, 1.053vw, 1.25rem);
	--rounded-button: 3.75rem;
	--text-sm: .875rem;
	--page-width: 1400px;
	--page-padding: 1.25rem;
	font-family: Inter, sans-serif;
	line-height: normal;
	color: rgb(var(--color-foreground));
}
@media (min-width: 1024px) { .sn-tso-about { --page-padding: 2.25rem; } }
@media (min-width: 1280px) { .sn-tso-about { --page-padding: 3rem; } }
/* Snusifys egna knappregler (.button i style.css) får inte läcka in där TSO inte sätter något. */
.sn-tso-about .button { gap: normal; min-height: 0; }


/* Kontaktformulärets besked (inc/contact.php). */
.sn-tsopage .sn-contact__notice {
	flex: 1 1 100%;
	margin: 0 0 1.25rem;
	padding: .875rem 1rem;
	border-radius: .5rem;
	font-size: .9375rem;
	line-height: 1.4;
	background: #eaf6ee;
	color: #14532d;
}
.sn-tsopage .sn-contact__notice--error {
	background: #fdecec;
	color: #7f1d1d;
}

/* Bloggkort utan bild (template-parts/tso/article-card.php): platshållaren fyller bildytan. */
.sn-tso-blog .sn-post-ph {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	text-align: center;
	background: #0b1023;
	color: #d4ff00;
	font-weight: 800;
	font-size: clamp(1.5rem, 2.4vw, 2.5rem);
	line-height: 1.05;
	letter-spacing: -.04em;
}

/* Artikel utan bild (single.php): bannern får en mörk yta i bildens ställe. */
.sn-tso-article .sn-banner--plain {
	background: #0b1023;
	min-height: 28rem;
}