/* OFF Design cyanB 1.2 – mobilmenu i fuld højde. Tilpasser core/navigation's overlay (wp-block-navigation__responsive-container), erstatter den ikke.
   Fejlen på test: headerens backdrop-filter gjorde headeren til «containing block» for overlayets position:fixed → menuen blev 70 px høj og skulle scrolles. */
html.has-modal-open .off-header,html.has-modal-open .off-header-wrap{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;filter:none!important}

@media (max-width:599px){
	.off-nav .wp-block-navigation__responsive-container-open{width:48px;height:48px;margin:-12px;display:flex;align-items:center;justify-content:center;border-radius:4px}
	.off-nav .wp-block-navigation__responsive-container-open:focus-visible{outline:2px solid #E7E9ED;outline-offset:-2px}
}
.off-nav .wp-block-navigation__responsive-container.is-menu-open{
	position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100vh!important;height:100dvh!important;max-height:none!important;
	z-index:100000!important;background:#081020!important;color:#E7E9ED!important;padding:0!important;margin:0!important;
	display:flex!important;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.admin-bar .off-nav .wp-block-navigation__responsive-container.is-menu-open{top:0!important}
.off-nav .is-menu-open .wp-block-navigation__responsive-close{max-width:none!important;width:100%;height:100%;display:flex;flex-direction:column}
.off-nav .is-menu-open .wp-block-navigation__responsive-dialog{position:relative;display:flex;flex-direction:column;min-height:100%;padding:max(env(safe-area-inset-top),0px) 0 max(env(safe-area-inset-bottom),0px);margin:0!important}
/* Luk-knap: X, 48×48, platin, cyan ved hover/fokus */
.off-nav .is-menu-open .wp-block-navigation__responsive-container-close{position:absolute!important;top:calc(10px + env(safe-area-inset-top,0px))!important;right:12px!important;left:auto!important;
	width:48px!important;height:48px!important;display:flex!important;align-items:center;justify-content:center;color:#E7E9ED!important;background:transparent!important;border:1px solid rgba(231,233,237,.28)!important;border-radius:50%!important;padding:0!important;z-index:2}
.off-nav .is-menu-open .wp-block-navigation__responsive-container-close svg{width:26px;height:26px;fill:currentColor}
.off-nav .is-menu-open .wp-block-navigation__responsive-container-close:hover,.off-nav .is-menu-open .wp-block-navigation__responsive-container-close:focus-visible{color:#4FA6D4!important;border-color:#4FA6D4!important;outline:none}
.off-nav .is-menu-open .wp-block-navigation__responsive-container-close:focus-visible{box-shadow:0 0 0 2px #081020,0 0 0 4px #4FA6D4}
/* Indhold: alle punkter synlige uden scroll (360×640 og op) */
.off-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding:76px 24px 24px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;flex:1 1 auto;width:100%;box-sizing:border-box}
.off-nav .is-menu-open .wp-block-navigation__container{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%;border-top:1px solid rgba(43,106,140,.55)}
.off-nav .is-menu-open .wp-block-navigation-item{width:100%;margin:0!important;border-bottom:1px solid rgba(43,106,140,.55)}
.off-nav .is-menu-open .wp-block-navigation-item__content{display:flex!important;align-items:center;min-height:60px;width:100%;box-sizing:border-box;padding:.6rem 2.2rem .6rem 0!important;
	color:#E7E9ED!important;font-family:"Cinzel",Georgia,serif!important;font-size:clamp(1.25rem,6vw,1.6rem)!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase;text-decoration:none!important;position:relative;border:0!important}
.off-nav .is-menu-open .wp-block-navigation-item__content::after{content:"";position:absolute;right:4px;top:50%;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg);opacity:.55}
.off-nav .is-menu-open .wp-block-navigation-item__content:hover,.off-nav .is-menu-open .wp-block-navigation-item__content:focus-visible{color:#4FA6D4!important;outline:none}
.off-nav .is-menu-open .wp-block-navigation-item__content:focus-visible{box-shadow:inset 0 0 0 2px #4FA6D4;border-radius:2px}
.off-nav .is-menu-open .wp-block-navigation-item__content[aria-current="page"],.off-nav .is-menu-open .current-menu-item>.wp-block-navigation-item__content{color:#4FA6D4!important}
.off-nav .is-menu-open .wp-block-navigation-item__content[aria-current="page"]::before{content:"";position:absolute;left:-24px;top:14px;bottom:14px;width:3px;background:#4FA6D4}
/* CTA + kontakt (kopieret fra headeren/footeren af mobilmenu.js) – kun i den åbne overlay-menu */
.off-nav .off-mm-extra{display:none!important}
.off-nav .wp-block-navigation__responsive-container.is-menu-open .off-mm-extra{display:flex!important}
.off-nav .is-menu-open .off-mm-extra{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;padding-top:28px}
.off-nav .is-menu-open a.off-mm-cta{display:flex!important;align-items:center;justify-content:center;min-height:52px;padding:0 1.2rem!important;background:#4FA6D4!important;color:#081020!important;border:1px solid #4FA6D4!important;border-radius:2px;
	font-family:"Inter",system-ui,sans-serif!important;font-weight:600!important;font-size:.86rem!important;letter-spacing:.16em!important;text-transform:uppercase;text-decoration:none!important;opacity:1}
.off-nav .is-menu-open a.off-mm-cta:hover,.off-nav .is-menu-open a.off-mm-cta:focus-visible{background:#7DC0E3!important;border-color:#7DC0E3!important;color:#081020!important;outline:none;box-shadow:0 0 0 2px #081020,0 0 0 4px #E7E9ED}
.off-nav .is-menu-open .off-mm-kontakt{margin:auto 0 0;padding-top:12px;font-family:"Inter",system-ui,sans-serif;font-size:.85rem;line-height:1.5;color:#9BA3B6;text-align:center}
.off-nav .is-menu-open .off-mm-kontakt a{font-family:"Inter",system-ui,sans-serif!important;font-size:.9rem!important;font-weight:400!important;letter-spacing:.02em!important;text-transform:none!important;color:#E7E9ED!important;
	text-decoration:underline!important;text-decoration-color:#2B6A8C!important;text-underline-offset:3px;display:inline-flex!important;align-items:center;min-height:48px;padding:0 .25rem!important;max-width:100%;overflow-wrap:anywhere}
.off-nav .is-menu-open .off-mm-kontakt a:hover,.off-nav .is-menu-open .off-mm-kontakt a:focus-visible{color:#4FA6D4!important;outline:none;text-decoration-color:#4FA6D4!important}
@media (max-height:600px){.off-nav .is-menu-open .wp-block-navigation-item__content{min-height:50px;font-size:1.15rem!important}.off-nav .is-menu-open .off-mm-extra{padding-top:16px;gap:10px}}
/* Bevægelse */
@media (prefers-reduced-motion:no-preference){.off-nav .wp-block-navigation__responsive-container.is-menu-open{animation:off-mm-ind .18s ease-out both}}
@media (prefers-reduced-motion:reduce){.off-nav .wp-block-navigation__responsive-container,.off-nav .wp-block-navigation__responsive-container *{animation:none!important;transition:none!important}}
@keyframes off-mm-ind{from{opacity:0}to{opacity:1}}
/* Scroll-lås (mobilmenu.js sætter klassen og top-offset) */
body.off-mm-laast{position:fixed!important;left:0;right:0;width:100%;overflow:hidden!important}