/* Fælles lys, transparent dropdown på alle sider. */
body header .desktop-nav .practical-menu>div,
body header .mobile-menu[open] nav{
 background:rgba(247,246,240,.68)!important;
 color:#293b36!important;
 border:1px solid #c8cfc3!important;
 box-shadow:0 14px 32px #24160e20!important;
 backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
body header .desktop-nav .practical-menu>div>a,
body header .mobile-menu[open] nav>a{color:#293b36!important;border-bottom-color:#c8cfc3!important}
body header .desktop-nav .practical-menu>div>a:hover,
body header .mobile-menu[open] nav>a:hover{color:#8d4934!important;background:#293b3609!important}
/* Lettere menuflade og mere afdæmpede kontroller. */
body header .desktop-nav .practical-menu>div{
 background:rgba(247,246,240,.68)!important;
 border:1px solid rgba(255,255,255,.5)!important;
 border-radius:10px;
 padding:8px;
 min-width:208px;
 box-shadow:0 8px 28px rgba(17,30,24,.12),0 1px 3px rgba(17,30,24,.04)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body header .desktop-nav .practical-menu>div>a{
 display:block;padding:12px 14px;margin:0;
 border:0!important;border-radius:5px;
 font-weight:400;line-height:1.5;white-space:nowrap;
 text-decoration:none!important;
 transition:background .15s ease,color .15s ease;
}
body header .desktop-nav .practical-menu>div>a[aria-current="page"]{background:rgba(41,59,54,.06)}
body header .desktop-nav .practical-menu>div>a:hover{background:rgba(41,59,54,.09)!important}
body header .desktop-nav .couples-submenu>summary{min-width:24px;min-height:30px;border-radius:5px}
body header .desktop-nav .couples-submenu>summary>span{font-size:0;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
body header .desktop-nav .couples-submenu[open]>summary>span{transform:translateY(2px) rotate(225deg)}
body header .desktop-nav summary:focus{outline:none}
body header .desktop-nav summary:focus-visible{outline:1px solid currentColor;outline-offset:3px;border-radius:4px}
body header .desktop-nav .practical-menu[open]>div{animation:dropdown-appear .16s ease-out}
@keyframes dropdown-appear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){body header .desktop-nav .practical-menu[open]>div{animation:none}}

/* Mobil: underpunkter folder ud i samme menuflade. */
body header .mobile-menu[open] nav{max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
body header .mobile-menu nav .mobile-submenu{display:block;position:static;margin:0;padding:0;border:0;border-bottom:1px solid #c8cfc3;color:#293b36}
body header .mobile-menu nav .mobile-submenu>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 0;margin:0;font:400 14px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#293b36;list-style:none;cursor:pointer}
body header .mobile-menu nav .mobile-submenu>summary:after{content:"";display:block;width:6px;height:6px;margin:0 3px 3px 12px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
body header .mobile-menu nav .mobile-submenu[open]>summary:after{transform:rotate(225deg);margin-bottom:-3px}
body header .mobile-menu nav .mobile-submenu>div{position:static;display:block;padding:0 0 7px 14px;margin:0;background:transparent;border:0;box-shadow:none}
body header .mobile-menu nav .mobile-submenu>div>a{display:block;padding:10px 0;margin:0;font:400 14px/1.4 Arial,sans-serif;color:#293b36!important;text-decoration:none;border:0;white-space:normal}
body header .mobile-menu nav .mobile-submenu>div>a:hover{color:#8d4934!important}

body:not(.home) header .mobile-menu[open] nav>a[href="bestil-tid.html"]{align-self:flex-start;border-bottom:0!important;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:currentColor;background:transparent!important}

/* Samme skriftstørrelse i hele mobilmenuen, også underpunkter. */
body>header .mobile-menu[open]>nav a:not(.brand):not(.skip),
body>header .mobile-menu[open]>nav .mobile-submenu>summary{
 font-family:Arial,Helvetica,sans-serif!important;
 font-size:14px!important;
 font-weight:400!important;
 line-height:1.5!important;
 letter-spacing:0!important;
}