/* Ensure navbar stays above the dotted grid */
header,
header.desktop-header-1,
header.mobile-header-1,
.desktop-header-1,
.mobile-header-1,
nav,
.navbar,
.header {
    z-index: 1000 !important;
    background: inherit;
    overflow: visible !important;
}

/* Dark mode navbar solid background */
[data-theme="dark"] header,
[data-theme="dark"] header.desktop-header-1,
[data-theme="dark"] header.mobile-header-1 {
    background-color: #353353 !important;
    z-index: 1000 !important;
}

/* Light mode navbar - keep original light background */
body:not([data-theme="dark"]) header.desktop-header-1,
body:not([data-theme="dark"]) header.mobile-header-1,
header.desktop-header-1.light,
header.mobile-header-1.light {
    background-color: #f9f9ff !important;
    z-index: 1000 !important;
}

/* Keep grid below navbar */
#dotted-grid-overlay {
    z-index: 99 !important;
}