/* =====================================================================
   HostGuru: interim branding for the stock Twenty-One theme
   ---------------------------------------------------------------------
   Milestone 1 only (WHMCS 8.13.7). Antler 4.5.0 replaces this in
   Milestone 2.
   Upload to: /home/hostguru/public_html/host/templates/twenty-one/css/custom.css
   WHMCS does not ship this file, so updates leave it alone.

   Brand palette (taken from the Antler custom.css used since 2019):
     navy         #192831   primary buttons, nav bar, footer
     navy hover   #2f4f5e
     navy dark    #111c22   pressed buttons, logged-in top bar
     yellow       #ffc107   accents
   ===================================================================== */

/* ---------- Links ---------- */
a { color: #2f4f5e; }
a:hover { color: #192831; }
.btn-link { color: #2f4f5e; }
.page-link { color: #2f4f5e; }

/* ---------- Primary colour: stock #336699 -> HostGuru navy ---------- */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #192831;
    border-color: #192831;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #2f4f5e;
    border-color: #2f4f5e;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #111c22;
    border-color: #111c22;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 40, 49, 0.35);
}
.btn-outline-primary {
    color: #192831;
    border-color: #192831;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #192831;
    border-color: #192831;
}
.bg-primary { background-color: #192831 !important; }
.text-primary { color: #192831 !important; }
.border-primary { border-color: #192831 !important; }
.badge-primary,
.progress-bar,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active {
    background-color: #192831;
}
.page-item.active .page-link,
.list-group-item.active,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #192831;
    border-color: #192831;
}

/* ---------- Header ---------- */
header.header {
    border-bottom: 3px solid #ffc107;
}
header.header .topbar {
    background-color: #111c22;
}
header.header .main-navbar-wrapper {
    background-color: #192831;
}
header.header .main-navbar-wrapper .navbar-nav > li > a {
    color: #fff;
}
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 > li.show > a {
    color: #ffc107;
    text-decoration: none;
}
header.header .toolbar .nav-link .badge {
    background-color: #ffc107;
    color: #192831;
}

/* ---------- Sidebar ---------- */
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,
.sidebar .list-group-item.active:focus {
    background-color: #192831;
    border-color: #192831;
}

/* ---------- Footer ---------- */
footer.footer {
    background-color: #192831;
    border-top: 3px solid #ffc107;
}
footer.footer .nav-link:hover,
footer.footer a:hover {
    color: #ffc107;
}

/* ---------- Order form (standard_cart) ---------- */
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    color: #192831;
}
#order-standard_cart .view-cart-items-header {
    background-color: #192831;
}
#order-standard_cart .view-cart-items {
    border-bottom-color: #192831;
}
#order-standard_cart .empty-cart .btn {
    background-color: #192831;
}
#order-standard_cart .order-summary {
    background-color: #192831;
    border-bottom-color: #ffc107;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #192831;
}