:root {
    /* === Overriding Primary Color (Blue) === */
    --color-primary-background: #084f89 !important;
    --color-primary-background-gradient-top: #084f89 !important;
    --color-primary-background-gradient-bottom: #084f89 !important;
    --color-primary-background-border: #063f6d !important;
    --color-primary-foreground: #f1f1f1 !important;
    --color-primary-active-background: #0a65ae !important;
    --color-primary-active-background-gradient-top: #0a65ae !important;
    --color-primary-active-background-gradient-bottom: #0a65ae !important;
    --color-primary-active-background-border: #063f6d !important;
    --color-primary-active-foreground: #f1f1f1 !important;
    --navmain-headerdesign1-cta-background: #084f89 !important;
    --navmain-headerdesign1-cta-background-gradient-top: #084f89 !important;
    --navmain-headerdesign1-cta-background-gradient-bottom: #084f89 !important;
    --navmain-headerdesign1-cta-foreground: #f1f1f1 !important;
    --navmain-mobile-headerdesign1-cta-background: #084f89 !important;
    --navmain-mobile-headerdesign1-cta-background-gradient-top: #084f89 !important;
    --navmain-mobile-headerdesign1-cta-background-gradient-bottom: #084f89 !important;
    --navmain-mobile-headerdesign1-cta-foreground: #f1f1f1 !important;

    /* === NEW: Overriding Grey Panel Header === */
    --color-secondary-background: #063f6d !important;
    --color-secondary-background-gradient-top: #063f6d !important;
    --color-secondary-background-gradient-bottom: #063f6d !important;
    --color-box-head-background: #063f6d !important;
    --color-box-head-background-gradient-top: #063f6d !important;
    --color-box-head-background-gradient-bottom: #063f6d !important;

    /* === NEW: Overriding Grey Panel Footer === */
    --color-box-footer-background: #f0f8ff !important;
    --color-box-footer-background-gradient-top: #f0f8ff !important;
    --color-box-footer-background-gradient-bottom: #f0f8ff !important;
}

/*
 === HIDE "WelcomeBack" COUPON ===
*/
.card-accent-warning .card-body p:nth-of-type(2) {
    display: none !important;
}

/*
 === HIDE "My Account" MENU ITEMS ===
*/
.toolbarmain-menu-highlight ul li:has(a[href*="action=domains"]),
.toolbarmain-menu-highlight ul li:has(a[href*="action=quotes"]),
.toolbarmain-menu-highlight ul li:has(a[href*="/account/contacts"]),
.toolbarmain-menu-highlight ul li:has(a[href*="action=emails"]),
.toolbarmain-menu-highlight ul li:has(a[href="/affiliates.php"]) {
    display: none !important;
    visibility: hidden !important;
}

/*
 === HIDE "Stuck Unpaid Invoice" NOTIFICATION ===
 This hides the notification for unpaid invoices, which is stuck 
 due to a bug, but allows other notifications to show.

.client-alerts li:has(a[href*="action=masspay"]) {
    display: none !important;
    visibility: hidden !important;
}
*/

/* Hide the "Your Order Is Almost Completed" abandoned cart recovery widget */
.itemsincart {
    display: none !important;
}

/* Hide the "Quotes" tile on the client area homepage */
.whmcs-filename-clientarea .tiles .row .col-6:nth-child(2) {
    display: none;
}

/* Make the remaining 3 tiles fill the full width */
.whmcs-filename-clientarea .tiles .row .col-xl-3 {
    width: 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

/* Hide the "Recent News" panel on the homepage */
.whmcs-filename-clientarea #announcementsPanel {
    display: none;
}