body.elementor-page-2985:not(.elementor-motion-effects-element-type-background), body.elementor-page-2985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF6;}:root{--page-title-display:none;}/* Start custom CSS *//*
 * CSS-undantag: food-svg-internals
 * Syfte: Bevarar linjeikonernas transparenta fyllning och tar bort inline-SVG:ns baslinjeutrymme.
 * Omfattning: Endast svg- och path-element i Mat & upplevelsers 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-2985 .e-svg svg { display: block; }
body.elementor-page-2985 .e-svg svg path { fill: none; }

/*
 * CSS-undantag: food-rich-text-accent
 * Syfte: Ger den kursiva delen av hero-rubriken prototypens sandfärg.
 * Omfattning: Endast em-elementet i Mat & upplevelsers 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-2985 .sju-food-hero-title em { display: block; margin-top: 8px; color: var(--color-sand); font-weight: 400; }

/*
 * CSS-undantag: food-responsive-grid-placement
 * Syfte: Flyttar de asymmetriska korten till fullbredd och nya rader när griden växlar layout.
 * Omfattning: Endast korten i Måltidsögonblick och Upplevelser.
 * Begränsning i Elementor: Atomic 4.2 kan inte återställa grid-column och grid-row som en responsiv underklass utan att skapa en klass per kort och brytpunkt.
 * Kan tas bort när: Atomic kan hantera responsiv grid area per barn med återanvändbara placeringsvariabler.
 */
@media (max-width: 1080px) {
	body.elementor-page-2985 [data-sju-food-moment] { grid-column: 1; grid-row: auto; }
	body.elementor-page-2985 .sju-food-experience-grid { grid-template-rows: 390px 280px 280px; }
	body.elementor-page-2985 [data-sju-food-tile="nature"] { grid-column: 1 / 13; grid-row: 1; }
	body.elementor-page-2985 [data-sju-food-tile="sauna"] { grid-column: 1 / 7; grid-row: 2; }
	body.elementor-page-2985 [data-sju-food-tile="fire"] { grid-column: 7 / 13; grid-row: 2; }
	body.elementor-page-2985 [data-sju-food-tile="pottery"] { grid-column: 1 / 13; grid-row: 3; }
}
@media (max-width: 580px) {
	body.elementor-page-2985 .sju-food-experience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 330px 225px 250px; }
	body.elementor-page-2985 [data-sju-food-tile="nature"] { grid-column: 1 / 3; grid-row: 1; }
	body.elementor-page-2985 [data-sju-food-tile="sauna"] { grid-column: 1; grid-row: 2; }
	body.elementor-page-2985 [data-sju-food-tile="fire"] { grid-column: 2; grid-row: 2; }
	body.elementor-page-2985 [data-sju-food-tile="pottery"] { grid-column: 1 / 3; grid-row: 3; }
	body.elementor-page-2985 .sju-food-hero-primary { width: 100%; }
}

/*
 * CSS-undantag: food-focus-visible-state
 * Syfte: Behåller hero-CTA:ns grundläge vid tangentbordsfokus samtidigt som Elementors native fokuslinje visas.
 * Omfattning: Endast knappen Upptäck köket.
 * 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-2985 [aria-label="Upptäck köket"]:focus-visible { background-color: transparent; color: var(--color-paper); transform: none; }

/*
 * CSS-undantag: food-reduced-motion
 * Syfte: Tar bort övergångar när besökaren har valt minskad rörelse.
 * Omfattning: Endast interaktiva länkar och knappar i Mat & upplevelser.
 * 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-2985 * { transition-duration: 0s !important; } }/* End custom CSS */