/* What Radix did in the Next.js site: header menu placement and scroll locking
   for the mobile menu and the full-screen reader (see assets/js/oyla.js). */
.site-header-compact .oyla-dropdown { display: flex; }
/* The login menu leaves the header with the desktop navigation (compact-header.css). */
@media (max-width: 1199.98px) { .site-header-compact .oyla-dropdown:has(> .header-login) { display: none; } }
#oyla-mobile-menu:focus { outline: none; }
html.oyla-scroll-locked,
html.oyla-scroll-locked body { overflow: hidden; }