/* Minimal, framework-independent CSS to ensure mobile dialog menu is visible and above content */

/* Alpine helper if used */
[x-cloak]{display:none !important;}

/* Ensure <dialog> renders when open even if some global CSS hides it */
dialog[open]{display:block !important;}
/* Specific to our header menu dialog */
.header-menu__dialog[open]{display:block !important;}
/* Fallback: if we toggle a class instead of [open] (older iOS/Safari quirks) */
.header-menu__dialog.is-open{display:block !important;}

/* Full-screen overlay and proper stacking */
.header-menu__dialog{position:fixed; inset:0; z-index:100000;}
.header-menu__dialog-panel{position:relative; z-index:100001;}

/* Lock page scroll while menu open */
html.no-scroll, body.menu-open{overflow:hidden;}