/* ZEAK hotfix: force dark promo cards + red suspend notice */

body.zeaklabs-client-area #mc-promo-widgets .card,
body.zeaklabs-client-area #mc-promo-widgets .mc-promo-manage,
body.zeaklabs-client-area #mc-promo-widgets .mc-promo-login,
body.zeaklabs-client-area #mc-promo-widgets .promo-container,
body.zeaklabs-client-area #mc-promo-widgets .promo-banner,
body.zeaklabs-client-area .module-client-area .promo-container,
body.zeaklabs-client-area .module-client-area .promo-banner,
body.zeaklabs-client-area .module-client-area .mc-promo-manage,
body.zeaklabs-client-area .module-client-area .mc-promo-login {
    background-color: #101827 !important;
    background-image:
        radial-gradient(circle at top right, rgba(196, 0, 32, 0.2), transparent 36%),
        linear-gradient(160deg, #141d2c 0%, #0f1726 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #eaf2ff !important;
}

body.zeaklabs-client-area #mc-promo-widgets .card *,
body.zeaklabs-client-area #mc-promo-widgets .mc-promo-manage *,
body.zeaklabs-client-area #mc-promo-widgets .mc-promo-login *,
body.zeaklabs-client-area #mc-promo-widgets .promo-container *,
body.zeaklabs-client-area #mc-promo-widgets .promo-banner *,
body.zeaklabs-client-area .module-client-area .promo-container *,
body.zeaklabs-client-area .module-client-area .promo-banner *,
body.zeaklabs-client-area .module-client-area .mc-promo-manage *,
body.zeaklabs-client-area .module-client-area .mc-promo-login * {
    color: #eaf2ff !important;
}

body.zeaklabs-client-area #mc-promo-widgets .promo-banner a,
body.zeaklabs-client-area #mc-promo-widgets .promo-container a,
body.zeaklabs-client-area .module-client-area .promo-banner a,
body.zeaklabs-client-area .module-client-area .promo-container a {
    color: #ff9fb0 !important;
}

body.zeaklabs-client-area #mc-promo-widgets .promo-banner .btn,
body.zeaklabs-client-area #mc-promo-widgets .promo-container .btn,
body.zeaklabs-client-area #mc-promo-widgets .mc-promo-manage .btn,
body.zeaklabs-client-area #mc-promo-widgets .mc-promo-login .btn,
body.zeaklabs-client-area .module-client-area .promo-banner .btn,
body.zeaklabs-client-area .module-client-area .promo-container .btn,
body.zeaklabs-client-area .module-client-area .mc-promo-manage .btn,
body.zeaklabs-client-area .module-client-area .mc-promo-login .btn {
    background: linear-gradient(135deg, #e12d43, #9a011d) !important;
    border-color: #d3324b !important;
    color: #ffffff !important;
}

body.zeaklabs-client-area #cPanelSuspendReasonPanel,
body.zeaklabs-client-area #wpSquaredSuspendReasonPanel {
    background: linear-gradient(145deg, rgba(137, 21, 37, 0.95), rgba(96, 11, 25, 0.95)) !important;
    border: 1px solid rgba(255, 154, 169, 0.5) !important;
    color: #ffe8ec !important;
    text-align: left !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

body.zeaklabs-client-area #cPanelSuspendReasonPanel strong,
body.zeaklabs-client-area #wpSquaredSuspendReasonPanel strong {
    color: #ffd2da !important;
}

/* Exact client-home promo cards */
body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"],
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"],
body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"] .card-body,
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"] .card-body,
body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"] .promo-banner,
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"] .promo-banner,
body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"] .promo-container,
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"] .promo-container {
    background-color: #101827 !important;
    background-image:
        radial-gradient(circle at top right, rgba(196, 0, 32, 0.2), transparent 36%),
        linear-gradient(160deg, #141d2c 0%, #0f1726 100%) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #eaf2ff !important;
}

body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"] *,
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"] * {
    color: #eaf2ff !important;
}

body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"] a,
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"] a {
    color: #ff9fb0 !important;
}

body.zeaklabs-client-area .client-home-cards [menuitemname="NordVPNLogin"] .btn,
body.zeaklabs-client-area .client-home-cards [menuitemname="ThreesixtymonitoringLogin"] .btn {
    background: linear-gradient(135deg, #e12d43, #9a011d) !important;
    border-color: #d3324b !important;
    color: #ffffff !important;
}

/* Header + footer mobile responsiveness */
@media (max-width: 991.98px) {
    body.zeaklabs-client-area #header .topbar .container > .d-flex {
        flex-wrap: wrap;
        row-gap: 0.45rem;
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }

    body.zeaklabs-client-area #header .topbar .mr-auto,
    body.zeaklabs-client-area #header .topbar .ml-auto {
        width: 100%;
    }

    body.zeaklabs-client-area #header .topbar .active-client {
        width: 100%;
    }

    body.zeaklabs-client-area #header .topbar .active-client .btn-group {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    body.zeaklabs-client-area #header .topbar .active-client .btn-group > .btn {
        border-radius: 0.7rem !important;
        flex: 1 1 auto;
        text-align: center;
    }

    body.zeaklabs-client-area #header .navbar .container.mt-2.mb-2 {
        margin-top: 0.55rem !important;
        margin-bottom: 0.55rem !important;
        gap: 0.55rem;
    }

    body.zeaklabs-client-area #header .navbar-brand {
        margin-right: auto;
        min-width: 0;
    }

    body.zeaklabs-client-area #header .navbar-brand .logo-img {
        max-height: 40px !important;
        width: auto;
    }

    body.zeaklabs-client-area #header .toolbar {
        flex-direction: row;
        align-items: center;
        margin-left: auto;
    }

    body.zeaklabs-client-area #header #mainNavbar {
        padding-top: 0.55rem;
        padding-bottom: 0.4rem;
    }

    body.zeaklabs-client-area #header #mainNavbar > .navbar-nav {
        width: 100%;
    }

    body.zeaklabs-client-area #header #mainNavbar .navbar-nav > li {
        width: 100%;
    }

    body.zeaklabs-client-area #header #mainNavbar .navbar-nav > li > a,
    body.zeaklabs-client-area #header #mainNavbar .navbar-nav > li > .dropdown-toggle {
        padding: 0.62rem 0.4rem !important;
        line-height: 1.25;
    }

    body.zeaklabs-client-area #header #mainNavbar .dropdown-menu {
        position: static !important;
        float: none !important;
        transform: none !important;
        width: 100%;
        margin: 0.3rem 0 0.55rem;
        border-radius: 0.75rem;
    }

    body.zeaklabs-client-area #footer .container {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
    }

    body.zeaklabs-client-area #footer .list-inline.text-center.float-lg-right {
        float: none !important;
        text-align: center !important;
        margin-bottom: 0;
    }

    body.zeaklabs-client-area #footer .list-inline.text-center.float-lg-right .list-inline-item {
        display: inline-flex;
        margin: 0.2rem 0.18rem;
    }

    body.zeaklabs-client-area #footer .nav.justify-content-center {
        justify-content: center !important;
        text-align: center;
        row-gap: 0.2rem;
    }

    body.zeaklabs-client-area #footer .nav .nav-item {
        width: auto;
    }

    body.zeaklabs-client-area #footer .nav .nav-link {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }

    body.zeaklabs-client-area #footer .copyright {
        text-align: center;
        line-height: 1.45;
    }
}