/*
Theme Name: Evirht
Theme URI: https://evirht.se
Description: Barntema till Twenty Twenty-Five för Evirht – kunskapsbanken om målgrupper. Innehåller färger, typografi och blockmönster för startsida, områdessida och fördjupningsartikel.
Author: Evirht
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: evirht
*/

/* --- Avskiljare: hårfin linje med ett kort guldstreck där den börjar --- */
.evirht-rule {
	position: relative;
	border-top: 1px solid var(--wp--preset--color--linje);
	padding-top: 2.5rem;
	margin-top: 2.5rem;
}
.evirht-rule::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 76px;
	height: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--guld) 0%, var(--wp--preset--color--guld-ljus) 55%, rgba(227, 181, 122, 0) 100%);
}
.evirht-rule--kort::before {
	width: 40px;
	background: linear-gradient(90deg, var(--wp--preset--color--guld) 0%, rgba(192, 138, 46, 0) 100%);
}

/* --- Etiketter i versaler --- */
.evirht-etikett {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* --- Kort --- */
.evirht-kort {
	background: #ffffff;
	border: 1px solid var(--wp--preset--color--linje);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(20, 23, 26, 0.03), 0 10px 28px rgba(20, 23, 26, 0.05);
}
.evirht-kort a { text-decoration: none; }

/* --- Mörkt band i full bredd --- */
.evirht-mork {
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--ivory);
}
.evirht-mork a { color: var(--wp--preset--color--ivory); }
.evirht-mork .evirht-etikett { color: var(--wp--preset--color--guld); }

/* --- Utfällbar fördjupning --- */
.wp-block-details.evirht-detalj {
	border-top: 1px solid var(--wp--preset--color--linje);
	padding-top: 1rem;
}
.wp-block-details.evirht-detalj summary {
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--brons);
	cursor: pointer;
}

/* --- Siffror i Cormorant --- */
.evirht-siffra {
	font-family: var(--wp--preset--font-family--rubrik);
	font-size: 3.25rem;
	line-height: 1;
	color: var(--wp--preset--color--brons);
}

/* --- Logotyp i sidhuvudet --- */
.evirht-logo img { height: 78px; width: auto; }

/* --- Mobil --- */
@media (max-width: 781px) {
	.evirht-logo img { height: 52px; }
	.evirht-siffra { font-size: 2.5rem; }
	.evirht-rule { padding-top: 1.75rem; margin-top: 1.75rem; }
}