/**
 * Grund för Lajka-komponenternas CSS-skop.
 *
 * Bootstrap och temat lajkas style.css laddas bara för att Lajka-komponenterna
 * (ACF-blocken och lektionselementen) är byggda med dem. Båda innehåller
 * oskopade elementregler och utility-klasser som annars slår mot Avadas egna
 * delar – det orsakade understrukna menylänkar (7.18), en förskjuten mega meny
 * (7.19), grå kroppstext och en uppskruvad rot-fontstorlek.
 *
 * Därför körs båda filerna genom tools/skopa.py, som prefixar varje selektor
 * med .lajka-scope. Komponenternas markup får den klassen som wrapper.
 *
 * --lajka-rem ersätter temats rot-fontstorlek. Originalet satte
 * :root { font-size: clamp(1rem, 2vw, 1.2rem) }, vilket gällde hela sidan.
 * Skopad kan den regeln inte längre påverka rem, så alla rem-värden i de
 * skopade filerna är omräknade till calc(N * var(--lajka-rem)). Uttrycket nedan
 * ger samma värden som förut: 16px under 800px bredd, 19.2px över 960px.
 */

.lajka-scope {
	--lajka-rem: clamp(1rem, 2vw, 1.2rem);
}

/* Se includes/scope.php – fyllnaden ska inte bilda någon box. */
.lajka-scope > .lajka-scope__fyllnad {
	display: contents;
}