/* Final navbar guard. Loaded last to prevent page-specific WHMCS styles hiding navigation. */
.simple-nav-header,
.simple-nav-header.tt-header {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.simple-nav-header .simple-nav-shell,
.simple-nav-header .simple-nav-frame,
.simple-nav-header .tt-toolbar-wrap,
.simple-nav-header .tt-secondary-list {
    opacity: 1 !important;
    visibility: visible !important;
}
.simple-nav-header .simple-nav-frame {
    align-items: center !important;
    display: flex !important;
}
.simple-nav-header .tt-toolbar-wrap,
.simple-nav-header .tt-secondary-list {
    align-items: center !important;
    display: flex !important;
}
.simple-nav-header .tt-secondary-list > li,
.simple-nav-header .simple-search-item,
.simple-nav-header .simple-cart-item {
    opacity: 1 !important;
    visibility: visible !important;
}
.simple-nav-header .tt-secondary-list > li[menuItemName] > a,
.simple-nav-header .simple-search-trigger,
.simple-nav-header .cart-btn {
    align-items: center !important;
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@media (min-width: 992px) {
    .simple-nav-header .main-navbar-wrapper,
    .simple-nav-header .main-navbar-wrapper #mainNavbar,
    .simple-nav-header .main-navbar-wrapper #nav {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .simple-nav-header .main-navbar-wrapper {
        display: flex !important;
        background: transparent !important;
        border: 0 !important;
        bottom: auto !important;
        box-shadow: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
        width: auto !important;
    }
    .simple-nav-header .main-navbar-wrapper #mainNavbar { display: block !important; }
    .simple-nav-header .main-navbar-wrapper #nav {
        align-items: center !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: auto !important;
    }
    .simple-nav-header .main-navbar-wrapper #nav > li {
        display: list-item !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }
    .simple-nav-header .main-navbar-wrapper #nav > li > a {
        height: 42px !important;
        padding: 0 .7rem !important;
        width: auto !important;
    }
    .simple-nav-header .simple-search-item { display: list-item !important; }
    .simple-nav-header button[data-toggle="offcanvas"] { display: none !important; }
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    .simple-nav-header li.dropdown { position: relative !important; }
    .simple-nav-header li.dropdown > .dropdown-menu {
        display: block !important;
        margin: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        top: calc(100% - 1px) !important;
        transform: none !important;
        visibility: hidden !important;
    }
    .simple-nav-header li.dropdown:hover > .dropdown-menu,
    .simple-nav-header li.dropdown:focus-within > .dropdown-menu,
    .simple-nav-header li.dropdown.open > .dropdown-menu,
    .simple-nav-header li.dropdown.show > .dropdown-menu,
    .simple-nav-header li.dropdown > .dropdown-menu.show {
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important;
    }
}

/* Homepage actions share the established light-blue accent. */
.simple-home .simple-hero-actions .btn-primary,
.simple-home .tt-domain-search-wrap .btn-primary,
.simple-home .tt-domain-search-wrap .btn-success {
    background: #67d4ff !important;
    border-color: #67d4ff !important;
    box-shadow: none !important;
    color: #07142e !important;
}
.simple-home .simple-hero-actions .btn-primary:hover,
.simple-home .simple-hero-actions .btn-primary:focus,
.simple-home .tt-domain-search-wrap .btn-primary:hover,
.simple-home .tt-domain-search-wrap .btn-primary:focus,
.simple-home .tt-domain-search-wrap .btn-success:hover,
.simple-home .tt-domain-search-wrap .btn-success:focus {
    background: #8ee2ff !important;
    border-color: #8ee2ff !important;
    color: #07142e !important;
}
.simple-home .simple-hero-actions .simple-btn-outline {
    background: transparent !important;
    border-color: #67d4ff !important;
    color: #67d4ff !important;
}
.simple-home .simple-hero-actions .simple-btn-outline:hover,
.simple-home .simple-hero-actions .simple-btn-outline:focus {
    background: rgba(103,212,255,.08) !important;
    border-color: #8ee2ff !important;
    color: #8ee2ff !important;
}

/* Navbar brand and icon refinements. */
.simple-nav-header .simple-brand-has-logo {
    height: 58px !important;
    max-width: 250px !important;
}
.simple-nav-header .simple-brand-logo {
    height: auto !important;
    max-height: 48px !important;
    max-width: 225px !important;
    transform: none !important;
    width: auto !important;
}
.simple-nav-header .main-navbar-wrapper i,
.simple-nav-header .tt-secondary-list i,
.simple-nav-header .dropdown-menu i,
.simple-nav-header .simple-nav-account-icon,
.simple-nav-header .cart-btn i {
    color: #67d4ff !important;
}

/* Keep the basket glyph identical to the other blue navigation icons. */
.simple-nav-header .cart-btn > i,
.simple-nav-header .cart-btn > i::before,
.simple-nav-header .cart-btn > i::after {
    color: #67d4ff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #67d4ff !important;
}
.simple-nav-header .dropdown-menu .simple-game-menu-item i {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-right: 0;
    width: 18px;
}
.simple-nav-header .dropdown-menu .simple-game-menu-item > a {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
}

@media (max-width: 1199.98px) {
    .simple-nav-header .simple-brand-has-logo {
        height: 48px !important;
        max-width: 190px !important;
    }
    .simple-nav-header .simple-brand-logo {
        max-height: 38px !important;
        max-width: 175px !important;
    }
}

@media (max-width: 575.98px) {
    .simple-nav-header .simple-brand-has-logo { max-width: 165px !important; }
    .simple-nav-header .simple-brand-logo {
        max-height: 35px !important;
        max-width: 155px !important;
    }
}