/*
 * HostWega header + footer native WHMCS dark-mode bridge.
 * Uses the template's own html[data-theme="dark"] / body.body__dark state.
 * Light mode is intentionally untouched.
 */

/* =========================
   TOP BAR (rendered before <body>)
   ========================= */
html[data-theme="dark"] .wega-top-alert-bar {
    background: #242526 !important;
    color: #e4e6eb !important;
    border-bottom: 1px solid #303132 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .scrolled .wega-top-alert-bar,
html[data-theme="dark"] .wega-top-alert-bar.scrolled {
    background: #1A1A1C !important;
}
html[data-theme="dark"] .wega-top-alert-bar a,
html[data-theme="dark"] .wega-top-alert-bar .topbar-text,
html[data-theme="dark"] .wega-top-alert-bar .topbar-text li,
html[data-theme="dark"] .wega-top-alert-bar .fal,
html[data-theme="dark"] .wega-top-alert-bar .fas,
html[data-theme="dark"] .wega-top-alert-bar .far,
html[data-theme="dark"] .wega-top-alert-bar .language__dropdown__select .dropdown__toggle,
html[data-theme="dark"] .wega-top-alert-bar .header__darkmode__selector__btn {
    color: #e4e6eb !important;
}
html[data-theme="dark"] .wega-top-alert-bar a:hover,
html[data-theme="dark"] .wega-top-alert-bar .language__dropdown__select .dropdown__toggle:hover,
html[data-theme="dark"] .wega-top-alert-bar .language__dropdown__select.show .dropdown__toggle {
    color: #ffffff !important;
}
html[data-theme="dark"] .wega-top-alert-bar .dropdown-menu,
html[data-theme="dark"] .wega-top-alert-bar .dropdown__language__search,
html[data-theme="dark"] .wega-top-alert-bar .dropdown__menu__items {
    background: #242526 !important;
    color: #e4e6eb !important;
    border-color: #303132 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.36) !important;
}
html[data-theme="dark"] .wega-top-alert-bar .dropdown__menu__item a,
html[data-theme="dark"] .wega-top-alert-bar .dropdown__language__search__child a,
html[data-theme="dark"] .wega-top-alert-bar .language__text {
    color: #e4e6eb !important;
    background: transparent !important;
}
html[data-theme="dark"] .wega-top-alert-bar .dropdown__menu__item a:hover,
html[data-theme="dark"] .wega-top-alert-bar .dropdown__language__search__child.active a,
html[data-theme="dark"] .wega-top-alert-bar .dropdown__language__search__child a:hover {
    color: #ffffff !important;
    background: #303132 !important;
}


/* Native toggle fallback: the bundled WHMCS modeSwitcher toggles body.body__dark
   without always updating html[data-theme]. The top bar lives at the page root,
   so mirror the same palette for that native state too. */
body.body__dark .wega-top-alert-bar {
    background: #242526 !important;
    color: #e4e6eb !important;
    border-bottom: 1px solid #303132 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.24) !important;
}
body.body__dark.scrolled .wega-top-alert-bar,
body.body__dark .scrolled .wega-top-alert-bar,
body.body__dark .wega-top-alert-bar.scrolled {
    background: #1A1A1C !important;
}
body.body__dark .wega-top-alert-bar a,
body.body__dark .wega-top-alert-bar .topbar-text,
body.body__dark .wega-top-alert-bar .topbar-text li,
body.body__dark .wega-top-alert-bar .fal,
body.body__dark .wega-top-alert-bar .fas,
body.body__dark .wega-top-alert-bar .far,
body.body__dark .wega-top-alert-bar .language__dropdown__select .dropdown__toggle,
body.body__dark .wega-top-alert-bar .header__darkmode__selector__btn {
    color: #e4e6eb !important;
}
body.body__dark .wega-top-alert-bar a:hover,
body.body__dark .wega-top-alert-bar .language__dropdown__select .dropdown__toggle:hover,
body.body__dark .wega-top-alert-bar .language__dropdown__select.show .dropdown__toggle {
    color: #ffffff !important;
}
body.body__dark .wega-top-alert-bar .dropdown-menu,
body.body__dark .wega-top-alert-bar .dropdown__language__search,
body.body__dark .wega-top-alert-bar .dropdown__menu__items {
    background: #242526 !important;
    color: #e4e6eb !important;
    border-color: #303132 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.36) !important;
}
body.body__dark .wega-top-alert-bar .dropdown__menu__item a,
body.body__dark .wega-top-alert-bar .dropdown__language__search__child a,
body.body__dark .wega-top-alert-bar .language__text {
    color: #e4e6eb !important;
    background: transparent !important;
}
body.body__dark .wega-top-alert-bar .dropdown__menu__item a:hover,
body.body__dark .wega-top-alert-bar .dropdown__language__search__child.active a,
body.body__dark .wega-top-alert-bar .dropdown__language__search__child a:hover {
    color: #ffffff !important;
    background: #303132 !important;
}

/* =========================
   MAIN WHMCS HEADER
   ========================= */
/* The header template carries light-mode-texts even in dark mode.
   Rebind only its color tokens to the native dark palette when the native HTML state is dark. */
html[data-theme="dark"] body header.header.light-mode-texts {
    --color-h: #e4e6eb;
    --color-h-hover: #b0b3b8;
    --color-h-sub: #78818c;
    --color-texts: #ffffff;
    --color-texts-opacity: rgba(255,255,255,.60);
    --border-color: #25282a;
    --border-color-light: #1d1f21;
}

html[data-theme="dark"] body header.header,
html[data-theme="dark"] body header.header.bg-white,
html[data-theme="dark"] body.fixed__top__header header.header.top-header-fixed,
body.body__dark header.header,
body.body__dark header.header.bg-white,
body.body__dark.fixed__top__header header.header.top-header-fixed {
    background: var(--background, #1A1A1C) !important;
    background-color: var(--background, #1A1A1C) !important;
    border-bottom-color: var(--border-color, #25282a) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] body header.header .header__row,
body.body__dark header.header .header__row {
    color: var(--color-texts, #fff) !important;
}
html[data-theme="dark"] body header.header .header__link,
html[data-theme="dark"] body header.header .header__button,
html[data-theme="dark"] body header.header .language__dropdown__select .dropdown__toggle,
html[data-theme="dark"] body header.header .header__item .header__head,
html[data-theme="dark"] body header.header .header__item .header__head .icon,
body.body__dark header.header .header__link,
body.body__dark header.header .header__button,
body.body__dark header.header .language__dropdown__select .dropdown__toggle,
body.body__dark header.header .header__item .header__head,
body.body__dark header.header .header__item .header__head .icon {
    color: var(--color-h, #e4e6eb) !important;
}
html[data-theme="dark"] body header.header .header__link:hover,
html[data-theme="dark"] body header.header .header__button:hover,
html[data-theme="dark"] body header.header .language__dropdown__select .dropdown__toggle:hover,
body.body__dark header.header .header__link:hover,
body.body__dark header.header .header__button:hover,
body.body__dark header.header .language__dropdown__select .dropdown__toggle:hover {
    color: var(--color-h-hover, #b0b3b8) !important;
}
html[data-theme="dark"] body header.header .dropdown-menu,
html[data-theme="dark"] body header.header .header__body,
html[data-theme="dark"] body header.header .dropdown__language__search,
body.body__dark header.header .dropdown-menu,
body.body__dark header.header .header__body,
body.body__dark header.header .dropdown__language__search {
    background: var(--background-2, #242526) !important;
    color: var(--color-texts, #fff) !important;
    border-color: var(--border-color, #25282a) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.34) !important;
}
html[data-theme="dark"] body header.header .dropdown__menu__item a,
body.body__dark header.header .dropdown__menu__item a {
    color: var(--color-texts, #fff) !important;
}
html[data-theme="dark"] body header.header .dropdown__menu__item a:hover,
html[data-theme="dark"] body header.header .dropdown__menu__item.active a,
body.body__dark header.header .dropdown__menu__item a:hover,
body.body__dark header.header .dropdown__menu__item.active a {
    background: var(--background-3, #303132) !important;
    color: var(--color-h, #e4e6eb) !important;
}

/* =========================
   ISOLATED HOSTWEGA NAVIGATION
   Higher specificity is deliberate because the isolated stylesheet is loaded later.
   ========================= */
html[data-theme="dark"] body header.header .hw-html-nav-isolated,
body.body__dark header.header .hw-html-nav-isolated {
    color: var(--color-texts, #fff) !important;
    color-scheme: dark;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .custom-nav-link,
body.body__dark header.header .hw-html-nav-isolated .custom-nav-link {
    color: var(--color-h, #e4e6eb) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .custom-nav-item:hover > .custom-nav-link,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .custom-nav-item:focus > .custom-nav-link,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .active > .custom-nav-link,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .hs-mega-menu-opened > .custom-nav-link,
body.body__dark header.header .hw-html-nav-isolated .custom-nav-item:hover > .custom-nav-link,
body.body__dark header.header .hw-html-nav-isolated .custom-nav-item:focus > .custom-nav-link,
body.body__dark header.header .hw-html-nav-isolated .active > .custom-nav-link,
body.body__dark header.header .hw-html-nav-isolated .hs-mega-menu-opened > .custom-nav-link {
    color: #C62C32 !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .hs-mega-menu,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .hs-sub-menu,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .main-sub-menu,
body.body__dark header.header .hw-html-nav-isolated .hs-mega-menu,
body.body__dark header.header .hw-html-nav-isolated .hs-sub-menu,
body.body__dark header.header .hw-html-nav-isolated .main-sub-menu {
    background: var(--background-2, #242526) !important;
    background-color: var(--background-2, #242526) !important;
    border-color: var(--border-color, #25282a) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.38) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .gray-light-bg,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .u-header__promo,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .u-header__promo-footer,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .u-header__product-banner,
body.body__dark header.header .hw-html-nav-isolated .gray-light-bg,
body.body__dark header.header .hw-html-nav-isolated .u-header__promo,
body.body__dark header.header .hw-html-nav-isolated .u-header__promo-footer,
body.body__dark header.header .hw-html-nav-isolated .u-header__product-banner {
    background: var(--background-3, #303132) !important;
    background-color: var(--background-3, #303132) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .title-with-icon-link,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .u-header__promo-title,
html[data-theme="dark"] body header.header .hw-html-nav-isolated h6,
html[data-theme="dark"] body header.header .hw-html-nav-isolated strong,
body.body__dark header.header .hw-html-nav-isolated .title-with-icon-link,
body.body__dark header.header .hw-html-nav-isolated .u-header__promo-title,
body.body__dark header.header .hw-html-nav-isolated h6,
body.body__dark header.header .hw-html-nav-isolated strong {
    color: var(--color-h, #e4e6eb) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .u-header__promo-text,
html[data-theme="dark"] body header.header .hw-html-nav-isolated small,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .tech-feature-list,
body.body__dark header.header .hw-html-nav-isolated .u-header__promo-text,
body.body__dark header.header .hw-html-nav-isolated small,
body.body__dark header.header .hw-html-nav-isolated .tech-feature-list {
    color: var(--color-texts-opacity, rgba(255,255,255,.6)) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .title-with-icon-link:hover,
body.body__dark header.header .hw-html-nav-isolated .title-with-icon-link:hover {
    background: var(--background-3, #303132) !important;
    color: var(--color-h, #e4e6eb) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .color-primary,
body.body__dark header.header .hw-html-nav-isolated .color-primary {
    color: var(--color-h, #e4e6eb) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .hs-mega-menu-opened > a.custom-nav-link::before,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .hs-mega-menu-opened a.custom-nav-link::before,
body.body__dark header.header .hw-html-nav-isolated .hs-mega-menu-opened > a.custom-nav-link::before,
body.body__dark header.header .hw-html-nav-isolated .hs-mega-menu-opened a.custom-nav-link::before {
    background-color: var(--background-2, #242526) !important;
    border-bottom-color: var(--background-2, #242526) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .countdown-wrap .row .col,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .gray-light-bg .faq-wrap .card .card-body,
body.body__dark header.header .hw-html-nav-isolated .countdown-wrap .row .col,
body.body__dark header.header .hw-html-nav-isolated .gray-light-bg .faq-wrap .card .card-body {
    background: var(--background-2, #242526) !important;
    color: var(--color-texts, #fff) !important;
}
html[data-theme="dark"] body header.header .hw-html-nav-isolated .countdown-wrap .row .col h2,
html[data-theme="dark"] body header.header .hw-html-nav-isolated .countdown-wrap .row .col h5,
body.body__dark header.header .hw-html-nav-isolated .countdown-wrap .row .col h2,
body.body__dark header.header .hw-html-nav-isolated .countdown-wrap .row .col h5 {
    color: var(--color-h, #e4e6eb) !important;
}
@media (max-width: 767.98px) {
    html[data-theme="dark"] body header.header .hw-html-nav-isolated .main-navbar-nav,
    body.body__dark header.header .hw-html-nav-isolated .main-navbar-nav {
        background: var(--background, #1A1A1C) !important;
        border-color: var(--border-color, #25282a) !important;
    }
}

/* =========================
   HOSTWEGA FOOTER
   ========================= */
html[data-theme="dark"] body .hw-html-footer-isolated,
body.body__dark .hw-html-footer-isolated {
    color: var(--color-texts, #fff) !important;
    color-scheme: dark;
}
html[data-theme="dark"] body .hw-html-footer-isolated .gradient-bg,
body.body__dark .hw-html-footer-isolated .gradient-bg {
    background: linear-gradient(75deg, var(--background-7, #171616), var(--background-2, #242526)) !important;
    border-top: 1px solid var(--border-color, #25282a) !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated h6,
html[data-theme="dark"] body .hw-html-footer-isolated p,
html[data-theme="dark"] body .hw-html-footer-isolated ul:not(.list-inline) li > a,
html[data-theme="dark"] body .hw-html-footer-isolated .footer-links,
html[data-theme="dark"] body .hw-html-footer-isolated .footer-links a,
html[data-theme="dark"] body .hw-html-footer-isolated footer > div[style*="text-align: center"],
body.body__dark .hw-html-footer-isolated h6,
body.body__dark .hw-html-footer-isolated p,
body.body__dark .hw-html-footer-isolated ul:not(.list-inline) li > a,
body.body__dark .hw-html-footer-isolated .footer-links,
body.body__dark .hw-html-footer-isolated .footer-links a,
body.body__dark .hw-html-footer-isolated footer > div[style*="text-align: center"] {
    color: var(--color-texts, #fff) !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated p,
html[data-theme="dark"] body .hw-html-footer-isolated ul:not(.list-inline) li > a,
html[data-theme="dark"] body .hw-html-footer-isolated .footer-links,
html[data-theme="dark"] body .hw-html-footer-isolated .footer-links a,
body.body__dark .hw-html-footer-isolated p,
body.body__dark .hw-html-footer-isolated ul:not(.list-inline) li > a,
body.body__dark .hw-html-footer-isolated .footer-links,
body.body__dark .hw-html-footer-isolated .footer-links a {
    opacity: .82 !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated ul:not(.list-inline) li > a:hover,
html[data-theme="dark"] body .hw-html-footer-isolated .footer-links a:hover,
body.body__dark .hw-html-footer-isolated ul:not(.list-inline) li > a:hover,
body.body__dark .hw-html-footer-isolated .footer-links a:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated .footer-links a:hover,
body.body__dark .hw-html-footer-isolated .footer-links a:hover {
    color: #C62C32 !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated .back-to-top i,
body.body__dark .hw-html-footer-isolated .back-to-top i {
    background: var(--background-3, #303132) !important;
    color: var(--color-h, #e4e6eb) !important;
    border: 1px solid var(--border-color, #25282a) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.38) !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated .hw-footer-review-widget .hw-trust-number,
html[data-theme="dark"] body .hw-html-footer-isolated .hw-footer-review-widget .hw-trust-label,
body.body__dark .hw-html-footer-isolated .hw-footer-review-widget .hw-trust-number,
body.body__dark .hw-html-footer-isolated .hw-footer-review-widget .hw-trust-label {
    color: var(--color-h, #e4e6eb) !important;
}
html[data-theme="dark"] body .hw-html-footer-isolated .hw-footer-review-widget .hw-trust-based,
body.body__dark .hw-html-footer-isolated .hw-footer-review-widget .hw-trust-based {
    color: var(--color-texts-opacity, rgba(255,255,255,.6)) !important;
}