/* ============================================================
   Easter Hay — dokumenterede undtagelser
   REGEL (byggeplan v2.1): gentagne designværdier bruger Design
   Variables/presets i Divi. KUN det, Divi ikke kan udtrykke,
   må stå her — og hver blok skal have formål + dato.
   ============================================================ */

/* ------------------------------------------------------------
   UNDTAGELSE #1 · Diamantmotiv (baggrundselement)
   Formål: 1,5 px petrol-konturkvadrat roteret 45°, opacitet
   14–22 %, altid delvist beskåret af sektionskant, aldrig bag
   tekst, aldrig i header/footer, aldrig i sektion med foto.
   Brug: giv sektionen CSS-klassen  eh-diamond  (Divi: Advanced
   → CSS ID & Classes). Tilføjet: session 2 (skelet fra start).
   ------------------------------------------------------------ */
.eh-diamond {
	position: relative;
	overflow: hidden;
}
.eh-diamond::before,
.eh-diamond::after {
	content: '';
	position: absolute;
	border: 1.5px solid #0F766E; /* = variablen eh-petrol; CSS kan ikke læse Divi-variabler — dokumenteret undtagelse */
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 0;
}
.eh-diamond::before {
	width: 420px;
	height: 420px;
	right: -120px;
	top: 40px;
	opacity: 0.18;
}
.eh-diamond::after {
	width: 190px;
	height: 190px;
	right: 60px;
	top: 210px;
	opacity: 0.14;
}
/* Indhold skal ligge over motivet: */
.eh-diamond > * { position: relative; z-index: 1; }

/* ------------------------------------------------------------
   UNDTAGELSE #2 · Mobil-CTA-bjælken (styles til js/custom.js)
   Skjult som udgangspunkt; .eh-visible viser den. Respekterer
   prefers-reduced-motion. Farver = tokens (hardcoded her som
   dokumenteret undtagelse — CSS kan ikke læse Divi-variabler).
   ------------------------------------------------------------ */
#eh-mobile-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	transform: translateY(110%);
	transition: transform 200ms ease;
	background: #115E59;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
	text-align: center;
	display: none;
}
@media (prefers-reduced-motion: reduce) {
	#eh-mobile-cta { transition: none; }
}
#eh-mobile-cta.eh-visible { transform: translateY(0); }
#eh-mobile-cta a {
	display: inline-block;
	background: #0F766E;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 22px;
	border-radius: 5px;
	text-decoration: none;
}
#eh-mobile-cta a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
/* Vises kun under burger-breakpointet — værdien MÅLES i session 1P
   og indsættes her (placeholder 980px): */
@media (max-width: 980px) {
	body:not(.eh-no-mobilecta) #eh-mobile-cta { display: block; }
}

/* ------------------------------------------------------------
   UNDTAGELSE #3 · Focus-garanti
   Formål: sikkerhedsnet — fokusring må aldrig forsvinde, uanset
   hvad presets/plugins gør. (a11y-slutkontrol, session 9.)
   ------------------------------------------------------------ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #115E59;
	outline-offset: 2px;
}