/*
 * Premiumlaget (inc/premium.php): body.premium på sidene med hh_premium.
 * Seksjonene, animasjonene og maskotene er de samme som før. Laget endrer
 * bare uttrykket:
 *
 *   1. og 2. Skriften og titlene er som på resten av nettstedet: Nunito i
 *      vekt 800 (assets/topp/typografi.css). Manrope og vekt 700 er tatt ut
 *      26.10.2026, så forsiden og de andre sidene er like.
 *   3. Merkelappene over titlene i små versaler med luft mellom bokstavene
 *   4. Kortene for heltene med en svak tone av heltens farge øverst, i stedet
 *      for en hel pastellflate, og strammere hjørner
 *   5. De lyselilla seksjonene får en varm, nøytral flate
 *
 * Typografien på hele nettstedet (assets/topp/typografi.css) setter vekt og
 * bokstavavstand med !important, så reglene for dem har !important her.
 */

/* ---------- 3. Merkelappene ---------- */

:root body.premium .pf-merke {
	margin-bottom: 20px;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .14em !important;
	text-transform: uppercase;
}

/* ---------- 4. Kortene for heltene ---------- */

/* Heltens farge som en svak tone øverst, ellers hvitt med en tynn kant */
body.premium .pf-pk {
	border: 1px solid #ebe9f1;
	border-radius: 22px;
	background: linear-gradient(180deg, color-mix(in oklab, var(--flate, #f5f5f7) 85%, #fff) 0%, #fff 58%);
}

body.premium .pf-pk:hover { border-color: color-mix(in oklab, var(--aksent, #7c3aed) 30%, #ebe9f1); }

body.premium .pf-pk-snart {
	border: 1px solid #ebe9f1;
	background: #fff;
	color: #6e6c7c;
}

body.premium .pf-pk-sporsmal {
	border: 1px solid color-mix(in oklab, var(--aksent, #7c3aed) 18%, #ebe9f1);
	background: #fff;
}

/* ---------- 5. Flatene ---------- */

/* Heltene (.pf-natt er lys i lys modus, assets/topp/lys.css) */
:root body.premium .pf-natt { background: #f7f6f2 !important; }

/* Spørsmålene og avslutningen: varm nøytral i stedet for lyselilla */
body.premium .pf-spm { background: linear-gradient(180deg, #fff 0%, #f7f6f2 14%, #f7f6f2 86%, #fff 100%); }
body.premium .pf-avslutt { background: #f7f6f2; }

/* Båndet med heltene over bunnen: avslutningen rett over har allerede raden med helter */