/* =========================================================
   WPHostee branded WHMCS header
   ========================================================= */

#header.header {
    background: #004562;
    background: linear-gradient(45deg, #004562 0%, #567525 100%);
}

/* Make the internal WHMCS header layers use the same gradient */
#header.header .topbar,
#header.header .navbar.navbar-light,
#header.header .main-navbar-wrapper {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
}

/* Main navigation links and logged-in topbar links */
#header.header .navbar-light .navbar-nav .nav-link,
#header.header .navbar-light .navbar-brand,
#header.header .topbar,
#header.header .topbar a,
#header.header .toolbar .nav-link,
#header.header .cart-btn {
    color: #ffffff !important;
}

/* Hover and active states */
#header.header .navbar-light .navbar-nav .nav-link:hover,
#header.header .navbar-light .navbar-nav .nav-link:focus,
#header.header .topbar a:hover,
#header.header .topbar a:focus,
#header.header .toolbar .nav-link:hover,
#header.header .cart-btn:hover {
    color: #e3f1c9 !important;
}

/* Cart number badge */
#header.header .cart-btn .badge {
    background: #ffffff !important;
    color: #3f6422 !important;
}

/* Search field remains readable on the darker header */
#header.header .search .form-control {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    color: #263238 !important;
}

/* Mobile menu button */
#header.header .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.65) !important;
}

#header.header .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}

/* Dropdown panels stay white for readability */
#header.header .dropdown-menu {
    background: #ffffff;
    border: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

#header.header .dropdown-menu .dropdown-item {
    color: #24485a;
}

#header.header .dropdown-menu .dropdown-item:hover,
#header.header .dropdown-menu .dropdown-item:focus {
    background: #eef4e5;
    color: #456b25;
}

/* White navigation links on the WPHostee gradient header */
#header.header .main-navbar-wrapper .navbar-nav > li > a,
#header.header .main-navbar-wrapper .navbar-nav > li > .nav-link,
#header.header .main-navbar-wrapper .navbar-nav .dropdown-toggle,
#header.header .main-navbar-wrapper #nav > li > a {
    color: #ffffff !important;
}

#header.header .main-navbar-wrapper .dropdown-toggle::after {
    border-top-color: #ffffff !important;
}

#header.header .main-navbar-wrapper .navbar-nav > li > a:hover,
#header.header .main-navbar-wrapper .navbar-nav > li > a:focus,
#header.header .main-navbar-wrapper .navbar-nav .dropdown-toggle:hover,
#header.header .main-navbar-wrapper .navbar-nav .dropdown-toggle:focus {
    color: #e3f1c9 !important;
}

#header.header .main-navbar-wrapper .navbar-nav > .active > a,
#header.header .main-navbar-wrapper .navbar-nav > .active > .nav-link {
    color: #ffffff !important;
}

/* WPHostee dark footer */
#footer,
footer.footer {
    background: #233142 !important;
}

/* WPHostee branded domain search panel */
#order-standard_cart .domain-checker-container {
    background-color: #004562 !important;
    background-image: linear-gradient(45deg, #004562 0%, #567525 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}