/* Shared navigation theme for the New preview. Homepage retains its hero overlay. */
body > header > .navbar {
    background: #14181b !important;
    box-shadow: none !important;
    color: #fff;
}
body > header .navbar .navbar-nav > .nav-item > .nav-link,
body > header .navbar .navbar-nav > .nav-item > .dropdown-toggle,
body > header .header-account > a,
body > header .header-account > a > span {
    color: #fff !important;
}
body > header .navbar .navbar-nav > .nav-item > .nav-link:hover,
body > header .navbar .navbar-nav > .nav-item > .nav-link:focus-visible {
    color: #b9f0fa !important;
}
body > header .header-button > .btn-order {
    background: #fff !important;
    border-color: #fff !important;
    color: #15191d !important;
}
body > header .header-button > .btn-order:hover { background: #e9f8fc !important; }
body > header .navbar-toggler-line { background: #fff !important; }
body > header .navbar a:focus-visible,
body > header .navbar button:focus-visible {
    outline: 2px solid #00c9ed;
    outline-offset: 4px;
}
/* A symmetric ambient shadow defines both sides; the larger drop shadow lifts
   white flyouts off light pages. Keep the panels white and their copy dark. */
body > header .navbar .dropdown-menu.nx-section-menu,
body > header .header-account .account-item-list {
    background: #fff !important;
    color: #242a30;
    border: 1px solid rgba(20, 24, 27, .07);
    border-radius: 10px;
    box-shadow: 0 16px 42px rgba(15, 23, 32, .20), 0 0 20px rgba(15, 23, 32, .11) !important;
}
body > header .navbar .dropdown-menu.nx-section-menu li a,
body > header .header-account .account-item-list li a {
    color: #242a30 !important;
}
body > header .navbar .dropdown-menu.nx-section-menu li a:hover,
body > header .header-account .account-item-list li a:hover {
    color: #007fa6 !important;
    background-color: #f0f8fa;
}
@media (max-width: 991.98px) {
    body > header .navbar-collapse,
    body > header .navbar-collapse.show,
    body > header .navbar-collapse.collapsing {
        background: #171b1e !important;
    }
    body > header .navbar-collapse.show {
        max-height: calc(100dvh - 80px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    body > header .navbar .navbar-nav .dropdown.nx-menu-section.dropdown-with-icon-style02 > .dropdown-menu.nx-section-menu {
        width: calc(100% - 30px) !important;
        min-width: 0 !important;
        max-width: calc(100% - 30px) !important;
        margin: 2px 15px 12px !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .18) !important;
    }
}