body.elementor-page-2999:not(.elementor-motion-effects-element-type-background), body.elementor-page-2999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF6;}:root{--page-title-display:none;}/* Start custom CSS *//*
 * CSS-undantag: about-svg-internals
 * Syfte: Bevarar linjeikonernas transparenta fyllning och tar bort inline-SVG:ns baslinjeutrymme.
 * Omfattning: Endast svg- och path-element i Om Sju Sjöars Atomic SVG-widgets.
 * Begränsning i Elementor: Atomic SVG i Elementor 4.2 exponerar inte display eller fill för nästlade svg- och path-element.
 * Kan tas bort när: Atomic SVG kan styra nästlade svg- och path-element native.
 */
body.elementor-page-2999 .e-svg svg { display: block; }
body.elementor-page-2999 .e-svg svg path { fill: none; }

/*
 * CSS-undantag: about-rich-text-accent
 * Syfte: Ger den kursiva delen av hero-rubriken prototypens salviagröna accent.
 * Omfattning: Endast em-elementet i Om Sju Sjöars huvudrubrik.
 * Begränsning i Elementor: Atomic Heading kan inte färgsätta ett nästlat em-element separat.
 * Kan tas bort när: Atomic Heading får native kontroll för delvis formaterad rubriktext.
 */
body.elementor-page-2999 .sju-about-hero-title em { display: block; color: var(--color-sage); font-weight: 400; }

/*
 * CSS-undantag: about-layout-breakpoint-1020
 * Syfte: Växlar sidans breda två- och trekolumnslayouter till stapling vid prototypens exakta brytpunkt 1020 px.
 * Omfattning: Endast huvudsektionerna Berättelsen, Höloftet, Platsens karaktär, Mat och Hållbarhet på Om Sju Sjöar.
 * Begränsning i Elementor: Webbplatsens gemensamma Atomic-brytpunkter ligger vid 860 och 1200 px och kan inte ändras för en enskild sida.
 * Kan tas bort när: Elementor kan tilldela en komponentlokal responsiv brytpunkt utan att påverka webbplatsens övriga globala klasser.
 */
@media (max-width: 1020px) {
	body.elementor-page-2999 [data-sju-about-section="intro"],
	body.elementor-page-2999 [data-sju-about-section="loft"],
	body.elementor-page-2999 [data-sju-about-section="food"],
	body.elementor-page-2999 [data-sju-about-section="sustainability"] { grid-template-columns: 1fr; }
	body.elementor-page-2999 [data-sju-about-section="intro"] > :last-child { max-width: 760px; padding-top: 0; }
	body.elementor-page-2999 [data-sju-about-section="loft"] > :first-child,
	body.elementor-page-2999 [data-sju-about-section="food"] > :last-child { min-height: 560px; }
	body.elementor-page-2999 [data-sju-about-section="loft"] > :last-child,
	body.elementor-page-2999 [data-sju-about-section="food"] > :first-child { padding: 80px 7vw 90px; }
	body.elementor-page-2999 [data-sju-about-section="food"] > :last-child { grid-row: 1; }
	body.elementor-page-2999 [data-sju-about-section="character"] > :first-child,
	body.elementor-page-2999 [data-sju-about-section="character"] > :last-child { grid-template-columns: 1fr; }
	body.elementor-page-2999 [data-sju-about-character-card] { min-height: 0; padding: 45px 0 50px; border-width: 0 0 1px 0; }
	body.elementor-page-2999 [data-sju-about-character-card="3"] { border-bottom-width: 0; }
}
@media (max-width: 580px) {
	body.elementor-page-2999 [data-sju-about-section="loft"] > :first-child,
	body.elementor-page-2999 [data-sju-about-section="food"] > :last-child { min-height: 390px; }
	body.elementor-page-2999 [data-sju-about-section="loft"] > :last-child,
	body.elementor-page-2999 [data-sju-about-section="food"] > :first-child { padding: 65px 20px 75px; }
}

/*
 * CSS-undantag: about-focus-visible-state
 * Syfte: Behåller hero-CTA:ns grundläge vid tangentbordsfokus samtidigt som Elementors native fokuslinje visas.
 * Omfattning: Endast knappen Lär känna platsen.
 * Begränsning i Elementor: Atomic 4.2 kopplar hover-stilen till focus-visible medan separat focus renderas som focus.
 * Kan tas bort när: Atomic kan konfigurera hover och focus-visible som separata tillstånd.
 */
body.elementor-page-2999 [aria-label="Lär känna platsen"]:focus-visible { background-color: transparent; color: var(--color-paper); transform: none; }

/*
 * CSS-undantag: about-reduced-motion
 * Syfte: Tar bort övergångar när besökaren har valt minskad rörelse.
 * Omfattning: Endast interaktiva länkar och knappar i Om Sju Sjöar.
 * Begränsning i Elementor: Atomic 4.2 saknar en prefers-reduced-motion-variant.
 * Kan tas bort när: Elementor kan konfigurera prefers-reduced-motion native.
 */
@media (prefers-reduced-motion: reduce) { body.elementor-page-2999 * { transition-duration: 0s !important; } }/* End custom CSS */