body.elementor-page-2834:not(.elementor-motion-effects-element-type-background), body.elementor-page-2834 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0EB;}:root{--page-title-display:none;}/* Start custom CSS *//*
 * CSS-undantag: moments-rich-text-accent
 * Syfte: Ger den kursiva delen av herorubriken prototypens sandfärg.
 * Omfattning: Endast em-elementet i Livets stunders H1-rubrik.
 * Begränsning i Elementor: Atomic Heading i Elementor 4.2 kan inte ge ett nästlat em en egen textfärg.
 * Kan tas bort när: Atomic Heading får native kontroll för delvis formaterad rubriktext.
 */
body.elementor-page-2834 #page-title em {
	color: var(--color-sand);
}

/*
 * CSS-undantag: moments-svg-internals
 * Syfte: Bevarar de uppladdade linjeikonernas transparenta fyllning och tar bort inline-SVG:ns baslinjeutrymme.
 * Omfattning: Endast svg- och path-element inuti Livets stunders Atomic SVG-widgets.
 * Begränsning i Elementor: Atomic SVG i Elementor 4.2 exponerar inte display eller fill för widgetens 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-2834 .e-svg svg {
	display: block;
}

body.elementor-page-2834 .e-svg svg path {
	fill: none;
}

/*
 * CSS-undantag: moments-card-parent-state-media
 * Syfte: Skalar kortbilden mjukt när den omgivande kortlänken hovras eller får synligt tangentbordsfokus.
 * Omfattning: Endast de tre vägvisarkortens bilder i sektionen Välj stunden.
 * Begränsning i Elementor: Ett Atomic-barns transform kan inte styras av föräldralänkens hover eller focus-visible i Elementor 4.2.
 * Kan tas bort när: Atomic Interactions kan koppla en förälders state till ett barns transform.
 */
body.elementor-page-2834 #stunderna article > a:hover img,
body.elementor-page-2834 #stunderna article > a:focus-visible img {
	transform: scale(1.035);
}

/*
 * CSS-undantag: moments-card-parent-state-icon
 * Syfte: Flyttar pilen åt höger när den omgivande kortlänken hovras eller får synligt tangentbordsfokus.
 * Omfattning: Endast de tre vägvisarkortens åtgärdspilar i sektionen Välj stunden.
 * Begränsning i Elementor: Ett Atomic-barns transform kan inte styras av föräldralänkens hover eller focus-visible i Elementor 4.2.
 * Kan tas bort när: Atomic Interactions kan koppla en förälders state till ett barns transform.
 */
body.elementor-page-2834 #stunderna article > a:hover .e-svg,
body.elementor-page-2834 #stunderna article > a:focus-visible .e-svg {
	transform: translateX(4px);
}

/*
 * CSS-undantag: moments-focus-visible-state
 * Syfte: Behåller CTA-knapparnas grundfärger och position vid tangentbordsfokus samtidigt som Elementors native fokuslinje visas.
 * Omfattning: Endast de två ljusa CTA-knapparna i Livets stunders hero och sektionen Skapa en egen vistelse.
 * Begränsning i Elementor: Atomic 4.2 kopplar hover-stilen till focus-visible medan det separata focus-tillståndet renderas som focus.
 * Kan tas bort när: Atomic kan konfigurera hover och focus-visible som separata tillstånd.
 */
body.elementor-page-2834 [aria-label="Välj er stund"]:focus-visible,
body.elementor-page-2834 [aria-label="Berätta om er idé"]:focus-visible {
	border-color: rgba(252, 250, 246, 0.45);
	background-color: transparent;
	color: var(--color-paper);
	transform: none;
}

/*
 * CSS-undantag: moments-reduced-motion
 * Syfte: Tar bort övergångar och hoverförflyttningar när besökaren har valt minskad rörelse.
 * Omfattning: Endast knappar, kortbilder och kortikoner i dokumentet Livets stunder.
 * 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 på dokument- och komponentnivå.
 */
@media (prefers-reduced-motion: reduce) {
	body.elementor-page-2834 * {
		transition: none !important;
	}

	body.elementor-page-2834 #stunderna article > a:hover img,
	body.elementor-page-2834 #stunderna article > a:focus-visible img,
	body.elementor-page-2834 #stunderna article > a:hover .e-svg,
	body.elementor-page-2834 #stunderna article > a:focus-visible .e-svg {
		transform: none !important;
	}
}/* End custom CSS */