/* =======================================================================
   DigiDogTech Client Portal — Brand Theme Override
   Theme: digidogtech-brand (full copy of twenty-one; WHMCS 9, Bootstrap 4)

   This file is the ONLY file that differs from the stock twenty-one theme.
   All branding changes live here so they are easy to find after a WHMCS
   update. Brand navy: #0B2545.
   ======================================================================= */

/* ---- Top notification bar -------------------------------------------- */
.topbar {
    background-color: #0B2545 !important;
    color: rgba(255, 255, 255, 0.8);
}
.topbar .btn,
.topbar .active-client .btn,
.topbar .active-client .input-group-text {
    color: rgba(255, 255, 255, 0.85);
}

/* ---- Footer ----------------------------------------------------------- */
.footer {
    background-color: #0B2545 !important;
    color: #cdd8e8;
}
.footer .nav-link {
    color: #cdd8e8;
}
.footer a {
    color: #8eb4e2;
}
.footer a:hover {
    color: #fff;
}

/* ---- Primary buttons -------------------------------------------------- */
.btn-primary {
    color: #fff;
    background-color: #0B2545;
    border-color: #0B2545;
}
.btn-primary:hover {
    color: #fff;
    background-color: #103463;
    border-color: #103463;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #103463;
    border-color: #103463;
    box-shadow: 0 0 0 0.2rem rgba(11, 37, 69, 0.4);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #1a4882;
    border-color: #1a4882;
}

/* ---- Links ------------------------------------------------------------ */
a {
    color: #285fa4;
}
a:hover {
    color: #0B2545;
}

/* ---- Breadcrumb & misc nav links ------------------------------------- */
.breadcrumb-item a,
.nav-link {
    color: #285fa4;
}

/* ---- Page header (white nav bar) — keep white, just ensure brand on active states */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #0B2545;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #0B2545;
    font-weight: 600;
}