/* Navbar Border and Shadow Fix
   Desktop (>= 992px): MUST have border and shadow (blue line)
   Mobile (< 992px): MUST NOT have border and shadow (no blue line)
*/

/* Desktop: Force border and shadow */
@media screen and (min-width: 992px) {
    .engine-navbar {
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
        border-bottom: 1px solid var(--navbar-border, rgba(0, 0, 0, 0.08)) !important;
    }
    
    [data-theme="dark"] .engine-navbar {
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    @media (prefers-color-scheme: dark) {
        :root:not([data-theme="light"]) .engine-navbar {
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        }
    }
}

/* Mobile: Force remove border and shadow */
@media screen and (max-width: 991px) {
    header nav.navbar.engine-navbar,
    nav.navbar.engine-navbar.navbar-expand-lg,
    .navbar.engine-navbar,
    nav.engine-navbar.navbar,
    header nav.engine-navbar,
    .engine-navbar.navbar,
    header .engine-navbar,
    nav.engine-navbar,
    .engine-navbar,
    [data-theme="dark"] header nav.navbar.engine-navbar,
    [data-theme="dark"] nav.navbar.engine-navbar.navbar-expand-lg,
    [data-theme="dark"] .navbar.engine-navbar,
    [data-theme="dark"] nav.engine-navbar.navbar,
    [data-theme="dark"] header nav.engine-navbar,
    [data-theme="dark"] .engine-navbar.navbar,
    [data-theme="dark"] header .engine-navbar,
    [data-theme="dark"] nav.engine-navbar,
    [data-theme="dark"] .engine-navbar,
    :root:not([data-theme="light"]) header nav.navbar.engine-navbar,
    :root:not([data-theme="light"]) nav.navbar.engine-navbar.navbar-expand-lg,
    :root:not([data-theme="light"]) .navbar.engine-navbar,
    :root:not([data-theme="light"]) nav.engine-navbar.navbar,
    :root:not([data-theme="light"]) header nav.engine-navbar,
    :root:not([data-theme="light"]) .engine-navbar.navbar,
    :root:not([data-theme="light"]) header .engine-navbar,
    :root:not([data-theme="light"]) nav.engine-navbar,
    :root:not([data-theme="light"]) .engine-navbar {
        border-bottom: none !important;
        border: none !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        outline: none !important;
    }
}