/* Custom styling for FellaHost - Enhanced Visuals, High Contrast & White Package Hover Shadows */

:root {
    --primary-color: #001B41;
    --primary-bg: #001B41;
    --theme-color: #001B41;
    --fh-topbar-bg: #001B41;
    --fh-text-main: #ffffff;
    --fh-text-muted: #e2e8f0;
}

/* Force header and primary backgrounds */
.header, #header, .navbar-main, .bg-primary, .primary-bg, .navbar-default, .fh-topbar,
#header .navbar, #header .navbar-light, .fh-single-navbar {
    background-color: #001B41 !important;
}

/* Ensure right toolbar area is 100% transparent and seamlessly integrates with header */
.tt-main-header,
.tt-toolbar-wrap,
.tt-secondary-list,
.navbar-nav.toolbar,
.fh-single-navbar .tt-toolbar-wrap,
.fh-single-navbar .tt-main-header,
.fh-single-navbar .tt-secondary-list {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Logo Resizing for a smart look */
.logo-img {
    max-width: 155px !important;
    height: auto !important;
}

/* Ribbon on main header buttons (Cart Badge, Notifications, etc.) */
.tt-cart-badge, .badge, .fh-topbar-badge, .ribbon {
    background-color: #001B41 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important; 
}

/* ============================================================
   PRIMARY ACTION & CTA BUTTONS (High-Converting Vibrant Styling)
   ============================================================ */
.btn-primary,
.btn-checkout,
#btnCompleteOrder,
.btn-order-now,
.btn-add-to-cart,
#btnCheck,
#btnApplyPromo,
.btn-success,
input[type="submit"].btn-primary,
button[type="submit"].btn-primary,
.btn-gradient {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    background-color: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.4) !important;
    transition: all 0.25s ease-in-out !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-checkout:hover,
#btnCompleteOrder:hover,
.btn-order-now:hover,
.btn-add-to-cart:hover,
#btnCheck:hover,
#btnApplyPromo:hover,
.btn-success:hover,
input[type="submit"].btn-primary:hover,
button[type="submit"].btn-primary:hover,
.btn-gradient:hover {
    background: linear-gradient(135deg, #0369a1, #0891b2) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(6, 182, 212, 0.55) !important;
    border-color: #ffffff !important;
}

/* Complete Order & Checkout Prominent Green CTA */
#btnCompleteOrder,
.btn-checkout,
.btn-complete-order {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45) !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
}
#btnCompleteOrder:hover,
.btn-checkout:hover,
.btn-complete-order:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.65) !important;
    color: #ffffff !important;
}

/* Header links visibility against dark background */
#mainNavbar .nav-link, #mainNavbar .navbar-nav > li > a, .fh-topbar-line a, .fh-topbar-line span, .fh-topbar-tagline,
.tt-main-header .nav-item a, .tt-main-header .nav-item span {
    color: #ffffff !important;
}
#mainNavbar .nav-link:hover, #mainNavbar .navbar-nav > li > a:hover, .fh-topbar-line a:hover,
.tt-main-header .nav-item a:hover {
    color: #00d0f4 !important;
}

/* Fix mobile toggle */
#fhMobileToggle {
    color: #ffffff !important;
}

/* ══════════════════════════════════════════════════════════════
   PACKAGE CARDS & PRICING BOXES: WHITE SHADOW ON MOUSE HOVER
   ══════════════════════════════════════════════════════════════ */
.fh-slide-item,
.single-pricing-pack,
.tt-pricing-box,
.tt-pricing-card,
.fh-package-card,
.fh-promo-card,
.fh-service-card,
.fh-account-card,
.fh-support-item,
.card-pricing,
.pricing-box,
.pricing-table,
.tt-popular-package-card,
.package-card,
.product-card,
.fh-server-card,
.panel-pricing,
.product-item,
.pricing-plan,
.single-package,
.tt-feature-box,
.tt-testimonial-item {
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.fh-slide-item:hover,
.single-pricing-pack:hover,
.tt-pricing-box:hover,
.tt-pricing-card:hover,
.fh-package-card:hover,
.fh-promo-card:hover,
.fh-service-card:hover,
.fh-account-card:hover,
.fh-support-item:hover,
.card-pricing:hover,
.pricing-box:hover,
.pricing-table:hover,
.tt-popular-package-card:hover,
.package-card:hover,
.product-card:hover,
.fh-server-card:hover,
.panel-pricing:hover,
.product-item:hover,
.pricing-plan:hover,
.single-package:hover,
.tt-feature-box:hover,
.tt-testimonial-item:hover {
    box-shadow: 0 12px 35px rgba(0, 27, 65, 0.18) !important;
    border-color: #001B41 !important;
    transform: translateY(-5px) !important;
}

/* ══════════════════════════════════════════════════════════════
   GLOBAL HIGH CONTRAST & WHITE FONT ENHANCEMENTS
   ══════════════════════════════════════════════════════════════ */
/* Cleaned subtitles and body text */
.fh-pricing-subtitle, .fh-slide-price-cycle {
    color: #0284c7 !important;
}
.fh-slide-info p, .fh-service-info p, .fh-banner-content p {
    color: #111827 !important;
}

/* Headings on light canvas */
h1:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
h2:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
h3:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
h4:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
h5:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
h6:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
.fh-pricing-title,
.fh-slide-info h5,
.fh-service-info h5,
.fh-promo-title,
.fh-account-title {
    color: #001B41 !important;
}
.tt-footer-widget h6, .tt-footer-widget .widget-title {
    color: #ffffff !important;
}

/* ══════════════════════════════════════════════════════════════
   LOGIN & REGISTER PAGE: WHITE FONTS & CLEAN CONTRAST
   ══════════════════════════════════════════════════════════════ */
.tt-auth-wrap {
    background: #001B41 !important;
    color: #ffffff !important;
}

/* Cleaned auth forms */
.tt-form-wrap { background: transparent !important; }
.tt-form-container, .tt-registration-form, #registration {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 35px rgba(0, 27, 65, 0.08) !important;
    color: #111827 !important;
}

.tt-form-container:hover,
.tt-registration-form:hover,
#registration:hover {
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.25), 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

/* Modern Vice-Versa Auth Forms (Login & Register) */
.tt-form-content h1, .tt-form-content h2, .tt-form-content h3, .tt-form-content h4,
.tt-registration-form h1, .tt-registration-form h2, .tt-registration-form h3, .tt-registration-form h4,
#registration h1, #registration h2, #registration h3, #registration h4,
.form-control-label,
.tt-or-text {
    color: #001B41 !important;
    font-weight: 700;
}

.tt-form-content p,
.tt-registration-form p,
#registration p {
    color: #475569 !important;
}

/* Cleaned auth inputs */
.tt-form-wrap .form-control, .tt-registration-form .form-control, #registration .form-control, .login-form .form-control {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
}

.tt-form-wrap .form-control:focus,
.tt-registration-form .form-control:focus,
#registration .form-control:focus,
.login-form .form-control:focus {
    background: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    color: #001B41 !important;
}

.tt-form-wrap .form-control::placeholder,
.tt-registration-form .form-control::placeholder,
#registration .form-control::placeholder,
.login-form .form-control::placeholder,
.tt-form-wrap input::placeholder,
.tt-registration-form input::placeholder,
#registration input::placeholder,
.login-form input::placeholder {
    color: #334155 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

/* Cleaned auth prepends */
.tt-form-wrap .input-group-text, .tt-registration-form .input-group-text, #registration .input-group-text, .login-form .input-group-text {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
}

.tt-form-wrap .field-icon,
.tt-registration-form .field-icon,
#registration .field-icon {
    color: #001B41 !important;
}

.tt-registration-form .card,
#registration .card {
    background: transparent !important;
    border: none !important;
}

.tt-form-content a,
.tt-registration-form a,
#registration a,
.login-form a {
    color: #0284c7 !important;
    text-decoration: underline;
    font-weight: 600;
}

.tt-form-content a:hover,
.tt-registration-form a:hover,
#registration a:hover,
.login-form a:hover {
    color: #0369a1 !important;
}

/* Support Box Action Buttons on Light Kijivu Canvas */
a.fh-support-item,
.fh-support-item {
    border: 2px solid #001B41 !important;
    border-radius: 50px !important;
    background: #001B41 !important;
    color: #ffffff !important;
    padding: 13px 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.25) !important;
    transition: all 0.25s ease !important;
}
a.fh-support-item span,
.fh-support-item span {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 0.96rem !important;
    letter-spacing: -0.2px !important;
    transition: color 0.2s ease !important;
}
a.fh-support-item i,
.fh-support-item i {
    color: #00d0f4 !important;
    font-size: 1.2rem !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}
a.fh-support-item img,
.fh-support-item img {
    filter: none !important;
}
a.fh-support-item:hover,
.fh-support-item:hover {
    background: #001433 !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 27, 65, 0.45) !important;
    transform: translateY(-2px) !important;
}
a.fh-support-item:hover span,
.fh-support-item:hover span {
    color: #ffffff !important;
}
a.fh-support-item:hover i,
.fh-support-item:hover i {
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

/* Account Cards on Light Kijivu Canvas */
a.fh-account-card,
.fh-account-card {
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.05) !important;
    transition: all 0.25s ease !important;
    padding: 22px 16px !important;
    color: #001B41 !important;
}
a.fh-account-card .fh-account-title,
.fh-account-card .fh-account-title,
a.fh-account-card span,
.fh-account-card span {
    color: #001B41 !important;
    font-weight: 800 !important;
    transition: color 0.2s ease !important;
}
a.fh-account-card .fh-acc-icon,
.fh-account-card .fh-acc-icon {
    background: #e0f2fe !important;
    color: #0284c7 !important;
    transition: all 0.2s ease !important;
}
a.fh-account-card img,
.fh-account-card img {
    filter: none !important;
}
a.fh-account-card:hover,
.fh-account-card:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    box-shadow: 0 10px 28px rgba(0, 27, 65, 0.35) !important;
    transform: translateY(-4px) !important;
}
a.fh-account-card:hover .fh-account-title,
.fh-account-card:hover .fh-account-title,
a.fh-account-card:hover span,
.fh-account-card:hover span {
    color: #ffffff !important;
}
a.fh-account-card:hover .fh-acc-icon,
.fh-account-card:hover .fh-acc-icon {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #00d0f4 !important;
}

/* Fix footer widget colors */
.tt-footer-widget h6, .tt-footer-widget .widget-title {
    color: #ffffff !important;
}
.tt-footer-widget, .tt-footer-widget .text-muted, .tt-footer-widget a, .tt-footer-widget address, .footer-menu a, .tt-footer-widget p, .tt-footer-widget span {
    color: #ffffff !important;
}
.tt-footer-widget abbr {
    color: #00d0f4 !important;
}

/* ============================================================
   LIGHT/DARK SWITCHER REMOVAL (Removes white rectangle with gear icon)
   ============================================================ */
.tt-color-switch,
.tt-theme-toggle,
.tt-light-dark-switcher,
[class*="color-switch"],
[class*="theme-toggle"],
.tt-theme-light,
.tt-theme-dark {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============================================================
   PORTFOLIO NAVBAR & CONSULTING ACTION PILLS
   ============================================================ */
.fh-single-navbar .navbar-nav > li[menuitemname="Portfolio"] > a,
.fh-single-navbar .navbar-nav > li > a[href*="portfolio"],
.fh-portfolio-pill,
li[menuitemname="Portfolio"] > a {
    border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 50px !important;
    padding: 4px 11px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    white-space: nowrap !important;
}

.fh-single-navbar .navbar-nav > li[menuitemname="Portfolio"] > a:hover,
.fh-single-navbar .navbar-nav > li > a[href*="portfolio"]:hover,
.fh-portfolio-pill:hover,
li[menuitemname="Portfolio"] > a:hover {
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(255, 255, 255, 0.3) !important;
}

/* Consulting / Architectural CTA Buttons on Light Cards (.fh-human-touch-box) */
.fh-cta-widget-btn,
.fh-human-touch-right a {
    background: #001B41 !important;
    border: 2px solid #001B41 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-weight: 800 !important;
    font-size: 0.94rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
}
.fh-cta-widget-btn i,
.fh-human-touch-right a i {
    color: #00d0f4 !important;
    font-size: 1.05rem !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}
.fh-cta-widget-btn span,
.fh-human-touch-right a span {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.fh-cta-widget-btn:hover,
.fh-human-touch-right a:hover {
    border-color: #00d0f4 !important;
    background: #001433 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 27, 65, 0.4) !important;
}
.fh-cta-widget-btn:hover i,
.fh-human-touch-right a:hover i {
    color: #ffffff !important;
    transform: scale(1.1) !important;
}
.fh-cta-widget-btn:hover span,
.fh-human-touch-right a:hover span {
    color: #ffffff !important;
}

.fh-topbar-pill {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 12px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.fh-topbar-pill:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
    transform: translateY(-1px);
}
.fh-topbar-pill a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ============================================================
   RESPONSIVE MOBILE NAVBAR & OVERLAY FIXES
   ============================================================ */
@media (max-width: 1199.98px) {
    .fh-single-navbar {
        padding: 8px 0 !important;
    }
    .fh-single-navbar .container-fluid {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .fh-single-navbar .navbar-brand {
        margin: 0 !important;
        flex: 0 0 auto;
    }
    .fh-single-navbar .navbar-brand img {
        max-height: 36px !important;
        width: auto !important;
    }
    /* Strictly suppress the desktop navigation group on mobile and tablets */
    .fh-nav-brand-menu-group,
    .fh-single-navbar .fh-nav-brand-menu-group,
    .fh-single-navbar #nav,
    .fh-single-navbar .navbar-collapse:not(.offcanvas-collapse) {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .tt-main-header {
        margin-left: auto !important;
        width: auto !important;
    }
    .tt-secondary-list {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
    }
}

/* ============================================================
   ANNOUNCEMENTS & NEWS HIGH CONTRAST DARK THEME STYLING
   ============================================================ */
.announcements,
.tt-news-wrap,
.announcement,
.tt-news-single,
.announcement-single {
    background: transparent !important;
}

.announcements .announcement,
.tt-news-wrap .tt-news-single,
.announcement-single,
.announcements-list .card,
.announcement.tt-news-single {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.announcements .announcement:hover,
.tt-news-wrap .tt-news-single:hover,
.announcement-single:hover,
.announcement.tt-news-single:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 12px 35px rgba(255, 255, 255, 0.15), 0 0 20px rgba(6, 182, 212, 0.2) !important;
    transform: translateY(-3px) !important;
}

/* Announcement Titles */
.announcements h2,
.announcements h2 a,
.announcement h2 a,
.announcements h3,
.announcements h3 a,
.announcement-single h2,
.announcement-single h2 a,
.announcement-single h3,
.announcement-single h3 a,
.tt-news-single h2 a,
.tt-news-single h3 a,
.announcements .h6 a {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.announcements h2 a:hover,
.announcement h2 a:hover,
.announcement-single h2 a:hover,
.tt-news-single h2 a:hover,
.announcements .h6 a:hover {
    color: #38bdf8 !important;
}

/* Announcement Body and Summary Text */
.announcements article,
.announcements p,
.announcement p,
.announcement-single p,
.tt-news-single p,
.tt-new-content,
.tt-new-content p,
.tt-new-content span,
.tt-new-content div {
    color: #f1f5f9 !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
}

/* Dates and Meta */
.announcements .list-inline-item,
.announcement .text-muted,
.announcement-single .text-muted,
.tt-news-single .text-muted {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}
.announcements .list-inline-item i,
.announcement .fad,
.announcement .fas {
    color: #38bdf8 !important;
}

/* Read More / Continue Reading Buttons */
.announcements a.tt-read-more,
.announcement a.tt-read-more,
.announcement-single a.tt-read-more,
.tt-news-single a.tt-read-more,
a.tt-read-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.35) !important;
    margin-top: 12px !important;
}

.announcements a.tt-read-more:hover,
.announcement a.tt-read-more:hover,
.announcement-single a.tt-read-more:hover,
a.tt-read-more:hover {
    transform: translateX(4px) translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.5) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Sidebar Styling for Announcements and Portal Pages */
/* Cleaned sidebar cards */
.sidebar .card, .sidebar-panel .card, .panel-sidebar, .card.card-sidebar {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    overflow: hidden !important;
}

/* Cleaned sidebar headers */
.sidebar .card-header, .panel-sidebar .panel-heading, .card-sidebar .card-header {
    background: #f8fafc !important;
    color: #001B41 !important;
    font-weight: 800 !important;
    border-bottom: 1.5px solid #cbd5e1 !important;
}

/* Cleaned sidebar items */
.sidebar .list-group-item, .panel-sidebar .list-group-item, .card-sidebar .list-group-item {
    background: #ffffff !important;
    color: #001B41 !important;
    border-color: #f1f5f9 !important;
    font-weight: 600 !important;
}

.sidebar .list-group-item a,
.panel-sidebar .list-group-item a {
    color: #f1f5f9 !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
}

.sidebar .list-group-item:hover,
.sidebar .list-group-item.active,
.panel-sidebar .list-group-item:hover,
.panel-sidebar .list-group-item.active {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #38bdf8 !important;
    border-color: rgba(6, 182, 212, 0.3) !important;
}

.sidebar .list-group-item:hover a,
.sidebar .list-group-item.active a {
    color: #38bdf8 !important;
}

.sidebar .badge,
.panel-sidebar .badge {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50px !important;
    padding: 3px 10px !important;
}

/* Pagination in Dark Mode */
.pagination .page-item .page-link {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    margin: 0 4px !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.35) !important;
}

/* ============================================================
   WHMCS STORE & PRODUCT PACKAGES STYLING (/store/*)
   ============================================================ */
.store-order,
.products,
.main-content,
.orderform,
#order-standard_cart {
    color: #f1f5f9;
}

/* Category Header & Subtitle */
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
.store-order h1,
.store-order h2,
.product-group-title {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.8rem !important;
    margin-bottom: 8px !important;
}
#order-standard_cart .header-lined .tagline,
.store-order p.text-muted,
.product-group-description {
    color: #cbd5e1 !important;
    font-size: 1rem !important;
    margin-bottom: 25px !important;
}

/* Product Package Cards */
#order-standard_cart .products .product,
#order-standard_cart .products .package,
.products .product-card,
.product-info,
.package-item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .products .package:hover,
.products .product-card:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2), 0 0 25px rgba(6, 182, 212, 0.3) !important;
    transform: translateY(-4px) !important;
}

/* Product Title & Name */
#order-standard_cart .products .product header,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4,
.package-name,
.product-title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

/* Product Price Display */
#order-standard_cart .products .product .price,
.product-pricing .price,
.package-price {
    color: #00d0f4 !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 15px !important;
    display: block;
}
#order-standard_cart .products .product .price small,
.product-pricing .cycle,
.package-cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    display: block;
    margin-top: 4px;
}

/* Product Description & Features */
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product ul,
.product-features,
.product-description {
    color: #f1f5f9 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
}
#order-standard_cart .products .product ul li,
.product-features li {
    color: #f1f5f9 !important;
    margin-bottom: 6px !important;
    list-style: none;
    position: relative;
    padding-left: 24px;
}
#order-standard_cart .products .product ul li::before,
.product-features li::before {
    content: "\2713 ";
    color: #10b981;
    font-weight: 900;
    position: absolute;
    left: 0;
}

/* ============================================================
   CONFIGURE PRODUCT & DOMAIN SELECTION (cart.php?a=add)
   ============================================================ */
.domain-selection-options .option,
.field-container,
.sub-heading,
.panel-default {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 15px !important;
    color: #f1f5f9 !important;
}

.domain-selection-options .option.active,
.domain-selection-options .option:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.12) !important;
}

.domain-#0f172a !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer;
}

/* Domain Search Input */
.domain-input-group input.form-control,
#order-standard_cart input[type="text"].form-control,
#order-standard_cart input[type="password"].form-control,
#order-standard_cart input[type="email"].form-control,
#order-standard_cart select.form-control {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
}

#order-standard_cart select.form-control option {
    background: #ffffff !important;
    color: #0f172a !important;
}

#order-standard_cart .form-control:focus {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: #00d0f4 !important;
    box-shadow: 0 0 15px rgba(0, 208, 244, 0.4) !important;
    color: #ffffff !important;
}

/* ============================================================
   SHOPPING CART REVIEW PAGE (cart.php?a=view)
   ============================================================ */
.view-cart-items-header {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 10px !important;
}

.view-cart-items .item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
    color: #f1f5f9 !important;
}

.view-cart-items .item-title {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}
.view-cart-items .item-group {
    color: #94a3b8 !important;
    font-size: 0.88rem !important;
}
.view-cart-items .item-price {
    color: #00d0f4 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
}
.view-cart-items .item-qty {
    color: #cbd5e1 !important;
}

/* Order Summary Box */
.order-summary,
#orderSummary,
.summary-container {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px !important;
    padding: 22px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    color: #f1f5f9 !important;
}

.order-summary h2,
.order-summary h3,
.summary-container h2,
.summary-container h3,
.order-summary .header {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-bottom: 12px !important;
    margin-bottom: 15px !important;
}

.order-summary .subtotal-line,
.order-summary .recurring-totals {
    color: #cbd5e1 !important;
    font-size: 0.92rem !important;
}

.order-summary .total-due-today,
.order-summary .total-due-today-amount,
.summary-container .total-due-today-amount {
    color: #10b981 !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
}

/* ============================================================
   CHECKOUT PAGE & REGISTRATION FORM (cart.php?a=checkout)
   ============================================================ */
#checkout .header-lined h1,
#checkout .header-lined h2,
#checkout h1, #checkout h2, #checkout h3, #checkout h4,
#checkout legend,
.checkout-heading {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-bottom: 8px !important;
}

#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .checkbox label,
#checkout .radio label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
}

#checkout .help-block,
#checkout .text-muted,
#checkout small {
    color: #94a3b8 !important;
    font-size: 0.84rem !important;
}

/* Payment Gateway Selector Cards */
#checkout .payment-gateway,
.payment-methods .gateway,
.cc-input-container {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    color: #ffffff !important;
    transition: all 0.25s ease !important;
}

#checkout .payment-gateway:hover,
#checkout .payment-gateway.active,
.payment-methods .gateway.active {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.15) !important;
}

/* Terms and Conditions / Opt-in Box */
.terms-and-conditions,
.terms-box,
#checkout .terms-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin: 20px 0 !important;
    color: #f1f5f9 !important;
}
.terms-and-conditions a,
#checkout .terms-container a {
    color: #00d0f4 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

/* Password Strength & Generator */
#checkout .text-password-strength,
#checkout #generatePassword,
#checkout .generate-password-btn {
    color: #00d0f4 !important;
    font-weight: 600 !important;
}

/* Breadcrumb Links on all Store/Cart subpages */
.breadcrumb {
    background: transparent !important;
    padding: 8px 0 !important;
    margin-bottom: 20px !important;
}
.breadcrumb-item,
.breadcrumb > li {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
}
.breadcrumb-item a,
.breadcrumb > li a {
    color: #00d0f4 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.breadcrumb-item a:hover,
.breadcrumb > li a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.breadcrumb-item.active {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ============================================================
   EXHAUSTIVE CART & CHECKOUT BUTTON & FORM SYSTEM
   ============================================================ */

/* Primary Action Buttons (Order Now, Check Domain, Add to Cart, Apply Promo) */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart #btnCheck,
#order-standard_cart #btnApplyPromo,
#order-standard_cart .btn-continue,
.btn-primary.btn-order-now,
.btn-primary.btn-add-to-cart {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-size: 1rem !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.45) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart #btnCheck:hover,
#order-standard_cart #btnApplyPromo:hover,
#order-standard_cart .btn-continue:hover {
    background: linear-gradient(135deg, #0369a1, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Checkout & Complete Order Buttons (Emerald Green) */
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-complete-order,
#btnCompleteOrder,
.btn-checkout {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    box-shadow: 0 6px 22px rgba(16, 185, 129, 0.45) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart #btnCompleteOrder:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-complete-order:hover,
#btnCompleteOrder:hover,
.btn-checkout:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 28px rgba(16, 185, 129, 0.65) !important;
    transform: translateY(-2px) !important;
}

/* Secondary & Outline Buttons */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
.btn-continue-shopping {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover,
.btn-continue-shopping:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Form Input Placeholders Across Cart */
#order-standard_cart ::placeholder,
#checkout ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Radio & Checkbox Toggles in Checkout */
#checkout .btn-group-toggle .btn {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    color: #cbd5e1 !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    margin-right: 10px !important;
}

#checkout .btn-group-toggle .btn.active,
#checkout .btn-group-toggle .btn:hover {
    background: rgba(6, 182, 212, 0.18) !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
}

/* Tables & Summary breakdowns in Cart */
#order-standard_cart .table,
#order-standard_cart .table-striped {
    color: #f1f5f9 !important;
}

#order-standard_cart .table th {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15) !important;
}

#order-standard_cart .table td {
    color: #f1f5f9 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Alert Boxes in Store & Cart */
#order-standard_cart .alert,
#checkout .alert {
    border-radius: 12px !important;
    padding: 14px 20px !important;
    font-weight: 600 !important;
    border: 1.5px solid transparent !important;
}

#order-standard_cart .alert-info,
#checkout .alert-info {
    background: rgba(2, 132, 199, 0.2) !important;
    border-color: rgba(6, 182, 212, 0.4) !important;
    color: #e0f2fe !important;
}

#order-standard_cart .alert-success,
#checkout .alert-success {
    background: rgba(16, 185, 129, 0.2) !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
    color: #d1fae5 !important;
}

#order-standard_cart .alert-warning,
#checkout .alert-warning {
    background: rgba(245, 158, 11, 0.2) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
    color: #fef3c7 !important;
}

#order-standard_cart .alert-danger,
#checkout .alert-danger {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
    color: #fee2e2 !important;
}
/* ==========================================================================
   FELLAHOST STANDARD_CART DARK GLASSMORPHIC DESIGN & ACCESSIBILITY SYSTEM
   Guaranteed High-Contrast, Zero Unreadable Navy-on-Navy Text
   ========================================================================== */

#order-standard_cart,
.cart-body,
.secondary-cart-body,
.orderform {
    color: #f1f5f9 !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Main Container Headings */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart h5,
#order-standard_cart h6,
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
#order-standard_cart legend,
#order-standard_cart .product-group-title {
    color: #001B41 !important;
    font-weight: 700 !important;
}

#order-standard_cart .header-lined .tagline,
#order-standard_cart .tagline,
#order-standard_cart .product-group-description,
#order-standard_cart p.text-muted,
#order-standard_cart .help-block,
#order-standard_cart small {
    color: #cbd5e1 !important;
}

/* Subheadings & Section Dividers across all Cart & Checkout Steps */
#order-standard_cart .sub-heading {
    position: relative !important;
    margin: 35px 0 25px 0 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    text-align: left !important;
    background: transparent !important;
    height: auto !important;
    line-height: normal !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading span.primary-bg-color,
.primary-bg-color {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    padding: 8px 22px !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
    letter-spacing: 0.3px !important;
}

/* Radio Labels, Checkbox Labels, and Form Labels */
#order-standard_cart label,
#order-standard_cart .radio-inline,
#order-standard_cart .checkbox-inline,
#order-standard_cart .radio label,
#order-standard_cart .checkbox label,
#order-standard_cart .account-select-container label,
#order-standard_cart .already-registered,
#order-standard_cart .already-registered p,
#order-standard_cart .already-registered label,
#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout p,
#checkout span {
    color: #ffffff !important;
}

#order-standard_cart .text-muted,
#order-standard_cart .small,
#order-standard_cart small,
#checkout .text-muted,
#checkout small {
    color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   STORE PRODUCT PACKAGES (/store/*)
   -------------------------------------------------------------------------- */
#order-standard_cart .products .product,
#order-standard_cart .products .package,
#order-standard_cart .product-card,
#order-standard_cart .package-item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .products .package:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2), 0 0 25px rgba(6, 182, 212, 0.3) !important;
    transform: translateY(-4px) !important;
}

#order-standard_cart .products .product header,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4,
#order-standard_cart .package-name,
#order-standard_cart .product-title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

#order-standard_cart .products .product .price,
#order-standard_cart .product-pricing .price,
#order-standard_cart .package-price {
    color: #00d0f4 !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 15px !important;
    display: block;
}

#order-standard_cart .products .product .price small,
#order-standard_cart .product-pricing .cycle,
#order-standard_cart .package-cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product ul,
#order-standard_cart .product-features,
#order-standard_cart .product-description {
    color: #f1f5f9 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .products .product ul li,
#order-standard_cart .product-features li {
    color: #f1f5f9 !important;
    margin-bottom: 6px !important;
    list-style: none;
    position: relative;
    padding-left: 24px;
}

#order-standard_cart .products .product ul li::before,
#order-standard_cart .product-features li::before {
    content: "\2713 ";
    color: #10b981;
    font-weight: 900;
    position: absolute;
    left: 0;
}

/* --------------------------------------------------------------------------
   CONFIGURE PRODUCT & DOMAIN SELECTION (cart.php?a=add)
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .field-container,
#order-standard_cart .panel-default,
#order-standard_cart .product-info {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 15px !important;
    color: #f1f5f9 !important;
}

#order-standard_cart .domain-selection-options .option.active,
#order-standard_cart .domain-selection-options .option:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.15) !important;
}

#order-standard_cart .domain-#0f172a !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   FORM CONTROLS & INPUTS (Global Cart)
   -------------------------------------------------------------------------- */
#order-standard_cart input[type="text"].form-control,
#order-standard_cart input[type="password"].form-control,
#order-standard_cart input[type="email"].form-control,
#order-standard_cart input[type="tel"].form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart .form-control {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
}

#order-standard_cart select.form-control option {
    background: #ffffff !important;
    color: #0f172a !important;
}

#order-standard_cart .form-control:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #00d0f4 !important;
    box-shadow: 0 0 15px rgba(0, 208, 244, 0.4) !important;
    color: #ffffff !important;
}

#order-standard_cart ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   VIEW CART REVIEW (cart.php?a=view)
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 22px 26px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
}

#order-standard_cart .view-cart-items .item-title {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .view-cart-items .item-group {
    color: #94a3b8 !important;
    font-size: 0.95rem !important;
    margin-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item .item-price {
    color: #00d0f4 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}

#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

#order-standard_cart .view-cart-items .item-qty {
    color: #cbd5e1 !important;
}

/* Order Summary Box */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
.order-summary {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .order-summary .title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
}

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .subtotal-line,
#order-standard_cart .order-summary .recurring-totals {
    color: #cbd5e1 !important;
    font-size: 0.95rem !important;
    padding: 6px 0 !important;
}

#order-standard_cart .order-summary .total-due-today-amount,
#order-standard_cart .total-due-today-amount {
    color: #10b981 !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    display: block !important;
    margin-top: 15px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    clear: both !important;
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .total-due-today {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 20px !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT & REGISTRATION FORM (cart.php?a=checkout)
   -------------------------------------------------------------------------- */
#checkout .header-lined h1,
#checkout .header-lined h2,
#checkout h1, #checkout h2, #checkout h3, #checkout h4,
#checkout legend,
.checkout-heading {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-bottom: 8px !important;
}

#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .checkbox label,
#checkout .radio label,
#order-standard_cart label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

#checkout .help-block,
#checkout .text-muted,
#checkout small {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}

/* Payment Gateway Selector Cards */
#order-standard_cart .payment-methods,
#order-standard_cart .payment-methods label,
#order-standard_cart #paymentGatewaysContainer label,
#checkout .payment-gateway {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    padding: 14px 22px !important;
    margin: 8px 6px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .payment-methods label:hover,
#order-standard_cart .payment-methods label.active,
#order-standard_cart #paymentGatewaysContainer label:hover,
#checkout .payment-gateway:hover,
#checkout .payment-gateway.active {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 208, 244, 0.3) !important;
    color: #ffffff !important;
}

/* Terms and Conditions Box */
#checkout .terms-and-conditions,
#checkout .terms-box,
#checkout .terms-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin: 20px 0 !important;
    color: #f1f5f9 !important;
}

#checkout .terms-and-conditions a,
#checkout .terms-container a {
    color: #00d0f4 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

/* Existing User / New User Toggle Buttons */
#checkout .btn-group-toggle .btn,
#checkout .account-select-container div.account,
#order-standard_cart .account-select-container div.account {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 22px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
}

#checkout .btn-group-toggle .btn.active,
#checkout .btn-group-toggle .btn:hover,
#checkout .account-select-container div.account.active,
#order-standard_cart .account-select-container div.account.active {
    background: rgba(6, 182, 212, 0.18) !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
}

/* Password strength */
#checkout .generate-password,
#order-standard_cart .generate-password {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #00d0f4 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
}

/* --------------------------------------------------------------------------
   BUTTON SYSTEM (Primary Cyan & Checkout Emerald)
   -------------------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart #btnCheck,
#order-standard_cart #btnApplyPromo,
#order-standard_cart .btn-continue,
#order-standard_cart #btnTransfer,
#order-standard_cart .btn-search {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-size: 1rem !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.45) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart #btnCheck:hover,
#order-standard_cart #btnApplyPromo:hover,
#order-standard_cart .btn-continue:hover {
    background: linear-gradient(135deg, #0369a1, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Checkout & Complete Order Buttons (Emerald Green) */
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-complete-order,
#btnCompleteOrder,
.btn-checkout {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    border-radius: 50px !important;
    padding: 16px 40px !important;
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.5) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart #btnCompleteOrder:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-complete-order:hover,
#btnCompleteOrder:hover,
.btn-checkout:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.7) !important;
    transform: translateY(-2px) !important;
}

/* Secondary Buttons */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-continue-shopping {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover,
#order-standard_cart .btn-continue-shopping:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Hide buggy top-right standard cart sidebar widget if misplaced */
#order-standard_cart .cart-sidebar {
    display: block !important;
    visibility: visible !important;
}
#order-standard_cart .cart-body {
    float: none !important;
}
/* ==========================================================================
   FELLAHOST STANDARD_CART DARK GLASSMORPHIC DESIGN & ACCESSIBILITY SYSTEM
   Guaranteed High-Contrast, Zero Unreadable Navy-on-Navy Text
   ========================================================================== */

#order-standard_cart,
.cart-body,
.secondary-cart-body,
.orderform {
    color: #f1f5f9 !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Main Container Headings */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart h5,
#order-standard_cart h6,
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
#order-standard_cart legend,
#order-standard_cart .product-group-title {
    color: #001B41 !important;
    font-weight: 700 !important;
}

#order-standard_cart .header-lined .tagline,
#order-standard_cart .tagline,
#order-standard_cart .product-group-description,
#order-standard_cart p.text-muted,
#order-standard_cart .help-block,
#order-standard_cart small {
    color: #cbd5e1 !important;
}

/* Subheadings & Section Dividers across all Cart & Checkout Steps */
#order-standard_cart .sub-heading {
    position: relative !important;
    margin: 35px 0 25px 0 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    text-align: left !important;
    background: transparent !important;
    height: auto !important;
    line-height: normal !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading span.primary-bg-color,
.primary-bg-color {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    padding: 8px 22px !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
    letter-spacing: 0.3px !important;
}

/* Radio Labels, Checkbox Labels, and Form Labels */
#order-standard_cart label,
#order-standard_cart .radio-inline,
#order-standard_cart .checkbox-inline,
#order-standard_cart .radio label,
#order-standard_cart .checkbox label,
#order-standard_cart .account-select-container label,
#order-standard_cart .already-registered,
#order-standard_cart .already-registered p,
#order-standard_cart .already-registered label,
#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout p,
#checkout span {
    color: #ffffff !important;
}

#order-standard_cart .text-muted,
#order-standard_cart .small,
#order-standard_cart small,
#checkout .text-muted,
#checkout small {
    color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   STORE PRODUCT PACKAGES (/store/*)
   -------------------------------------------------------------------------- */
#order-standard_cart .products .product,
#order-standard_cart .products .package,
#order-standard_cart .product-card,
#order-standard_cart .package-item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .products .package:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2), 0 0 25px rgba(6, 182, 212, 0.3) !important;
    transform: translateY(-4px) !important;
}

#order-standard_cart .products .product header,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4,
#order-standard_cart .package-name,
#order-standard_cart .product-title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

#order-standard_cart .products .product .price,
#order-standard_cart .product-pricing .price,
#order-standard_cart .package-price {
    color: #00d0f4 !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 15px !important;
    display: block;
}

#order-standard_cart .products .product .price small,
#order-standard_cart .product-pricing .cycle,
#order-standard_cart .package-cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product ul,
#order-standard_cart .product-features,
#order-standard_cart .product-description {
    color: #f1f5f9 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .products .product ul li,
#order-standard_cart .product-features li {
    color: #f1f5f9 !important;
    margin-bottom: 6px !important;
    list-style: none;
    position: relative;
    padding-left: 24px;
}

#order-standard_cart .products .product ul li::before,
#order-standard_cart .product-features li::before {
    content: "\2713 ";
    color: #10b981;
    font-weight: 900;
    position: absolute;
    left: 0;
}

/* --------------------------------------------------------------------------
   CONFIGURE PRODUCT & DOMAIN SELECTION (cart.php?a=add)
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .field-container,
#order-standard_cart .panel-default,
#order-standard_cart .product-info {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 15px !important;
    color: #f1f5f9 !important;
}

#order-standard_cart .domain-selection-options .option.active,
#order-standard_cart .domain-selection-options .option:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.15) !important;
}

#order-standard_cart .domain-#0f172a !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   FORM CONTROLS & INPUTS (Global Cart)
   -------------------------------------------------------------------------- */
#order-standard_cart input[type="text"].form-control,
#order-standard_cart input[type="password"].form-control,
#order-standard_cart input[type="email"].form-control,
#order-standard_cart input[type="tel"].form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart .form-control {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
}

#order-standard_cart select.form-control option {
    background: #ffffff !important;
    color: #0f172a !important;
}

#order-standard_cart .form-control:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #00d0f4 !important;
    box-shadow: 0 0 15px rgba(0, 208, 244, 0.4) !important;
    color: #ffffff !important;
}

#order-standard_cart ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   VIEW CART REVIEW (cart.php?a=view)
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 22px 26px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
}

#order-standard_cart .view-cart-items .item-title {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .view-cart-items .item-group {
    color: #94a3b8 !important;
    font-size: 0.95rem !important;
    margin-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item .item-price {
    color: #00d0f4 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}

#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

#order-standard_cart .view-cart-items .item-qty {
    color: #cbd5e1 !important;
}

/* Order Summary Box */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
.order-summary {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .order-summary .title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
}

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .subtotal-line,
#order-standard_cart .order-summary .recurring-totals {
    color: #cbd5e1 !important;
    font-size: 0.95rem !important;
    padding: 6px 0 !important;
}

#order-standard_cart .order-summary .total-due-today-amount,
#order-standard_cart .total-due-today-amount {
    color: #10b981 !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    display: block !important;
    margin-top: 15px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    clear: both !important;
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .total-due-today {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 20px !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT & REGISTRATION FORM (cart.php?a=checkout)
   -------------------------------------------------------------------------- */
#checkout .header-lined h1,
#checkout .header-lined h2,
#checkout h1, #checkout h2, #checkout h3, #checkout h4,
#checkout legend,
.checkout-heading {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-bottom: 8px !important;
}

#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .checkbox label,
#checkout .radio label,
#order-standard_cart label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

#checkout .help-block,
#checkout .text-muted,
#checkout small {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}

/* Payment Gateway Selector Cards */
#order-standard_cart .payment-methods,
#order-standard_cart .payment-methods label,
#order-standard_cart #paymentGatewaysContainer label,
#checkout .payment-gateway {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    padding: 14px 22px !important;
    margin: 8px 6px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .payment-methods label:hover,
#order-standard_cart .payment-methods label.active,
#order-standard_cart #paymentGatewaysContainer label:hover,
#checkout .payment-gateway:hover,
#checkout .payment-gateway.active {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 208, 244, 0.3) !important;
    color: #ffffff !important;
}

/* Terms and Conditions Box */
#checkout .terms-and-conditions,
#checkout .terms-box,
#checkout .terms-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin: 20px 0 !important;
    color: #f1f5f9 !important;
}

#checkout .terms-and-conditions a,
#checkout .terms-container a {
    color: #00d0f4 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

/* Existing User / New User Toggle Buttons */
#checkout .btn-group-toggle .btn,
#checkout .account-select-container div.account,
#order-standard_cart .account-select-container div.account {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 22px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
}

#checkout .btn-group-toggle .btn.active,
#checkout .btn-group-toggle .btn:hover,
#checkout .account-select-container div.account.active,
#order-standard_cart .account-select-container div.account.active {
    background: rgba(6, 182, 212, 0.18) !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
}

/* Password strength */
#checkout .generate-password,
#order-standard_cart .generate-password {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #00d0f4 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
}

/* --------------------------------------------------------------------------
   BUTTON SYSTEM (Primary Cyan & Checkout Emerald)
   -------------------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart #btnCheck,
#order-standard_cart #btnApplyPromo,
#order-standard_cart .btn-continue,
#order-standard_cart #btnTransfer,
#order-standard_cart .btn-search {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-size: 1rem !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.45) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart #btnCheck:hover,
#order-standard_cart #btnApplyPromo:hover,
#order-standard_cart .btn-continue:hover {
    background: linear-gradient(135deg, #0369a1, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Checkout & Complete Order Buttons (Emerald Green) */
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-complete-order,
#btnCompleteOrder,
.btn-checkout {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    border-radius: 50px !important;
    padding: 16px 40px !important;
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.5) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart #btnCompleteOrder:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-complete-order:hover,
#btnCompleteOrder:hover,
.btn-checkout:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.7) !important;
    transform: translateY(-2px) !important;
}

/* Secondary Buttons */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-continue-shopping {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover,
#order-standard_cart .btn-continue-shopping:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Hide buggy top-right standard cart sidebar widget if misplaced */
#order-standard_cart .cart-sidebar {
    display: block !important;
    visibility: visible !important;
}
#order-standard_cart .cart-body {
    float: none !important;
}
/* ==========================================================================
   FELLAHOST STANDARD_CART DARK GLASSMORPHIC DESIGN & ACCESSIBILITY SYSTEM
   Guaranteed High-Contrast, Zero Unreadable Navy-on-Navy Text
   ========================================================================== */

#order-standard_cart,
.cart-body,
.secondary-cart-body,
.orderform {
    color: #f1f5f9 !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Main Container Headings */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart h5,
#order-standard_cart h6,
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
#order-standard_cart legend,
#order-standard_cart .product-group-title {
    color: #001B41 !important;
    font-weight: 700 !important;
}

#order-standard_cart .header-lined .tagline,
#order-standard_cart .tagline,
#order-standard_cart .product-group-description,
#order-standard_cart p.text-muted,
#order-standard_cart .help-block,
#order-standard_cart small {
    color: #cbd5e1 !important;
}

/* Subheadings & Section Dividers across all Cart & Checkout Steps */
#order-standard_cart .sub-heading,
.sub-heading {
    position: relative !important;
    margin: 35px 0 25px 0 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    text-align: left !important;
    background: transparent !important;
    height: auto !important;
    line-height: normal !important;
    display: block !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading span.primary-bg-color,
#order-standard_cart span.primary-bg-color,
.primary-bg-color {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    padding: 8px 24px !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.4) !important;
    letter-spacing: 0.3px !important;
}

/* Radio Labels, Checkbox Labels, and Form Labels */
#order-standard_cart label,
#order-standard_cart .radio-inline,
#order-standard_cart .checkbox-inline,
#order-standard_cart .radio label,
#order-standard_cart .checkbox label,
#order-standard_cart .account-select-container label,
#order-standard_cart .already-registered,
#order-standard_cart .already-registered p,
#order-standard_cart .already-registered label,
#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .radio-inline,
#checkout p,
#checkout span {
    color: #ffffff !important;
}

#order-standard_cart .text-muted,
#order-standard_cart .small,
#order-standard_cart small,
#checkout .text-muted,
#checkout small {
    color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   STORE PRODUCT PACKAGES (/store/*)
   -------------------------------------------------------------------------- */
#order-standard_cart .products .product,
#order-standard_cart .products .package,
#order-standard_cart .product-card,
#order-standard_cart .package-item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .products .package:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2), 0 0 25px rgba(6, 182, 212, 0.3) !important;
    transform: translateY(-4px) !important;
}

#order-standard_cart .products .product header,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4,
#order-standard_cart .package-name,
#order-standard_cart .product-title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

#order-standard_cart .products .product .price,
#order-standard_cart .product-pricing .price,
#order-standard_cart .package-price {
    color: #00d0f4 !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 15px !important;
    display: block;
}

#order-standard_cart .products .product .price small,
#order-standard_cart .product-pricing .cycle,
#order-standard_cart .package-cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product ul,
#order-standard_cart .product-features,
#order-standard_cart .product-description {
    color: #f1f5f9 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .products .product ul li,
#order-standard_cart .product-features li {
    color: #f1f5f9 !important;
    margin-bottom: 6px !important;
    list-style: none;
    position: relative;
    padding-left: 24px;
}

#order-standard_cart .products .product ul li::before,
#order-standard_cart .product-features li::before {
    content: "\2713 ";
    color: #10b981;
    font-weight: 900;
    position: absolute;
    left: 0;
}

/* --------------------------------------------------------------------------
   CONFIGURE PRODUCT & DOMAIN SELECTION (cart.php?a=add)
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .field-container,
#order-standard_cart .panel-default,
#order-standard_cart .product-info {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 15px !important;
    color: #f1f5f9 !important;
}

#order-standard_cart .domain-selection-options .option.active,
#order-standard_cart .domain-selection-options .option:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.15) !important;
}

#order-standard_cart .domain-#0f172a !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   FORM CONTROLS & INPUTS (Global Cart)
   -------------------------------------------------------------------------- */
#order-standard_cart input[type="text"].form-control,
#order-standard_cart input[type="password"].form-control,
#order-standard_cart input[type="email"].form-control,
#order-standard_cart input[type="tel"].form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart .form-control {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
}

#order-standard_cart select.form-control option {
    background: #ffffff !important;
    color: #0f172a !important;
}

#order-standard_cart .form-control:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #00d0f4 !important;
    box-shadow: 0 0 15px rgba(0, 208, 244, 0.4) !important;
    color: #ffffff !important;
}

#order-standard_cart ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   VIEW CART REVIEW (cart.php?a=view)
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 22px 26px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
}

#order-standard_cart .view-cart-items .item-title {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .view-cart-items .item-group {
    color: #94a3b8 !important;
    font-size: 0.95rem !important;
    margin-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item .item-price,
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .item-price span:first-child,
#order-standard_cart .view-cart-items .item-price > span {
    color: #00d0f4 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
}

#order-standard_cart .view-cart-items .item-price span.cycle,
#order-standard_cart .view-cart-items .item-price .cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    display: block !important;
}

#order-standard_cart .view-cart-items .item-qty {
    color: #cbd5e1 !important;
}

/* Order Summary Box */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
.order-summary {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .order-summary .title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
}

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .subtotal-line,
#order-standard_cart .order-summary .recurring-totals {
    color: #cbd5e1 !important;
    font-size: 0.95rem !important;
    padding: 6px 0 !important;
}

/* Total Due Today Fix in Order Summary */
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .total-due-today,
.order-summary .total-due-today {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    text-align: center !important;
}

#order-standard_cart .order-summary .total-due-today span.amt,
#order-standard_cart .total-due-today span.amt,
.total-due-today span.amt,
#order-standard_cart .total-due-today .amt {
    display: block !important;
    font-size: 1.85rem !important;
    color: #10b981 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .order-summary .total-due-today span:not(.amt),
#order-standard_cart .total-due-today span:not(.amt),
.total-due-today span:not(.amt) {
    display: block !important;
    font-size: 0.95rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT & REGISTRATION FORM (cart.php?a=checkout)
   -------------------------------------------------------------------------- */
#checkout .header-lined h1,
#checkout .header-lined h2,
#checkout h1, #checkout h2, #checkout h3, #checkout h4,
#checkout legend,
.checkout-heading {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-bottom: 8px !important;
}

#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .checkbox label,
#checkout .radio label,
#order-standard_cart label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

#checkout .help-block,
#checkout .text-muted,
#checkout small {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}

/* Payment Gateway Selector Cards */
#order-standard_cart #paymentGatewaysContainer,
#checkout #paymentGatewaysContainer {
    margin-top: 15px !important;
}

#order-standard_cart #paymentGatewaysContainer label,
#order-standard_cart #paymentGatewaysContainer .radio-inline,
#checkout #paymentGatewaysContainer label,
#order-standard_cart .payment-methods label {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    margin: 8px 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart #paymentGatewaysContainer label:hover,
#order-standard_cart #paymentGatewaysContainer label.active,
#checkout #paymentGatewaysContainer label:hover,
#order-standard_cart .payment-methods label:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 208, 244, 0.35) !important;
    color: #ffffff !important;
}

/* Terms and Conditions Box */
#checkout .terms-and-conditions,
#checkout .terms-box,
#checkout .terms-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin: 20px 0 !important;
    color: #f1f5f9 !important;
}

#checkout .terms-and-conditions a,
#checkout .terms-container a {
    color: #00d0f4 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

/* Existing User / New User Toggle Buttons */
#checkout .btn-group-toggle .btn,
#checkout .account-select-container div.account,
#order-standard_cart .account-select-container div.account {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 22px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
}

#checkout .btn-group-toggle .btn.active,
#checkout .btn-group-toggle .btn:hover,
#checkout .account-select-container div.account.active,
#order-standard_cart .account-select-container div.account.active {
    background: rgba(6, 182, 212, 0.18) !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
}

/* Password strength & generator */
#checkout .generate-password,
#order-standard_cart .generate-password,
#order-standard_cart .btn.generate-password {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #00d0f4 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
}

#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
}

/* --------------------------------------------------------------------------
   BUTTON SYSTEM (Primary Cyan & Checkout Emerald)
   -------------------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart #btnCheck,
#order-standard_cart #btnApplyPromo,
#order-standard_cart .btn-continue,
#order-standard_cart #btnTransfer,
#order-standard_cart .btn-search {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-size: 1rem !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.45) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart #btnCheck:hover,
#order-standard_cart #btnApplyPromo:hover,
#order-standard_cart .btn-continue:hover {
    background: linear-gradient(135deg, #0369a1, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Checkout & Complete Order Buttons (Emerald Green) */
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-complete-order,
#btnCompleteOrder,
.btn-checkout {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    border-radius: 50px !important;
    padding: 16px 40px !important;
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.5) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart #btnCompleteOrder:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-complete-order:hover,
#btnCompleteOrder:hover,
.btn-checkout:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.7) !important;
    transform: translateY(-2px) !important;
}

/* Secondary Buttons */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-continue-shopping {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover,
#order-standard_cart .btn-continue-shopping:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Hide buggy top-right standard cart sidebar widget if misplaced */
#order-standard_cart .cart-sidebar {
    display: block !important;
    visibility: visible !important;
}
#order-standard_cart .cart-body {
    float: none !important;
}
/* ==========================================================================
   FELLAHOST STANDARD_CART & ANTLER DARK GLASSMORPHIC DESIGN SYSTEM
   Guaranteed High-Contrast, Zero Unreadable Navy-on-Navy Text
   ========================================================================== */

#order-standard_cart,
.cart-body,
.secondary-cart-body,
.orderform,
.sec-main {
    color: #f1f5f9 !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Main Container Headings */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart h5,
#order-standard_cart h6,
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
#order-standard_cart legend,
#order-standard_cart .product-group-title,
.section-heading,
.section-heading.mergecolor {
    color: #001B41 !important;
    font-weight: 700 !important;
}

#order-standard_cart .header-lined .tagline,
#order-standard_cart .tagline,
#order-standard_cart .product-group-description,
#order-standard_cart p.text-muted,
#order-standard_cart .help-block,
#order-standard_cart small,
.section-subheading,
.section-subheading.mergecolor {
    color: #cbd5e1 !important;
}

/* Antler & Standard Cart Specific Class Overrides */
.mergecolor,
span.mergecolor,
p.mergecolor,
h1.mergecolor,
h2.mergecolor,
h3.mergecolor,
h4.mergecolor,
div.mergecolor {
    color: #ffffff !important;
}

/* Subheadings & Section Dividers across all Cart & Checkout Steps */
#order-standard_cart .sub-heading,
.sub-heading {
    position: relative !important;
    margin: 35px 0 25px 0 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    text-align: left !important;
    background: transparent !important;
    height: auto !important;
    line-height: normal !important;
    display: block !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading span.primary-bg-color,
#order-standard_cart span.primary-bg-color,
.primary-bg-color {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    padding: 8px 24px !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.4) !important;
    letter-spacing: 0.3px !important;
}

/* Radio Labels, Checkbox Labels, and Form Labels */
#order-standard_cart label,
#order-standard_cart .radio-inline,
#order-standard_cart .checkbox-inline,
#order-standard_cart .radio label,
#order-standard_cart .checkbox label,
#order-standard_cart .account-select-container label,
#order-standard_cart .already-registered,
#order-standard_cart .already-registered p,
#order-standard_cart .already-registered label,
#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .radio-inline,
#checkout p,
#checkout span,
.activite-logreg-form span,
.activite-logreg-form {
    color: #ffffff !important;
}

#order-standard_cart .text-muted,
#order-standard_cart .small,
#order-standard_cart small,
#checkout .text-muted,
#checkout small {
    color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   STORE PRODUCT PACKAGES (/store/*)
   -------------------------------------------------------------------------- */
#order-standard_cart .products .product,
#order-standard_cart .products .package,
#order-standard_cart .product-card,
#order-standard_cart .package-item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .products .package:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2), 0 0 25px rgba(6, 182, 212, 0.3) !important;
    transform: translateY(-4px) !important;
}

#order-standard_cart .products .product header,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4,
#order-standard_cart .package-name,
#order-standard_cart .product-title {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

#order-standard_cart .products .product .price,
#order-standard_cart .product-pricing .price,
#order-standard_cart .package-price {
    color: #00d0f4 !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 15px !important;
    display: block;
}

#order-standard_cart .products .product .price small,
#order-standard_cart .product-pricing .cycle,
#order-standard_cart .package-cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product ul,
#order-standard_cart .product-features,
#order-standard_cart .product-description {
    color: #f1f5f9 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .products .product ul li,
#order-standard_cart .product-features li {
    color: #f1f5f9 !important;
    margin-bottom: 6px !important;
    list-style: none;
    position: relative;
    padding-left: 24px;
}

#order-standard_cart .products .product ul li::before,
#order-standard_cart .product-features li::before {
    content: "\2713 ";
    color: #10b981;
    font-weight: 900;
    position: absolute;
    left: 0;
}

/* --------------------------------------------------------------------------
   CONFIGURE PRODUCT & DOMAIN SELECTION (cart.php?a=add)
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .field-container,
#order-standard_cart .panel-default,
#order-standard_cart .product-info {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 15px !important;
    color: #f1f5f9 !important;
}

#order-standard_cart .domain-selection-options .option.active,
#order-standard_cart .domain-selection-options .option:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.15) !important;
}

#order-standard_cart .domain-#0f172a !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   FORM CONTROLS & INPUTS (Global Cart)
   -------------------------------------------------------------------------- */
#order-standard_cart input[type="text"].form-control,
#order-standard_cart input[type="password"].form-control,
#order-standard_cart input[type="email"].form-control,
#order-standard_cart input[type="tel"].form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart .form-control {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
}

#order-standard_cart select.form-control option {
    background: #ffffff !important;
    color: #0f172a !important;
}

#order-standard_cart .form-control:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #00d0f4 !important;
    box-shadow: 0 0 15px rgba(0, 208, 244, 0.4) !important;
    color: #ffffff !important;
}

#order-standard_cart ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   VIEW CART REVIEW (cart.php?a=view)
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 10px !important;
}

#order-standard_cart .view-cart-items .item,
.view-cart-items .item {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 22px 26px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
}

#order-standard_cart .view-cart-items .item-title,
.view-cart-items .item-title {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .view-cart-items .item-group,
.view-cart-items .item-group {
    color: #94a3b8 !important;
    font-size: 0.95rem !important;
    margin-bottom: 10px !important;
}

/* Item Price Display */
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item .item-price,
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .item-price span:first-child,
#order-standard_cart .view-cart-items .item-price > span,
.view-cart-items .item-price,
.view-cart-items .item-price span.mergecolor,
.view-cart-items .mergecolor {
    color: #00d0f4 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
}

#order-standard_cart .view-cart-items .item-price span.cycle,
#order-standard_cart .view-cart-items .item-price .cycle {
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    display: block !important;
}

#order-standard_cart .view-cart-items .item-qty {
    color: #cbd5e1 !important;
}

/* Order Summary Box */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
.order-summary {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .order-summary .title,
.order-summary h2,
.order-summary h3 {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
}

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .subtotal-line,
#order-standard_cart .order-summary .recurring-totals,
.order-summary .subtotal {
    color: #cbd5e1 !important;
    font-size: 0.95rem !important;
    padding: 6px 0 !important;
}

/* Total Due Today Fix in Order Summary */
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .total-due-today,
.order-summary .total-due-today {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    text-align: center !important;
}

#order-standard_cart .order-summary .total-due-today span.amt,
#order-standard_cart .total-due-today span.amt,
.total-due-today span.amt,
#order-standard_cart .total-due-today .amt {
    display: block !important;
    font-size: 1.85rem !important;
    color: #10b981 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .order-summary .total-due-today span:not(.amt),
#order-standard_cart .total-due-today span:not(.amt),
.total-due-today span:not(.amt) {
    display: block !important;
    font-size: 0.95rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT & REGISTRATION FORM (cart.php?a=checkout)
   -------------------------------------------------------------------------- */
#checkout .header-lined h1,
#checkout .header-lined h2,
#checkout h1, #checkout h2, #checkout h3, #checkout h4,
#checkout legend,
.checkout-heading {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-bottom: 8px !important;
}

#checkout label,
#checkout .control-label,
#checkout .form-label,
#checkout .checkbox label,
#checkout .radio label,
#order-standard_cart label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

#checkout .help-block,
#checkout .text-muted,
#checkout small {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}

/* Payment Gateway Selector Cards */
#order-standard_cart #paymentGatewaysContainer,
#checkout #paymentGatewaysContainer {
    margin-top: 15px !important;
}

#order-standard_cart #paymentGatewaysContainer label,
#order-standard_cart #paymentGatewaysContainer .radio-inline,
#checkout #paymentGatewaysContainer label,
#order-standard_cart .payment-methods label {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    margin: 8px 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart #paymentGatewaysContainer label:hover,
#order-standard_cart #paymentGatewaysContainer label.active,
#checkout #paymentGatewaysContainer label:hover,
#order-standard_cart .payment-methods label:hover {
    border-color: #00d0f4 !important;
    background: rgba(6, 182, 212, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 208, 244, 0.35) !important;
    color: #ffffff !important;
}

/* Terms and Conditions Box & Links */
#checkout .terms-and-conditions,
#checkout .terms-box,
#checkout .terms-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin: 20px 0 !important;
    color: #f1f5f9 !important;
}

#checkout .terms-and-conditions a,
#checkout .terms-container a,
a.c-black,
a.c-black.mergecolor,
.c-black,
#checkout a {
    color: #00d0f4 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

/* Existing User / New User Toggle Buttons */
#checkout .btn-group-toggle .btn,
#checkout .account-select-container div.account,
#order-standard_cart .account-select-container div.account {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 22px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
}

#checkout .btn-group-toggle .btn.active,
#checkout .btn-group-toggle .btn:hover,
#checkout .account-select-container div.account.active,
#order-standard_cart .account-select-container div.account.active {
    background: rgba(6, 182, 212, 0.18) !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
}

/* Password strength & generator */
#checkout .generate-password,
#order-standard_cart .generate-password,
#order-standard_cart .btn.generate-password {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #00d0f4 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
}

#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup,
.activite-logreg-form {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
}

/* --------------------------------------------------------------------------
   BUTTON SYSTEM (Primary Cyan & Checkout Emerald)
   -------------------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart #btnCheck,
#order-standard_cart #btnApplyPromo,
#order-standard_cart .btn-continue,
#order-standard_cart #btnTransfer,
#order-standard_cart .btn-search,
.btn-primary {
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-size: 1rem !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.45) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart #btnCheck:hover,
#order-standard_cart #btnApplyPromo:hover,
#order-standard_cart .btn-continue:hover,
.btn-primary:hover {
    background: linear-gradient(135deg, #0369a1, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Checkout & Complete Order Buttons (Emerald Green) */
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-complete-order,
#btnCompleteOrder,
.btn-checkout,
.btn-complete-order {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    border-radius: 50px !important;
    padding: 16px 40px !important;
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.5) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#order-standard_cart #btnCompleteOrder:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-complete-order:hover,
#btnCompleteOrder:hover,
.btn-checkout:hover {
    background: linear-gradient(135deg, #047857, #059669) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.7) !important;
    transform: translateY(-2px) !important;
}

/* Secondary Buttons */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-continue-shopping,
.btn-continue-shopping {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover,
#order-standard_cart .btn-continue-shopping:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Hide buggy top-right standard cart sidebar widget if misplaced */
#order-standard_cart .cart-sidebar {
    display: block !important;
    visibility: visible !important;
}
#order-standard_cart .cart-body {
    float: none !important;
}


/* ============================================================
   FELLAHOST MODERN HIGH-CONTRAST DESIGN & THEME HARMONIZATION
   ============================================================ */

body, .tt-body-wrapper, #main-body, .primary-bg-color, .bg-gray-light {
    background-color: #070f1e !important;
    color: #ffffff !important;
}

/* Eliminate harsh solid cyan background blocks on homepage */
.landing-page.mail-services .product-options,
.bg-cyan, .bg-info, .primary-bg-color {
    background: #0b172a !important;
}

/* High Contrast Header & Topbar */
.fh-topbar {
    background: #001B41 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.fh-single-navbar {
    background: #001B41 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Breadcrumb Styling - Crisp Dark Navy without white box */
.breadcrumb {
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
    margin-bottom: 24px !important;
}

.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item.active {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

.breadcrumb-item a:hover {
    color: #38bdf8 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Footer Styling - Deep Navy & Crisp White */
.tt-footer {
    background: #040914 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
    padding: 60px 0 20px 0 !important;
}

.tt-footer h5, .tt-footer h6, .tt-footer-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

.tt-footer a {
    color: #94a3b8 !important;
    transition: color 0.2s ease !important;
}

.tt-footer a:hover {
    color: #38bdf8 !important;
    text-decoration: none !important;
}

.tt-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 25px !important;
    margin-top: 40px !important;
    color: #94a3b8 !important;
    font-size: 0.88rem !important;
}




/* ==========================================================================
   FELLAHOST UNIVERSAL VICE VERSA THEME ENGINE (PRO MAX SPECIFICATION)
   --------------------------------------------------------------------------
   - Canvas / Global Background: "Rangi ya Kijivu" (#eaecf0 / #edf2f7)
   - Standard Body & Paragraph Fonts: Sharp Pitch Black (#111827 / #000000)
   - Bold Text & Headings & Price Digits: Deep Commanding Navy Blue (#001B41)
   - Thin Text & Subtitles & Dates & Billing Cycles: Oceanic Blue (#0284c7)
   - High Contrast: Zero absorbed text, pristine buttons, and responsive layout
   ========================================================================== */

:root {
    --fh-bg-canvas: #eaecf0;
    --fh-bg-sec: #edf2f7;
    --fh-bg-card: #ffffff;
    --fh-border-color: #cbd5e1;
    --fh-border-subtle: #e2e8f0;
    --fh-text-black: #111827;
    --fh-navy-bold: #001B41;
    --fh-oceanic-thin: #0284c7;
    --fh-card-shadow: 0 4px 20px rgba(0, 27, 65, 0.05);
}

/* 1. Global Page Background ("Rangi ya Kijivu") & Standard Black Typography */
html, body, 
.tt-body-wrapper, 
#main-body, 
.main-content, 
.bg-gray-light, 
.primary-bg-color,
.site-wrapper,
.landing-page {
    background-color: #eaecf0 !important;
    background: #eaecf0 !important;
    color: #111827 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 2. Universal Body Fonts -> Sharp Pitch Black */
p, li, td, th, label, .text-body,
.fh-card-desc, .fh-service-card p, 
.fh-testimonial-card p, 
.tt-announcement-single p, 
.fh-product-desc, .fh-product-desc p, 
.fh-product-desc li, .fh-product-desc span,
.checklist-item, .card-text,
.list-group-item:not(.active),
.table tbody td {
    color: #111827 !important;
}

/* 3. Universal Bold Fonts -> Deep Navy Blue */
b, strong, 
.fw-bold, .font-weight-bold, 
h1, h2, h3, h4, h5, h6, 
.heading, .title, 
.section-heading h2, .section-heading h3, 
.fh-hero-main-title, 
.fh-card-title, 
.fh-store-title, 
.fh-product-name, 
.price, 
.fh-price-amount, 
.fh-slide-price .price, 
.pricing-box .price, 
.package-price, 
.fh-account-title, 
.fh-account-heading, 
.fh-promo-title, 
.tt-article-heading h3 a, 
.fh-human-touch-name,
.fh-floating-domain h2 {
    color: #001B41 !important;
    font-weight: 800 !important;
    letter-spacing: -0.4px;
}

/* 4. Universal Thin & Lightweight Fonts -> Oceanic Blue */
small, .small, 
.text-muted, 
.subtitle, 
.lead, 
.caption, 
.date, .tt-date, 
.price-cycle, .fh-price-cycle, .billing-cycle, 
.fh-hero-lead-text, 
.sub-text, 
.text-secondary, 
.fh-showcase-item span, 
.fh-human-touch-role, 
.meta-text, 
.fh-testimonial-card .text-muted,
.tagline,
.breadcrumb-item.active {
    color: #0284c7 !important;
    font-weight: 500 !important;
}

/* 5. Section Backgrounds Harmonized to "Rangi ya Kijivu" */
.fh-hero-section,
.fh-pricing-section,
.fh-services-section,
.fh-testimonial-sec,
.fh-account-sec,
.fh-promo-sec,
.tt-announcements-sec,
.py-5.bg-gradient,
.landing-page.mail-services .product-options,
.bg-cyan, .bg-info {
    background-color: #eaecf0 !important;
    background: #eaecf0 !important;
    border-color: #cbd5e1 !important;
}

/* 6. Surface Cards & Containers (Pure White Floating on Gray) */
.fh-product-card,
.pricing-box, .pricing-table,
.fh-slider-track .fh-pricing-card,
.fh-service-card,
.fh-testimonial-card,
.tt-announcement-single,
.fh-floating-domain,
.fh-hero-domain-box,
.fh-hero-right-card,
.fh-store-header,
.fh-account-card,
.fh-promo-card,
#order-standard_cart .card,
#order-standard_cart .panel,
.cart-sidebar .panel,
.list-group-item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
}

/* Hover effects for interactive cards */
.fh-service-card:hover,
.tt-announcement-single:hover,
.fh-product-card:hover,
.fh-account-card:hover,
.fh-promo-card:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 10px 30px rgba(2, 132, 199, 0.15) !important;
    transform: translateY(-3px) !important;
}

/* 7. Inner Page Banner (.tt-page-header) Transformation */
.tt-page-header {
    background: #eaecf0 !important;
    border-bottom: 1px solid #cbd5e1 !important;
    padding: 30px 0 !important;
    position: relative !important;
}

.tt-page-header h1,
.tt-page-header .h3,
.tt-page-header-info h1 {
    color: #001B41 !important;
    font-weight: 800 !important;
}

.tt-page-header p,
.tt-page-header-info p {
    color: #0284c7 !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
}

.tt-triangle-right {
    display: none !important;
}

.tt-breadcrumb {
    position: static !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

.breadcrumb {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
    display: inline-flex !important;
    box-shadow: 0 2px 8px rgba(0, 27, 65, 0.04) !important;
    margin-bottom: 0 !important;
}

.breadcrumb-item, .breadcrumb-item a {
    color: #001B41 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.breadcrumb-item a:hover {
    color: #0284c7 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #0284c7 !important;
    content: "›" !important;
    font-size: 1.1rem !important;
    padding: 0 8px !important;
}

/* 8. Zero Absorbed Text Safeguards: Buttons, Navbar, Footer, Badges */

/* Buttons: Vibrant Oceanic Gradient with Crisp White Bold Text */
.btn-primary,
.btn-order-now,
.fh-btn-order,
.fh-domain-btn-search,
.tt-read-more,
.btn-action,
.btn-info,
.btn-success {
    background: linear-gradient(135deg, #0284c7 0%, #001B41 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
    text-shadow: none !important;
}

.btn-primary:hover,
.btn-order-now:hover,
.fh-btn-order:hover,
.fh-domain-btn-search:hover,
.tt-read-more:hover {
    background: linear-gradient(135deg, #0369a1 0%, #001433 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-2px);
}

.btn-primary span,
.btn-order-now span,
.fh-btn-order span,
.tt-read-more span,
.btn-primary i,
.btn-order-now i,
.fh-btn-order i,
.tt-read-more i {
    color: #ffffff !important;
}

/* Badges & Chips: Oceanic Tint with Vivid Navy/Oceanic Text */
.badge-primary,
.badge-info,
.fh-stat-pill,
.fh-showcase-tag,
.badge-pill,
.fh-tld-pill {
    background: #e0f2fe !important;
    color: #0284c7 !important;
    border: 1px solid #bae6fd !important;
    font-weight: 700 !important;
}

.fh-tld-pill strong {
    color: #001B41 !important;
}

/* Domain Search Bar in Hero */
.fh-domain-form-inner {
    background: #ffffff !important;
    border: 1.5px solid #0284c7 !important;
    box-shadow: 0 2px 10px rgba(2, 132, 199, 0.12) !important;
}

.fh-domain-form-inner input {
    color: #001B41 !important;
    font-weight: 600 !important;
}

.fh-domain-form-inner input::placeholder {
    color: #0284c7 !important;
    opacity: 0.75 !important;
}

/* Form Controls & Inputs */
.form-control, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
select, textarea {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #111827 !important;
    font-weight: 500 !important;
    border-radius: 10px !important;
}

.form-control:focus, 
input:focus, select:focus, textarea:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.18) !important;
    color: #001B41 !important;
}

/* Store Category Sidebar */
#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .cart-sidebar a.list-group-item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #111827 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar a.list-group-item:hover {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
    border-color: #0284c7 !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar a.list-group-item.active {
    background: #001B41 !important;
    color: #ffffff !important;
    border-color: #001B41 !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active span,
#order-standard_cart .cart-sidebar .list-group-item.active i {
    color: #ffffff !important;
}

/* Product Card Pricing Box */
.fh-pricing-block {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
}

.fh-checklist-item i,
.fh-product-desc i.fa-check,
.fas.fa-check, .fad.fa-check {
    color: #0284c7 !important;
    font-weight: 800 !important;
}

/* Header & Topbar Safeguards (Deep Navy Background with Pristine White Links) */
.fh-single-navbar {
    background: #001B41 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.fh-single-navbar a.nav-link,
.fh-single-navbar .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.fh-single-navbar a.nav-link:hover,
.fh-single-navbar .navbar-nav > li > a:hover {
    color: #38bdf8 !important;
}

.fh-topbar {
    background: #001433 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

.fh-topbar a {
    color: #cbd5e1 !important;
}

.fh-topbar a:hover {
    color: #38bdf8 !important;
}

/* Footer Safeguards (Deep Navy Background with Crisp Headings & Links) */
.tt-footer {
    background: #001433 !important;
    color: #e2e8f0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 60px 0 20px 0 !important;
}

.tt-footer h5, .tt-footer h6, .tt-footer-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

.tt-footer a {
    color: #cbd5e1 !important;
    transition: color 0.2s ease !important;
}

.tt-footer a:hover {
    color: #38bdf8 !important;
}

.tt-footer-bottom {
    background: #000d21 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #94a3b8 !important;
    padding: 20px 0 !important;
}


/* ==========================================================================
   FELLAHOST DEFINITIVE DESIGN ENGINE — PRO MAX ACCESSIBILITY & CONTRAST
   Canvas: Rangi ya Kijivu (#eaecf0)
   Sacred Navy Blue Areas: Top Bar, Navbar Ribbon, Footer (#001B41 / #001433)
   Fonts on Light Canvas: Deep Navy Blue (#001B41) & Pitch Black (#111827)
   Universal Widget Mouse Hover: Navy Blue (#001B41) with Crisp White Text
   ========================================================================== */

/* ── 1. SACRED NAVY BLUE AREAS: TOP BAR, NAVBAR RIBBON, & FOOTER ── */
#header,
.header,
.fh-topbar,
.navbar-main,
.navbar-default,
.fh-single-navbar,
#header .navbar,
#header .navbar-light {
    background-color: #001B41 !important;
    background: #001B41 !important;
}

/* Strictly protect white fonts and icons inside Topbar & Navbar */
.fh-topbar a,
.fh-topbar span,
.fh-topbar i,
.fh-topbar-pill,
.fh-single-navbar .nav > li > a,
.fh-single-navbar .navbar-nav > li > a,
.fh-single-navbar .navbar-nav > li > a > span,
.fh-single-navbar .navbar-nav > li > a > i,
.fh-single-navbar .navbar-brand,
.fh-single-navbar .btn-register,
.fh-single-navbar .btn-login,
.fh-single-navbar .btn-login *,
.fh-single-navbar .tt-cart-badge,
.fh-single-navbar li[menuitemname="Portfolio"] > a {
    color: #ffffff !important;
}

.fh-single-navbar .btn-register:hover,
.fh-single-navbar .btn-login:hover {
    background: #001433 !important;
    color: #ffffff !important;
}

/* Strictly protect white fonts and icons inside Footer */
footer,
.tt-footer,
.footer,
.footer-section,
.copyright,
.copyright-section,
.tt-footer-wrap {
    background-color: #001433 !important;
    background: #001433 !important;
    color: #ffffff !important;
}

footer *,
.tt-footer *,
.footer *,
.footer-section *,
.copyright *,
.copyright-section *,
.tt-footer h1,
.tt-footer h2,
.tt-footer h3,
.tt-footer h4,
.tt-footer h5,
.tt-footer h6,
.tt-footer-widget h6,
.tt-footer-widget .widget-title,
.tt-footer-widget a,
.tt-footer-widget p,
.tt-footer-widget span,
.tt-footer-widget li,
.tt-footer-widget address,
.footer-menu a {
    color: #ffffff !important;
}

footer a:hover,
.tt-footer a:hover {
    color: #00d0f4 !important;
}

/* ── 2. "RANGI YA KIJIVU" CANVAS & MAIN SECTIONS ── */
body,
#main-body,
.main-content,
.sec-main,
.container-fluid.main-content,
#content-container,
.fh-promo-sec,
.fh-account-sec,
.fh-cta-section,
.fh-services-section,
.fh-pricing-section,
.fh-testimonials-section,
.fh-announcements-section,
.home-domain-search,
.home-shortcuts,
#order-standard_cart,
.cart-body,
.secondary-cart-body,
.orderform,
.store-order,
#order-checkout {
    background-color: #eaecf0 !important;
    background: #eaecf0 !important;
    color: #111827 !important;
}

/* ── 3. STRICT PROHIBITION: NO WHITE FONTS ON LIGHT/KIJIVU AREAS ── */
h1:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
h2:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
h3:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
h4:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
h5:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
h6:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
.fh-section-title,
.fh-domain-title,
.fh-pricing-title,
.fh-store-title,
.fh-product-name,
.fh-promo-title,
.fh-account-title,
.fh-human-touch-text h4,
.fh-cat-heading,
.fh-slide-info h5,
.fh-service-title,
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
strong:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *),
b:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.footer *) {
    color: #001B41 !important;
}

/* Sacred Footer Titles - Absolute Pure White on Navy Background */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.tt-footer h1, .tt-footer h2, .tt-footer h3, .tt-footer h4, .tt-footer h5, .tt-footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.tt-footer-widget h6,
.tt-footer-widget .widget-title,
.footer-title,
.widgettitle {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Developer Portfolio Button in Footer */
.tt-footer a[href*="portfolio"],
footer a[href*="portfolio"],
.tt-footer .btn-developer,
footer .btn-developer,
a.developer-portfolio-btn {
    border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
.tt-footer a[href*="portfolio"]:hover,
footer a[href*="portfolio"]:hover,
.tt-footer .btn-developer:hover,
footer .btn-developer:hover {
    background: #00d0f4 !important;
    border-color: #00d0f4 !important;
    color: #001433 !important;
}

/* Paragraphs & Standard Body Text */
p:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.fh-btn *):not(.btn-primary *):not([class*="btn"] *),
li:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *):not(.fh-btn *):not(.btn-primary *),
label:not(#header *):not(.fh-single-navbar *):not(footer *):not(.tt-footer *),
.fh-product-desc,
.fh-service-desc,
.fh-human-touch-text p,
.tt-announcement-single p,
.fh-spec-list li {
    color: #111827 !important;
    font-weight: 500;
}

/* Subheadings, Subtitles & Accents */
.fh-section-subtitle,
.fh-store-subtitle,
.fh-price-cycle,
.fh-slide-price-cycle,
.text-muted:not(footer *):not(.tt-footer *),
small.text-muted:not(footer *):not(.tt-footer *),
.tt-date,
.tt-date i {
    color: #0284c7 !important;
}

/* ── 4. UNIVERSAL WIDGET MOUSE HOVER SYSTEM (TRANSITION TO NAVY BLUE #001B41) ── */

/* A. Promo Cards */
.fh-promo-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px rgba(0, 27, 65, 0.04) !important;
    transition: all 0.25s ease !important;
}
.fh-promo-card:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    box-shadow: 0 8px 24px rgba(0, 27, 65, 0.35) !important;
    transform: translateY(-3px) !important;
}
.fh-promo-card:hover .fh-promo-title,
.fh-promo-card:hover span,
.fh-promo-card:hover p {
    color: #ffffff !important;
}
.fh-promo-card:hover .fh-promo-icon {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #00d0f4 !important;
}

/* B. Account Cards */
.fh-account-card,
a.fh-account-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.05) !important;
    transition: all 0.25s ease !important;
    color: #001B41 !important;
}
.fh-account-card:hover,
a.fh-account-card:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    box-shadow: 0 10px 28px rgba(0, 27, 65, 0.35) !important;
    transform: translateY(-4px) !important;
}
.fh-account-card:hover .fh-account-title,
.fh-account-card:hover span,
a.fh-account-card:hover .fh-account-title,
a.fh-account-card:hover span {
    color: #ffffff !important;
}
.fh-account-card:hover .fh-acc-icon,
a.fh-account-card:hover .fh-acc-icon {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #00d0f4 !important;
}

/* C. Support Box Buttons (Need Help? 24/7) */
.fh-support-item,
a.fh-support-item {
    background: #001B41 !important;
    border: 2px solid #001B41 !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    padding: 13px 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.25) !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
.fh-support-item i,
a.fh-support-item i {
    color: #00d0f4 !important;
    font-size: 1.2rem !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}
.fh-support-item span,
a.fh-support-item span {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 0.96rem !important;
    letter-spacing: -0.2px !important;
    transition: color 0.2s ease !important;
}
.fh-support-item:hover,
a.fh-support-item:hover {
    background: #001433 !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 27, 65, 0.45) !important;
    transform: translateY(-2px) !important;
}
.fh-support-item:hover i,
a.fh-support-item:hover i {
    color: #ffffff !important;
    transform: scale(1.1) !important;
}
.fh-support-item:hover span,
a.fh-support-item:hover span {
    color: #ffffff !important;
}

/* D. Consulting / Architectural CTA Buttons */
.fh-cta-widget-btn,
.fh-human-touch-right a {
    background: #001B41 !important;
    border: 2px solid #001B41 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-weight: 800 !important;
    font-size: 0.94rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
}
.fh-cta-widget-btn i,
.fh-human-touch-right a i {
    color: #00d0f4 !important;
    font-size: 1.05rem !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}
.fh-cta-widget-btn span,
.fh-human-touch-right a span {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.fh-cta-widget-btn:hover,
.fh-human-touch-right a:hover {
    border-color: #00d0f4 !important;
    background: #001433 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 27, 65, 0.4) !important;
}
.fh-cta-widget-btn:hover i,
.fh-human-touch-right a:hover i {
    color: #ffffff !important;
    transform: scale(1.1) !important;
}
.fh-cta-widget-btn:hover span,
.fh-human-touch-right a:hover span {
    color: #ffffff !important;
}

/* E. Services Category Filter Pills */
.fh-cat-btn {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(0, 27, 65, 0.04) !important;
}
.fh-cat-btn span {
    color: #001B41 !important;
}
.fh-cat-btn i {
    color: #0284c7 !important;
    transition: color 0.2s ease !important;
}
.fh-cat-btn:hover,
.fh-cat-btn.active {
    background: #001B41 !important;
    border-color: #001B41 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 27, 65, 0.3) !important;
    transform: translateY(-1px) !important;
}
.fh-cat-btn:hover span,
.fh-cat-btn.active span,
.fh-cat-btn:hover i,
.fh-cat-btn.active i {
    color: #ffffff !important;
}

/* F. Service Cards & Action Buttons */
.fh-service-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    transition: all 0.3s ease !important;
}
.fh-service-card:hover {
    border-color: #001B41 !important;
    box-shadow: 0 15px 35px rgba(0, 27, 65, 0.15) !important;
    transform: translateY(-5px) !important;
}
.fh-card-action-btn,
a.fh-card-action-btn {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
}
.fh-card-action-btn span,
a.fh-card-action-btn span {
    color: #001B41 !important;
}
.fh-card-action-btn i,
a.fh-card-action-btn i {
    color: #0284c7 !important;
}
.fh-service-card:hover .fh-card-action-btn,
.fh-card-action-btn:hover,
a.fh-card-action-btn:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(0, 27, 65, 0.3) !important;
}
.fh-service-card:hover .fh-card-action-btn *,
.fh-card-action-btn:hover *,
a.fh-card-action-btn:hover * {
    color: #ffffff !important;
}

/* G. Domain Search & Transfer Badges */
.fh-domain-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    box-shadow: 0 8px 30px rgba(0, 27, 65, 0.06) !important;
    border-radius: 18px !important;
    padding: 24px !important;
}
.fh-domain-btn-search,
#btnDomainSearch,
#btnDomainSearch2,
button.fh-domain-btn-search {
    background: #001B41 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.2s ease !important;
}
.fh-domain-btn-search:hover,
#btnDomainSearch:hover,
#btnDomainSearch2:hover,
button.fh-domain-btn-search:hover {
    background: #001433 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.3) !important;
}
.fh-domain-btn-transfer,
#btnTransfer,
#btnTransfer2,
button.fh-domain-btn-transfer {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.2s ease !important;
}
.fh-domain-btn-transfer:hover,
#btnTransfer:hover,
#btnTransfer2:hover,
button.fh-domain-btn-transfer:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    color: #ffffff !important;
}
.fh-tld-badge {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #111827 !important;
    font-weight: 600 !important;
}
.fh-tld-badge strong {
    color: #0284c7 !important;
}
.fh-tld-badge:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    color: #ffffff !important;
}
.fh-tld-badge:hover strong {
    color: #ffffff !important;
}

/* H. Slide Item Product Cards (Popular Packages Slider) */
.fh-slide-item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.04) !important;
    transition: all 0.3s ease !important;
}
.fh-slide-item:hover {
    background: #001B41 !important;
    border-color: #001B41 !important;
    box-shadow: 0 10px 25px rgba(0, 27, 65, 0.3) !important;
    transform: translateY(-4px) !important;
}
.fh-slide-item:hover h5,
.fh-slide-item:hover .fh-slide-price-amt {
    color: #ffffff !important;
}
.fh-slide-item:hover p,
.fh-slide-item:hover .fh-slide-price-cycle {
    color: #93c5fd !important;
}

/* I. Announcements Cards & Read More */
.tt-announcement-single {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    transition: all 0.3s ease !important;
}
.tt-announcement-single:hover {
    border-color: #001B41 !important;
    box-shadow: 0 12px 35px rgba(0, 27, 65, 0.18) !important;
    transform: translateY(-4px) !important;
}
.tt-announcement-single .tt-read-more:hover {
    background: #001B41 !important;
    box-shadow: 0 4px 15px rgba(0, 27, 65, 0.4) !important;
    color: #ffffff !important;
}

/* J. Testimonial Cards on Light Canvas */
.tt-testimonial-item,
.fh-testimonial-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    color: #111827 !important;
}
.tt-testimonial-item p,
.fh-testimonial-card p {
    color: #111827 !important;
}
.tt-testimonial-item:hover,
.fh-testimonial-card:hover {
    border-color: #001B41 !important;
    box-shadow: 0 10px 28px rgba(0, 27, 65, 0.15) !important;
    transform: translateY(-3px) !important;
}

/* K. Store Category Sidebar & Product Cards */
#order-standard_cart .cart-sidebar,
.cart-sidebar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#order-standard_cart .cart-body {
    float: none !important;
}

#order-standard_cart .fh-store-header,
.fh-store-header {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
}

#order-standard_cart .fh-categories-card,
.fh-categories-card,
#order-standard_cart .card-sidebar,
#order-standard_cart .panel-sidebar {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    margin-bottom: 24px !important;
}

#order-standard_cart .fh-cat-heading,
.fh-cat-heading {
    color: #001B41 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    padding: 8px 6px 14px 6px !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .cart-sidebar a.list-group-item,
#order-standard_cart .fh-categories-card .list-group-item,
#order-standard_cart .fh-categories-card a.list-group-item,
.cart-sidebar .list-group-item,
.cart-sidebar a.list-group-item {
    background: #ffffff !important;
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar a.list-group-item:hover,
#order-standard_cart .fh-categories-card .list-group-item:hover,
#order-standard_cart .fh-categories-card a.list-group-item:hover,
.cart-sidebar .list-group-item:hover,
.cart-sidebar a.list-group-item:hover {
    background: #001B41 !important;
    color: #ffffff !important;
    border-color: #001B41 !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
    transform: translateX(3px) !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover *,
#order-standard_cart .cart-sidebar a.list-group-item:hover *,
#order-standard_cart .fh-categories-card .list-group-item:hover *,
#order-standard_cart .fh-categories-card a.list-group-item:hover *,
.cart-sidebar .list-group-item:hover *,
.cart-sidebar a.list-group-item:hover * {
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar a.list-group-item.active,
#order-standard_cart .fh-categories-card .list-group-item.active,
#order-standard_cart .fh-categories-card a.list-group-item.active,
.cart-sidebar .list-group-item.active,
.cart-sidebar a.list-group-item.active {
    background: #001B41 !important;
    color: #ffffff !important;
    border-color: #001B41 !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active *,
#order-standard_cart .fh-categories-card .list-group-item.active *,
.cart-sidebar .list-group-item.active * {
    color: #ffffff !important;
}

/* Product Cards */
#order-standard_cart .fh-product-card,
.fh-product-card,
#order-standard_cart .products .product,
#order-standard_cart .products .package,
#order-standard_cart .product-card,
#order-standard_cart .package-item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 18px !important;
    padding: 26px !important;
    box-shadow: 0 4px 20px rgba(0, 27, 65, 0.05) !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

#order-standard_cart .fh-product-card:hover,
.fh-product-card:hover,
#order-standard_cart .products .product:hover,
#order-standard_cart .products .package:hover {
    border-color: #001B41 !important;
    box-shadow: 0 12px 35px rgba(0, 27, 65, 0.18) !important;
    transform: translateY(-4px) !important;
}

#order-standard_cart .fh-price-amount,
.fh-price-amount,
#order-standard_cart .products .product .price,
#order-standard_cart .product-pricing .price,
#order-standard_cart .package-price {
    color: #001B41 !important;
    font-size: 1.95rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}

#order-standard_cart .fh-btn-order,
.fh-btn-order,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-primary {
    background: #001B41 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    width: 100% !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .fh-btn-order:hover,
.fh-btn-order:hover,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-primary:hover {
    background: #001433 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 27, 65, 0.45) !important;
    transform: translateY(-2px) !important;
}

#order-standard_cart .fh-btn-order *,
.fh-btn-order * {
    color: #ffffff !important;
}

/* J. Feature Ticker on Hero Section */
.fh-3d-ticker-wrap {
    background: #eaecf0 !important;
    border-top: 1.5px solid #cbd5e1 !important;
    border-bottom: 1.5px solid #cbd5e1 !important;
    padding: 12px 0 !important;
}
.fh-3d-ticker-wrap::before {
    background: linear-gradient(to right, #eaecf0, transparent) !important;
}
.fh-3d-ticker-wrap::after {
    background: linear-gradient(to left, #eaecf0, transparent) !important;
}
.fh-ticker-tag {
    color: #001B41 !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
}
.fh-ticker-tag i {
    color: #0284c7 !important;
}
.fh-ticker-dot {
    background: #94a3b8 !important;
}

/* K. Floating Sticky Sales Banner */
.fh-sticky-banner {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 10px 30px rgba(0, 27, 65, 0.18) !important;
}
.fh-sticky-banner h4,
.fh-banner-content h4 {
    color: #001B41 !important;
    font-weight: 800 !important;
}
.fh-sticky-banner p,
.fh-banner-content p {
    color: #111827 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}
.fh-sticky-banner .btn,
.fh-banner-action .btn {
    background: #001B41 !important;
    border: 2px solid #001B41 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
}
.fh-sticky-banner .btn:hover,
.fh-banner-action .btn:hover {
    background: #001433 !important;
    border-color: #00d0f4 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 27, 65, 0.4) !important;
}

/* ==========================================================================
   SECTION L: NAVBAR CENTERING (DESKTOP) & SACRED TOOLBAR INTEGRITY
   Main menus + Logo centered together in the middle of navbar
   Search icon, Register, Login, Cart buttons remain untouched on the right
   ========================================================================== */
@media (min-width: 1200px) {
    .fh-single-navbar .container-fluid {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 52px !important;
    }
    .fh-nav-brand-menu-group {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        gap: 16px !important;
    }
    .fh-nav-brand-menu-group .navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .fh-nav-brand-menu-group .navbar-brand img {
        max-height: 40px !important;
        width: auto !important;
    }
    .fh-nav-brand-menu-group #nav {
        margin: 0 !important;
    }
    .fh-single-navbar .tt-main-header {
        position: absolute !important;
        right: 24px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .fh-single-navbar .navbar-nav > li > a {
        padding: 6px 9px !important;
        font-size: 0.85rem !important;
    }
    .fh-nav-brand-menu-group {
        gap: 8px !important;
    }
    .fh-portfolio-pill {
        padding: 4px 10px !important;
        font-size: 0.82rem !important;
    }
}

/* ==========================================================================
   SECTION M: UNIVERSAL SIDEBARS (ANNOUNCEMENTS, KB, TICKETS, CLIENTAREA)
   White cards on Kijivu Canvas with crisp Navy headers and readable items
   ========================================================================== */
.sidebar .card,
.sidebar-panel .card,
.panel-sidebar,
.card.card-sidebar,
.card-sidebar {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    margin-bottom: 24px !important;
}
.sidebar .card-header,
.panel-sidebar .panel-heading,
.card-sidebar .card-header {
    background: #f8fafc !important;
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 0.98rem !important;
    border-bottom: 1.5px solid #cbd5e1 !important;
    padding: 14px 18px !important;
}
.sidebar .card-header *,
.panel-sidebar .panel-heading *,
.card-sidebar .card-header * {
    color: #001B41 !important;
    font-weight: 800 !important;
}
.sidebar .card-minimise,
.card-sidebar .card-minimise {
    color: #64748b !important;
}
.sidebar .card-body,
.card-sidebar .card-body {
    background: #ffffff !important;
    color: #111827 !important;
}
.sidebar .list-group,
.card-sidebar .list-group {
    background: #ffffff !important;
}
.sidebar .list-group-item,
.panel-sidebar .list-group-item,
.card-sidebar .list-group-item {
    background: #ffffff !important;
    border-color: #f1f5f9 !important;
    color: #001B41 !important;
    padding: 12px 18px !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}
.sidebar .list-group-item *,
.panel-sidebar .list-group-item *,
.card-sidebar .list-group-item * {
    color: #001B41 !important;
}
.sidebar .list-group-item:hover,
.panel-sidebar .list-group-item:hover,
.card-sidebar .list-group-item:hover {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
    padding-left: 22px !important;
}
.sidebar .list-group-item:hover *,
.panel-sidebar .list-group-item:hover *,
.card-sidebar .list-group-item:hover * {
    color: #0284c7 !important;
}
.sidebar .list-group-item.active,
.panel-sidebar .list-group-item.active,
.card-sidebar .list-group-item.active {
    background: #001B41 !important;
    color: #ffffff !important;
    border-color: #001B41 !important;
}
.sidebar .list-group-item.active *,
.panel-sidebar .list-group-item.active *,
.card-sidebar .list-group-item.active * {
    color: #ffffff !important;
}
.sidebar .badge,
.card-sidebar .badge {
    background: #001B41 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 4px 10px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}
.sidebar .list-group-item.active .badge,
.card-sidebar .list-group-item.active .badge {
    background: #ffffff !important;
    color: #001B41 !important;
}

/* ==========================================================================
   SECTION N: ANNOUNCEMENTS & SINGLE ANNOUNCEMENT CARDS
   ========================================================================== */
.fh-announcements-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}
.fh-announcement-card,
.announcement-single,
.fh-single-announcement-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    color: #111827 !important;
    padding: 26px 30px !important;
    transition: all 0.25s ease !important;
}
.fh-announcement-card:hover {
    border-color: #94a3b8 !important;
    box-shadow: 0 10px 30px rgba(0, 27, 65, 0.1) !important;
    transform: translateY(-2px) !important;
}
.fh-announcement-title,
.fh-single-announcement-title {
    color: #001B41 !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}
.fh-announcement-title a {
    color: #001B41 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}
.fh-announcement-title a:hover {
    color: #0284c7 !important;
}
.fh-announcement-date,
.fh-single-announcement-badge {
    color: #001B41 !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 5px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.fh-announcement-date i,
.fh-single-announcement-badge i {
    color: #0284c7 !important;
}
.fh-announcement-body,
.fh-announcement-body p,
.fh-single-announcement-content,
.fh-single-announcement-content p {
    color: #111827 !important;
    line-height: 1.7 !important;
}
.fh-announcement-action,
.fh-btn-back {
    background: #001B41 !important;
    color: #ffffff !important;
    border: 2px solid #001B41 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 9px 22px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 27, 65, 0.2) !important;
    transition: all 0.25s ease !important;
}
.fh-announcement-action:hover,
.fh-btn-back:hover {
    background: #001433 !important;
    border-color: #001433 !important;
    color: #ffffff !important;
    transform: translateX(3px) translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 27, 65, 0.35) !important;
}

/* ==========================================================================
   SECTION O: KNOWLEDGEBASE SEARCH, CATEGORIES & POPULAR ARTICLES
   ========================================================================== */
.kb-search,
.tt-kb-search,
.fh-kb-search-wrap,
.p-lg-5.p-md-5.p-3.bg-gray-light.tt-rounded {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    padding: 24px !important;
}
.kb-search .form-control,
#inputKnowledgebaseSearch {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
}
.kb-search .form-control:focus,
#inputKnowledgebaseSearch:focus {
    background: #ffffff !important;
    border-color: #0284c7 !important;
    color: #001B41 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}
.kb-search button[type="submit"],
#btnKnowledgebaseSearch {
    background: #001B41 !important;
    border: 1.5px solid #001B41 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
}
.kb-search button[type="submit"]:hover,
#btnKnowledgebaseSearch:hover {
    background: #001433 !important;
    border-color: #001433 !important;
    color: #ffffff !important;
}
.card.kb-category {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.04) !important;
    transition: all 0.25s ease !important;
}
.card.kb-category:hover {
    border-color: #94a3b8 !important;
    box-shadow: 0 8px 24px rgba(0, 27, 65, 0.08) !important;
    transform: translateY(-2px) !important;
}
.card.kb-category .h6,
.card.kb-category .h5 {
    color: #001B41 !important;
    font-weight: 800 !important;
}
.card.kb-category .badge {
    background: #001B41 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 5px 12px !important;
    font-weight: 700 !important;
}
.card.kb-category p {
    color: #4b5563 !important;
}
.kb-article-item {
    background: #ffffff !important;
    border-color: #f1f5f9 !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.kb-article-item:hover {
    background: #f8fafc !important;
    color: #0284c7 !important;
    padding-left: 26px !important;
}

/* ==========================================================================
   SECTION P: AUTHENTICATION (LOGIN & REGISTRATION) MASTER OVERHAUL
   Converting dark navy boxes into stunning, modern white cards
   ========================================================================== */
.tt-form-wrap {
    background: transparent !important;
    padding: 35px 0 !important;
}
.tt-form-container,
.logincontainer,
.login-container,
#registration,
.tt-registration-form {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 35px rgba(0, 27, 65, 0.08) !important;
    color: #111827 !important;
    overflow: hidden !important;
}
.tt-form-content {
    background: #ffffff !important;
    color: #111827 !important;
    padding: 40px !important;
}
.tt-form-content h1,
.tt-form-content h2,
.tt-form-content h3,
.tt-form-content h4,
#registration h1,
#registration h2,
#registration h3,
#registration h4,
.login-form h1,
.login-form h2,
.login-form h3,
.login-form h4 {
    color: #001B41 !important;
    font-weight: 800 !important;
}
.tt-form-content p,
#registration p,
.login-form p {
    color: #4b5563 !important;
}
.tt-form-content label,
#registration label,
.login-form label,
.form-control-label {
    color: #001B41 !important;
    font-weight: 700 !important;
}
.tt-form-wrap .form-control,
.tt-registration-form .form-control,
#registration .form-control,
#registration input.field,
#registration select.field,
.login-form .form-control,
.tt-form-content .form-control {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}
.tt-form-wrap .form-control:focus,
.tt-registration-form .form-control:focus,
#registration .form-control:focus,
#registration input.field:focus,
#registration select.field:focus,
.login-form .form-control:focus,
.tt-form-content .form-control:focus {
    background: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    color: #001B41 !important;
}
.tt-form-wrap .input-group-text,
.tt-registration-form .input-group-text,
#registration .input-group-text,
.login-form .input-group-text,
.tt-form-content .input-group-text,
#registration .field-icon,
#registration label.field-icon {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
}
.tt-form-wrap .input-group-text i,
.tt-registration-form .input-group-text i,
#registration .input-group-text i,
.login-form .input-group-text i,
.tt-form-content .input-group-text i,
#registration .field-icon i,
#registration label.field-icon i {
    color: #001B41 !important;
}
#login,
.tt-form-content #login,
#registration input[type="submit"],
.login-form button[type="submit"] {
    background: #001B41 !important;
    border: 2px solid #001B41 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
    border-radius: 8px !important;
    padding: 12px 34px !important;
    transition: all 0.25s ease !important;
}
#login:hover,
.tt-form-content #login:hover,
#registration input[type="submit"]:hover,
.login-form button[type="submit"]:hover {
    background: #001433 !important;
    border-color: #001433 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 27, 65, 0.45) !important;
    transform: translateY(-2px) !important;
}
.tt-form-content a,
#registration a,
.login-form a {
    color: #0284c7 !important;
    font-weight: 600 !important;
}
.tt-form-content a:hover,
#registration a:hover,
.login-form a:hover {
    color: #0369a1 !important;
    text-decoration: underline !important;
}

/* ── Centered Navbar Strict Dimensions & No-Collision Rules ── */
.fh-single-navbar .navbar-nav > li > a {
    font-size: 0.83rem !important;
    padding: 6px 8px !important;
    white-space: nowrap !important;
}
.fh-portfolio-pill,
.fh-single-navbar .navbar-nav > li[menuitemname="Portfolio"] > a,
.fh-single-navbar .navbar-nav > li > a[href*="portfolio"],
li[menuitemname="Portfolio"] > a {
    padding: 4px 11px !important;
    font-size: 0.8rem !important;
    white-space: nowrap !important;
}
@media (min-width: 1200px) {
    .fh-nav-brand-menu-group {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        gap: 8px !important;
        max-width: calc(100% - 380px) !important;
    }
    .fh-single-navbar .navbar-nav > li > a {
        padding: 5px 6px !important;
        font-size: 0.80rem !important;
    }
    .fh-portfolio-pill,
    .fh-single-navbar .navbar-nav > li[menuitemname="Portfolio"] > a,
    .fh-single-navbar .navbar-nav > li > a[href*="portfolio"],
    li[menuitemname="Portfolio"] > a {
        padding: 3px 8px !important;
        font-size: 0.76rem !important;
    }
}

/* ── Universal High-Contrast Inputs & Visible Placeholders ── */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
.form-control::-moz-placeholder,
input::placeholder,
textarea::placeholder,
select::placeholder,
.form-control::placeholder,
#inputEmail::placeholder,
#inputPassword::placeholder,
.pw-input::placeholder,
#inputKnowledgebaseSearch::placeholder,
#registration input::placeholder,
.tt-registration-form input::placeholder {
    color: #334155 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

#registration input[type="tel"],
#registration #inputPhone {
    padding-left: 80px !important;
}
#registration .form-group:has(#inputPhone) .field-icon,
#registration .form-group:has(input[type="tel"]) .field-icon {
    display: none !important;
}

/* Ensure no text is ever absorbed or hidden under field icons in Registration */
#registration .field-icon,
#registration label.field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #001B41 !important;
    font-size: 1.05rem !important;
    z-index: 10 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#registration .form-group.prepend-icon {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
#registration .form-group.prepend-icon input,
#registration .form-group.prepend-icon select,
#registration input.field,
#registration select.field,
#registration input.form-control,
#registration select.form-control {
    padding-left: 48px !important;
    padding-right: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 10px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #f8fafc !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    width: 100% !important;
    height: auto !important;
}

/* Knowledgebase search input icon padding & visibility */
.fh-kb-search-wrap .form-control,
.fh-kb-search-wrap input#inputKnowledgebaseSearch,
#inputKnowledgebaseSearch {
    padding-left: 52px !important;
    padding-right: 20px !important;
}
.fh-kb-search-wrap .tt-search-field i {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #001B41 !important;
    font-size: 1.15rem !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Password reveal button contrast */
.tt-form-content .btn-reveal-pw i,
.btn-reveal-pw i {
    color: #001B41 !important;
}

/* ==========================================================================
   SECTION S: FELLAHOST MODERN STORE & PRODUCT CARDS (VICE VERSA ENGINE)
   3-PACKAGE HORIZONTAL COMPACT ARRANGEMENT
   ========================================================================== */
#order-standard_cart {
    padding: 15px 0 60px 0;
    background: #eaecf0 !important;
}

#order-standard_cart .fh-cart-sidebar,
#fh-sidebar-categories,
.fh-cart-sidebar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 5 !important;
}

#order-standard_cart .cart-body {
    float: none !important;
}

#order-standard_cart .fh-store-header {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 22px 26px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
}

#order-standard_cart .fh-store-title,
#order-standard_cart h1.fh-store-title {
    color: #001B41 !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.4px !important;
    display: block !important;
}

#order-standard_cart .fh-store-subtitle,
#order-standard_cart p.fh-store-subtitle {
    color: #0284c7 !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    margin: 0 !important;
    display: block !important;
}

#order-standard_cart .fh-categories-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    margin-bottom: 24px !important;
    display: block !important;
}

#order-standard_cart .fh-cat-heading {
    color: #001B41 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    padding: 4px 4px 14px 4px !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#order-standard_cart .fh-cat-heading i {
    color: #0284c7 !important;
}

#order-standard_cart .fh-categories-card .panel-sidebar,
#order-standard_cart .fh-categories-card .card-sidebar {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: block !important;
}

#order-standard_cart .fh-categories-card .panel-heading,
#order-standard_cart .fh-categories-card .card-header {
    display: none !important;
}

#order-standard_cart .fh-categories-card .panel-body,
#order-standard_cart .fh-categories-card .card-body {
    padding: 0 !important;
    background: transparent !important;
}

#order-standard_cart .fh-categories-card .list-group {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .fh-categories-card .list-group-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin-bottom: 7px !important;
    padding: 10px 14px !important;
    color: #111827 !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .fh-categories-card .list-group-item:hover {
    background: #f0f9ff !important;
    border-color: #0284c7 !important;
    color: #001B41 !important;
    transform: translateX(4px) !important;
}

#order-standard_cart .fh-categories-card .list-group-item.active,
#order-standard_cart .fh-categories-card .list-group-item.active:hover {
    background: #001B41 !important;
    color: #ffffff !important;
    border-color: #001B41 !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.25) !important;
}

#order-standard_cart .fh-categories-card .list-group-item.active i,
#order-standard_cart .fh-categories-card .list-group-item.active span {
    color: #ffffff !important;
}

#order-standard_cart .fh-categories-card .list-group-item .badge {
    background: #e0f2fe !important;
    color: #0284c7 !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
}

#order-standard_cart .fh-categories-card .list-group-item.active .badge,
#order-standard_cart .fh-categories-card .list-group-item:hover .badge {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

#order-standard_cart .fh-products-row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

#order-standard_cart .fh-products-row > [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

#order-standard_cart .fh-product-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 18px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.05) !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .fh-product-card:hover {
    border-color: #001B41 !important;
    box-shadow: 0 10px 30px rgba(0, 27, 65, 0.15) !important;
    transform: translateY(-3px) !important;
}

#order-standard_cart .fh-card-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

#order-standard_cart .fh-card-actions {
    margin-top: 14px !important;
}

#order-standard_cart .fh-product-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: #e0f2fe !important;
    color: #0284c7 !important;
    border: 1px solid #bae6fd !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    margin-bottom: 8px !important;
    width: fit-content !important;
}

#order-standard_cart .fh-product-name,
#order-standard_cart h2.fh-product-name {
    color: #001B41 !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    min-height: 42px !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.2px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    visibility: visible !important;
}

#order-standard_cart .fh-pricing-block {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 9px 11px !important;
    margin-bottom: 11px !important;
}

#order-standard_cart .fh-price-amount {
    color: #001B41 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
}

#order-standard_cart .fh-price-cycle {
    color: #0284c7 !important;
    font-weight: 500 !important;
    font-size: 0.78rem !important;
}

#order-standard_cart .fh-product-desc {
    color: #111827 !important;
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
    margin-bottom: 14px !important;
    flex-grow: 1 !important;
}

#order-standard_cart .fh-product-desc h3,
#order-standard_cart .fh-product-desc h4 {
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    color: #001B41 !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.2px !important;
    display: block !important;
}

#order-standard_cart .fh-product-desc strong,
#order-standard_cart .fh-product-desc b {
    color: #001B41 !important;
    font-weight: 800 !important;
}

#order-standard_cart .fh-product-desc p {
    font-size: 0.76rem !important;
    line-height: 1.32 !important;
    margin-bottom: 6px !important;
    color: #374151 !important;
}

#order-standard_cart .fh-product-desc ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .fh-product-desc ul li {
    position: relative !important;
    padding-left: 17px !important;
    margin-bottom: 4px !important;
    color: #111827 !important;
    font-size: 0.77rem !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    word-break: break-word !important;
}

#order-standard_cart .fh-product-desc ul li::before {
    content: "\2713 " !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #0284c7 !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    line-height: 1.32 !important;
}

#order-standard_cart .fh-btn-order {
    background: linear-gradient(135deg, #0284c7 0%, #001B41 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.84rem !important;
    padding: 8px 14px !important;
    border-radius: 50px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    width: 100% !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart .fh-btn-order:hover {
    background: linear-gradient(135deg, #0369a1 0%, #001433 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-2px) !important;
}

#order-standard_cart .fh-btn-order span,
#order-standard_cart .fh-btn-order i {
    color: #ffffff !important;
    font-size: 0.8rem !important;
}

/* 3-PACKAGE COMPACT RULES */
#order-standard_cart .fh-col-3pack .fh-product-card {
    padding: 18px 14px !important;
    border-radius: 14px !important;
}

#order-standard_cart .fh-col-3pack .fh-product-badge {
    font-size: 0.65rem !important;
    padding: 2px 7px !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .fh-col-3pack .fh-product-name,
#order-standard_cart .fh-col-3pack h2.fh-product-name {
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    min-height: 42px !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.2px !important;
}

#order-standard_cart .fh-col-3pack .fh-pricing-block {
    padding: 9px 11px !important;
    margin-bottom: 11px !important;
    border-radius: 10px !important;
}

#order-standard_cart .fh-col-3pack .fh-price-amount {
    font-size: 1.4rem !important;
    letter-spacing: -0.3px !important;
}

#order-standard_cart .fh-col-3pack .fh-price-cycle {
    font-size: 0.78rem !important;
}

#order-standard_cart .fh-col-3pack .fh-product-desc {
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
    margin-bottom: 14px !important;
}

#order-standard_cart .fh-col-3pack .fh-product-desc h3,
#order-standard_cart .fh-col-3pack .fh-product-desc h4 {
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    color: #001B41 !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.2px !important;
    display: block !important;
}

#order-standard_cart .fh-col-3pack .fh-product-desc p {
    font-size: 0.76rem !important;
    line-height: 1.32 !important;
    margin-bottom: 6px !important;
    color: #374151 !important;
}

#order-standard_cart .fh-col-3pack .fh-product-desc ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .fh-col-3pack .fh-product-desc ul li {
    position: relative !important;
    padding-left: 17px !important;
    margin-bottom: 4px !important;
    color: #111827 !important;
    font-size: 0.77rem !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    word-break: break-word !important;
}

#order-standard_cart .fh-col-3pack .fh-product-desc ul li::before {
    content: "\2713 " !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #0284c7 !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    line-height: 1.32 !important;
}

#order-standard_cart .fh-col-3pack .fh-btn-order {
    padding: 8px 14px !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    gap: 6px !important;
}

#order-standard_cart .fh-col-3pack .fh-btn-order i {
    font-size: 0.8rem !important;
}


/* ==========================================================================
   FELLAHOST MODERN VICE-VERSA PURCHASING FLOW & SHOPPING CART ENGINE
   Canvas: #eaecf0 | Cards: #ffffff | Headings: #001B41 | Body: #111827
   Accents: #0284c7 | Order: Gradient Blue | Checkout: Emerald #10b981
   ========================================================================== */

/* 1. Global Order Form Canvas & Layout */
#order-standard_cart,
.order-form,
.view-cart,
.configure-product {
    background: #eaecf0 !important;
    color: #111827 !important;
}

#order-standard_cart .header-lined {
    border-bottom: 2px solid #cbd5e1 !important;
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
}

#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
#order-standard_cart .header-lined h3,
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
.view-cart h1,
.view-cart h2,
.view-cart h3,
.configure-product h1,
.configure-product h2,
.configure-product h3 {
    color: #001B41 !important;
    font-weight: 800 !important;
    letter-spacing: -0.4px !important;
}

#order-standard_cart p,
#order-standard_cart .lead,
#order-standard_cart .tagline {
    color: #475569 !important;
}

/* 2. DOMAIN SELECTION STEP (cart.php?a=add & Choose a Domain...) */
#order-standard_cart .domain-selection-options,
.domain-selection-options {
    margin-bottom: 24px !important;
}

#order-standard_cart .domain-selection-options .option,
.domain-selection-options .option,
#order-standard_cart #domainregister,
#order-standard_cart #domaintransfer,
#order-standard_cart #domainowndomain,
#order-standard_cart #domaincustom,
#order-standard_cart .panel-default {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .domain-selection-options .option:hover,
#order-standard_cart .domain-selection-options .option.active,
.domain-selection-options .option:hover,
.domain-selection-options .option.active {
    border-color: #0284c7 !important;
    background: #ffffff !important;
    box-shadow: 0 6px 22px rgba(2, 132, 199, 0.12) !important;
}

#order-standard_cart .domain-selection-options label,
.domain-selection-options label,
#order-standard_cart .radio label,
#order-standard_cart .checkbox label,
#order-standard_cart .radio-inline,
#order-standard_cart .domain-selection-options .option label {
    color: #001B41 !important;
    font-weight: 700 !important;
    font-size: 0.96rem !important;
    cursor: pointer !important;
}

#order-standard_cart .domain-selection-options .option .domain-input-group,
#order-standard_cart .domain-input-group {
    margin-top: 14px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#order-standard_cart input[type="text"].form-control,
#order-standard_cart input[type="password"].form-control,
#order-standard_cart input[type="email"].form-control,
#order-standard_cart input.form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
.domain-input-group input.form-control {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

#order-standard_cart input.form-control:focus,
#order-standard_cart select.form-control:focus,
#order-standard_cart textarea.form-control:focus {
    border-color: #0284c7 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    color: #001B41 !important;
}

#order-standard_cart input::placeholder,
#order-standard_cart textarea::placeholder {
    color: #64748b !important;
    font-weight: 500 !important;
}

#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-text {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 700 !important;
}

#order-standard_cart #btnDomainSubmit,
#order-standard_cart .btn-domain-submit,
#order-standard_cart #domainowndomain button[type="submit"],
#order-standard_cart #domainregister button[type="submit"],
#order-standard_cart #domaintransfer button[type="submit"] {
    background: linear-gradient(135deg, #0284c7 0%, #001B41 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #btnDomainSubmit:hover,
#order-standard_cart .btn-domain-submit:hover,
#order-standard_cart #domainowndomain button[type="submit"]:hover {
    background: linear-gradient(135deg, #0369a1 0%, #001433 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-2px) !important;
}

#order-standard_cart .domain-lookup-loader {
    color: #0284c7 !important;
}

/* 3. CONFIGURE PRODUCT STEP (cart.php?a=confproduct&i=...) */
#order-standard_cart .product-info,
.product-info {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
}

#order-standard_cart .product-info h2,
#order-standard_cart .product-info h3,
#order-standard_cart .product-info .product-title,
.product-info h2,
.product-info h3,
.product-info .product-title {
    color: #001B41 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.3px !important;
}

#order-standard_cart .product-info p,
.product-info p {
    color: #374151 !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
}

#order-standard_cart .product-info ul,
.product-info ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .product-info ul li,
.product-info ul li {
    position: relative !important;
    padding-left: 22px !important;
    margin-bottom: 6px !important;
    color: #111827 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

#order-standard_cart .product-info ul li::before,
.product-info ul li::before {
    content: "\2713 " !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #0284c7 !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
}

/* Billing Cycles & Configurable Options Containers */
#order-standard_cart .field-container,
.field-container,
#order-standard_cart #billingCycles,
#order-standard_cart .sub-heading,
.sub-heading {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading h4,
#order-standard_cart .sub-heading h5,
#order-standard_cart h5.sub-heading,
.sub-heading span,
.sub-heading h4,
.sub-heading h5 {
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    margin-bottom: 12px !important;
    display: block !important;
}

#order-standard_cart .field-container label,
.field-container label {
    color: #001B41 !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
}

/* Billing Cycle Options Cards */
#order-standard_cart .billing-cycle,
#order-standard_cart .cycle-option,
#order-standard_cart #billingCycles .radio-inline,
#order-standard_cart #billingCycles label {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

#order-standard_cart .billing-cycle:hover,
#order-standard_cart .cycle-option:hover,
#order-standard_cart #billingCycles .radio-inline:hover {
    border-color: #0284c7 !important;
    background: #f0f9ff !important;
}

#order-standard_cart .billing-cycle.active,
#order-standard_cart .cycle-option.active,
#order-standard_cart #billingCycles .radio-inline.active,
#order-standard_cart #billingCycles input[type="radio"]:checked + span {
    border-color: #0284c7 !important;
    background: #e0f2fe !important;
    color: #001B41 !important;
    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25) !important;
}

/* Addon boxes */
#order-standard_cart .panel-addon,
#order-standard_cart .addon-item,
.addon-item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
}

#order-standard_cart .panel-addon:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.1) !important;
}

#order-standard_cart .panel-addon .panel-body label {
    color: #001B41 !important;
    font-weight: 700 !important;
}

/* 4. ORDER SUMMARY SIDEBAR (.order-summary & #orderSummary) */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
.order-summary,
#orderSummary,
.summary-container {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 24px 22px !important;
    box-shadow: 0 6px 24px rgba(0, 27, 65, 0.08) !important;
    color: #111827 !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .order-summary h4,
#order-standard_cart .order-summary .header,
#order-standard_cart .order-summary .headline,
#order-standard_cart #orderSummary h2,
#order-standard_cart #orderSummary h3,
#order-standard_cart #orderSummary h4,
#order-standard_cart #orderSummary .header,
#order-standard_cart #orderSummary .headline,
.order-summary h2,
.order-summary h3,
.order-summary .header,
.order-summary .headline {
    color: #001B41 !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.2px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#order-standard_cart .order-summary .product-name,
#order-standard_cart #orderSummary .product-name,
.order-summary .product-name {
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 1.05rem !important;
}

#order-standard_cart .order-summary .product-group,
#order-standard_cart #orderSummary .product-group,
.order-summary .product-group {
    color: #0284c7 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

#order-standard_cart .order-summary .clearfix,
#order-standard_cart #orderSummary .clearfix,
.order-summary .clearfix {
    color: #334155 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .order-summary .summary-totals,
#order-standard_cart #orderSummary .summary-totals {
    border-top: 1.5px solid #e2e8f0 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    padding: 12px 0 !important;
    margin: 14px 0 !important;
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart #orderSummary .total-due-today,
.order-summary .total-due-today {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    margin: 16px 0 !important;
    text-align: center !important;
}

#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart #orderSummary .total-due-today .amt,
.order-summary .total-due-today .amt {
    color: #001B41 !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    display: block !important;
    letter-spacing: -0.5px !important;
}

#order-standard_cart .order-summary .total-due-today span:not(.amt),
#order-standard_cart #orderSummary .total-due-today span:not(.amt),
.order-summary .total-due-today span:not(.amt) {
    color: #64748b !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #orderSummaryLoader button,
#order-standard_cart .order-summary .btn-primary,
#order-standard_cart #orderSummary .btn-primary {
    background: linear-gradient(135deg, #0284c7 0%, #001B41 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.28) !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart .order-summary .btn-primary:hover {
    background: linear-gradient(135deg, #0369a1 0%, #001433 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45) !important;
    transform: translateY(-2px) !important;
}

/* 5. REVIEW & CHECKOUT / VIEW CART (cart.php?a=view) */
#order-standard_cart .view-cart-items-header,
.view-cart-items-header {
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-bottom: none !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 14px 22px !important;
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
}

#order-standard_cart .view-cart-items .item,
.view-cart-items .item,
#order-standard_cart .cart-body .item {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
}

#order-standard_cart .view-cart-items .item-title,
.view-cart-items .item-title {
    color: #001B41 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

#order-standard_cart .view-cart-items .item-group,
.view-cart-items .item-group {
    color: #0284c7 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .view-cart-items .item-price,
.view-cart-items .item-price {
    color: #001B41 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}

#order-standard_cart .view-cart-items .cycle,
.view-cart-items .cycle {
    color: #64748b !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

/* Promo Code Box */
#order-standard_cart .promo-code,
#order-standard_cart #applyPromoCode,
#order-standard_cart .view-cart-promo {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
}

#order-standard_cart #btnValidatePromoCode {
    background: #001B41 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 9px 20px !important;
    border: none !important;
}

#order-standard_cart #btnValidatePromoCode:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
}

/* Green Checkout Button on View Cart */
#order-standard_cart #checkout,
#order-standard_cart .btn-checkout,
.btn-checkout {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart #checkout:hover,
#order-standard_cart .btn-checkout:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 6px 22px rgba(16, 185, 129, 0.5) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* 6. CHECKOUT FORM STEP (cart.php?a=checkout) */
#order-standard_cart #checkout .sub-heading,
#order-standard_cart #checkout .field-container,
#checkout .field-container,
#checkout .panel,
#checkout .card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 22px 26px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 18px rgba(0, 27, 65, 0.04) !important;
    color: #111827 !important;
}

#order-standard_cart #checkout .sub-heading h4,
#order-standard_cart #checkout .sub-heading span,
#checkout h2,
#checkout h3,
#checkout h4,
#checkout .header-lined h1,
#checkout .header-lined h2 {
    color: #001B41 !important;
    font-weight: 800 !important;
}

#order-standard_cart #checkout label,
#checkout label {
    color: #001B41 !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
}

/* Payment Gateway Selector Cards */
#order-standard_cart .payment-methods,
#order-standard_cart .payment-methods label,
#order-standard_cart #paymentGatewaysContainer label,
#checkout .payment-gateway {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    padding: 12px 18px !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #paymentGatewaysContainer label:hover,
#checkout .payment-gateway:hover {
    border-color: #0284c7 !important;
    background: #f0f9ff !important;
}

#order-standard_cart #paymentGatewaysContainer label.active,
#checkout .payment-gateway.active {
    border-color: #0284c7 !important;
    background: #e0f2fe !important;
    color: #001B41 !important;
    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25) !important;
}

/* Existing User / New User Toggle Buttons */
#checkout .btn-group-toggle .btn,
#checkout .account-select-container div.account,
#order-standard_cart .account-select-container div.account {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #001B41 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

#checkout .btn-group-toggle .btn.active,
#checkout .account-select-container div.account.active,
#order-standard_cart .account-select-container div.account.active {
    background: #001B41 !important;
    border-color: #001B41 !important;
    color: #ffffff !important;
}

/* Complete Order Button */
#order-standard_cart #btnCompleteOrder,
#checkout #btnCompleteOrder,
.btn-complete-order {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    padding: 14px 32px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 6px 22px rgba(16, 185, 129, 0.4) !important;
    transition: all 0.25s ease !important;
}

#order-standard_cart #btnCompleteOrder:hover,
#checkout #btnCompleteOrder:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 8px 28px rgba(16, 185, 129, 0.55) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}


/* === POLISH FOR PURCHASING FLOW FORMS & PROMO === */
#order-standard_cart .prepend-icon,
.prepend-icon {
    position: relative !important;
}

#order-standard_cart .prepend-icon .field-icon,
.prepend-icon .field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #64748b !important;
    font-size: 0.95rem !important;
    z-index: 5 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon .form-control,
.prepend-icon .field,
.prepend-icon .form-control {
    padding-left: 42px !important;
}

#order-standard_cart #applyPromo,
#order-standard_cart .promo {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    margin-top: 12px !important;
}

#order-standard_cart #inputPromotionCode {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    padding: 10px 14px !important;
    margin-bottom: 12px !important;
}

#order-standard_cart button[name="validatepromo"],
#order-standard_cart #applyPromo button[type="submit"] {
    background: #0284c7 !important;
    border: 1.5px solid #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart button[name="validatepromo"]:hover,
#order-standard_cart #applyPromo button[type="submit"]:hover {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

/* === STRICT FIX FOR PREPEND ICON PADDING ON CHECKOUT === */
#order-standard_cart .form-group.prepend-icon,
#order-standard_cart .prepend-icon,
.prepend-icon {
    position: relative !important;
}

#order-standard_cart .form-group.prepend-icon .field-icon,
#order-standard_cart .prepend-icon .field-icon,
.prepend-icon .field-icon {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #64748b !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    z-index: 5 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

#order-standard_cart .form-group.prepend-icon input.form-control,
#order-standard_cart .form-group.prepend-icon input.field,
#order-standard_cart .form-group.prepend-icon input,
#order-standard_cart .prepend-icon input[type="text"].form-control,
#order-standard_cart .prepend-icon input[type="password"].form-control,
#order-standard_cart .prepend-icon input[type="email"].form-control,
#order-standard_cart .prepend-icon input[type="tel"].form-control,
#order-standard_cart .prepend-icon select.form-control,
#order-standard_cart .prepend-icon textarea.form-control,
#order-standard_cart .prepend-icon .form-control,
.prepend-icon .form-control {
    padding-left: 48px !important;
}

/* International Phone Input padding fix */
#order-standard_cart #inputPhone,
#order-standard_cart input[name="phonenumber"],
#order-standard_cart .iti input,
.iti input {
    padding-left: 88px !important;
}

/* ==========================================================================
   SECTION N: LOGGED-IN CLIENT NAVBAR & DROPDOWN ENHANCEMENT
   Styling the Account trigger button and dropdown menu to Vice-Versa light standards
   ========================================================================== */
.fh-single-navbar li[menuitemname="Account"] > a,
.fh-single-navbar #Secondary_Navbar-Account > a {
    color: #ffffff !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}
.fh-single-navbar li[menuitemname="Account"] > a:hover,
.fh-single-navbar #Secondary_Navbar-Account > a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
}
.fh-single-navbar li[menuitemname="Account"] .dropdown-menu,
.fh-single-navbar #Secondary_Navbar-Account .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 25px rgba(0, 27, 65, 0.18) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    margin-top: 8px !important;
}
.fh-single-navbar li[menuitemname="Account"] .dropdown-menu .dropdown-item,
.fh-single-navbar #Secondary_Navbar-Account .dropdown-menu .dropdown-item {
    color: #001B41 !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    padding: 8px 16px !important;
    transition: all 0.15s ease !important;
}
.fh-single-navbar li[menuitemname="Account"] .dropdown-menu .dropdown-item:hover,
.fh-single-navbar #Secondary_Navbar-Account .dropdown-menu .dropdown-item:hover {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
    padding-left: 20px !important;
}
.fh-single-navbar li[menuitemname="Account"] .dropdown-divider,
.fh-single-navbar #Secondary_Navbar-Account .dropdown-divider {
    border-top: 1px solid #e2e8f0 !important;
    margin: 6px 0 !important;
}

/* Secondary Navbar Desktop Wrapper strict hidden on mobile */
@media (max-width: 1199.98px) {
    .fh-single-navbar .tt-secondary-list > li.d-none,
    .fh-single-navbar .tt-secondary-list > li.d-xl-block,
    .fh-single-navbar .tt-secondary-list li[menuitemname="Account"],
    .fh-single-navbar #Secondary_Navbar-Account {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

/* Desktop Screen Spacing & Search Collision Prevention */
@media (min-width: 1200px) and (max-width: 1440px) {
    .fh-single-navbar .navbar-nav > li > a {
        padding: 4px 5px !important;
        font-size: 0.77rem !important;
    }
    .fh-nav-brand-menu-group {
        gap: 3px !important;
        max-width: calc(100% - 410px) !important;
    }
    .fh-portfolio-pill,
    .fh-single-navbar .navbar-nav > li[menuitemname="Portfolio"] > a,
    .fh-single-navbar .navbar-nav > li > a[href*="portfolio"],
    li[menuitemname="Portfolio"] > a {
        padding: 2px 7px !important;
        font-size: 0.74rem !important;
    }
    .fh-single-navbar .tt-main-header {
        right: 16px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════
   VICE-VERSA ENHANCEMENTS (v24): ORDER SUMMARY, CONTRAST, BILLING CYCLE, KB, LOGIN, REG
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. ORDER SUMMARY SIDEBAR WIDTH & EXPANSION ── */
@media (min-width: 992px) {
    #order-standard_cart .secondary-cart-sidebar {
        float: right !important;
        width: 40% !important;
        min-width: 360px !important;
        padding-left: 20px !important;
        box-sizing: border-box !important;
    }
    #order-standard_cart .secondary-cart-body {
        float: left !important;
        width: 58% !important;
        margin-right: 2% !important;
        box-sizing: border-box !important;
    }
}

/* ── 2. ORDER SUMMARY CARD HIGH-CONTRAST DESIGN ── */
#order-standard_cart #orderSummary {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 27, 65, 0.08) !important;
}

#order-standard_cart .order-summary {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .order-summary h2 {
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 1.35rem !important;
    margin-bottom: 18px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#order-standard_cart .order-summary .summary-container {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    min-height: 140px !important;
}

#order-standard_cart #producttotal {
    color: #001B41 !important;
}

#order-standard_cart #producttotal .product-name {
    display: block !important;
    color: #001B41 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
}

#order-standard_cart #producttotal .product-group {
    display: inline-block !important;
    color: #0284c7 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#order-standard_cart #producttotal .clearfix {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    color: #1e293b !important;
    font-size: 0.96rem !important;
    font-weight: 600 !important;
}

#order-standard_cart #producttotal .clearfix .pull-left,
#order-standard_cart #producttotal .clearfix .float-left {
    color: #334155 !important;
    font-weight: 600 !important;
    float: none !important;
}

#order-standard_cart #producttotal .clearfix .pull-right,
#order-standard_cart #producttotal .clearfix .float-right {
    color: #001B41 !important;
    font-weight: 800 !important;
    float: none !important;
}

#order-standard_cart #producttotal .summary-totals {
    border-top: 1.5px dashed #cbd5e1 !important;
    border-bottom: 1.5px dashed #cbd5e1 !important;
    margin: 14px 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
}

#order-standard_cart #producttotal .total-due-today {
    background: linear-gradient(135deg, #001B41 0%, #0a326a 100%) !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin-top: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-shadow: 0 6px 20px rgba(0, 27, 65, 0.22) !important;
}

#order-standard_cart #producttotal .total-due-today span {
    color: #93c5fd !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

#order-standard_cart #producttotal .total-due-today .amt {
    color: #ffffff !important;
    font-size: 1.95rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin-bottom: 4px !important;
}

#order-standard_cart #btnCompleteProductConfig {
    width: 100% !important;
    background: #0284c7 !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 1.08rem !important;
    padding: 15px 24px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35) !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

#order-standard_cart #btnCompleteProductConfig:hover {
    background: #0369a1 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(2, 132, 199, 0.45) !important;
}

/* ── 3. CHOOSE BILLING CYCLE LABEL & HIGH CONTRAST CARDS ── */
label[for="inputBillingcycle"],
.billing-cycle-title,
.field-container label[for="inputBillingcycle"] {
    color: #001B41 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
    display: block !important;
    letter-spacing: -0.2px !important;
}

/* ── 4. CATEGORIES & ACTIONS SIDEBAR PANELS ── */
#order-standard_cart .cart-sidebar .panel-sidebar,
.panel-sidebar {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.04) !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .cart-sidebar .panel-sidebar > .panel-heading,
.panel-sidebar > .panel-heading {
    background: #f8fafc !important;
    border-bottom: 1.5px solid #cbd5e1 !important;
    padding: 14px 18px !important;
}

#order-standard_cart .cart-sidebar .panel-sidebar > .panel-heading .panel-title,
.panel-sidebar > .panel-heading .panel-title,
.panel-sidebar > .panel-heading h3,
.panel-sidebar > .panel-heading h5 {
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    margin: 0 !important;
}

#order-standard_cart .cart-sidebar .list-group-item,
.panel-sidebar .list-group-item {
    background: #ffffff !important;
    border-color: #f1f5f9 !important;
    color: #001B41 !important;
    font-weight: 600 !important;
    padding: 12px 18px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
.panel-sidebar .list-group-item:hover {
    background: #f0f9ff !important;
    color: #0284c7 !important;
    padding-left: 22px !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
.panel-sidebar .list-group-item.active {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active .badge,
.panel-sidebar .list-group-item.active .badge {
    background: #ffffff !important;
    color: #0284c7 !important;
}

/* ── 5. PRODUCT FORM & DOMAIN SELECTION HIGH CONTRAST (QUASAR VDS PRO) ── */
.panel-domain-option label,
.domain-options label,
.domain-selection-providers label {
    color: #001B41 !important;
    font-weight: 600 !important;
    font-size: 0.98rem !important;
    cursor: pointer !important;
}

.domain-options .panel-domain-option {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
}

.domain-options .panel-domain-option:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.12) !important;
}

/* ── 6. LOGIN PAGE TESTIMONIAL WIDGET ── */
.tt-login-registration-testimonial {
    background: linear-gradient(135deg, #001B41 0%, #002b66 100%) !important;
    border-left: 1.5px solid #e2e8f0 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 30px !important;
}

.tt-login-testimonial {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    border: 1.5px solid #ffffff !important;
    border-radius: 18px !important;
    padding: 26px !important;
    color: #111827 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
}

.tt-login-testimonial p {
    color: #1e293b !important;
    font-weight: 500 !important;
    font-size: 0.96rem !important;
    line-height: 1.6 !important;
}

.tt-login-testimonial .font-weight-bold {
    color: #001B41 !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
}

.tt-login-testimonial .tt-designation {
    color: #0284c7 !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
}

/* ── 7. REGISTER PAGE AUTH ACTION BAR ── */
.auth-footer-custom {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
}

.auth-footer-custom a.btn-primary {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}

.auth-footer-custom a.btn-primary:hover {
    background: #0369a1 !important;
}

/* ── 8. KNOWLEDGEBASE SIDEBAR & CATEGORIES ── */
.sidebar .panel-sidebar,
.panel-sidebar {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.04) !important;
}

.sidebar .panel-sidebar .list-group-item {
    color: #001B41 !important;
    border-color: #f1f5f9 !important;
}

.sidebar .panel-sidebar .list-group-item:hover {
    background: #f0f9ff !important;
    color: #0284c7 !important;
}

.sidebar .panel-sidebar .list-group-item.active {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.sidebar .panel-sidebar .list-group-item.active .badge {
    background: #ffffff !important;
    color: #0284c7 !important;
}


/* UNIVERSAL SELECT OPTION CONTRAST FIX */
select option, select.form-control option, #order-standard_cart select option, .form-control option {
    color: #0f172a !important;
    background-color: #ffffff !important;
}


/* ==========================================================================
   MASTER FIX v47: Color Interference, Readability, & Sidebar Polish
   ========================================================================== */

/* ---- FIX 1: SCOPED DARK THEME - Only apply to client area, not public pages ----
   The #main-body h1-h6 white override was bleeding into public-facing pages.
   We reset headings/bold on pages that are NOT inside the client dashboard. */

/* Reset headings on public pages (non-client-area) to readable dark color */
body:not(.logged-in) #main-body h1,
body:not(.logged-in) #main-body h2,
body:not(.logged-in) #main-body h3,
body:not(.logged-in) #main-body h4,
body:not(.logged-in) #main-body h5,
body:not(.logged-in) #main-body h6,
body:not(.logged-in) #main-body .h1,
body:not(.logged-in) #main-body .h2,
body:not(.logged-in) #main-body .h3,
body:not(.logged-in) #main-body .h4,
body:not(.logged-in) #main-body .h5,
body:not(.logged-in) #main-body .h6 {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
}

body:not(.logged-in) #main-body strong,
body:not(.logged-in) #main-body b,
body:not(.logged-in) #main-body .font-weight-bold,
body:not(.logged-in) #main-body .fw-bold {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
}

/* ---- FIX 2: SUBMITTICKET.PHP - White card with readable form fields ---- */
#main-body .primary-content .card.tt-custom-card,
#main-body .primary-content .card.bg-gray-light,
.primary-content .card.tt-custom-card,
.primary-content .card.bg-gray-light {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 27, 65, 0.06) !important;
}

#main-body .primary-content .card.tt-custom-card .card-body,
#main-body .primary-content .card.bg-gray-light .card-body,
.primary-content .card.tt-custom-card .card-body,
.primary-content .card.bg-gray-light .card-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

#main-body .primary-content .card.tt-custom-card .card-body *,
#main-body .primary-content .card.bg-gray-light .card-body *,
.primary-content .card.tt-custom-card .card-body *,
.primary-content .card.bg-gray-light .card-body * {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

/* Submit ticket form inputs - white bg with dark text */
.primary-content .card .form-control,
#main-body .primary-content .card .form-control,
.primary-content form .form-control,
#main-body .primary-content form .form-control {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

.primary-content .card .form-control:focus,
#main-body .primary-content .card .form-control:focus,
.primary-content form .form-control:focus,
#main-body .primary-content form .form-control:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

.primary-content .card select.form-control,
#main-body .primary-content .card select.form-control,
.primary-content form select.form-control,
#main-body .primary-content form select.form-control {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

.primary-content .card select.form-control option,
.primary-content form select.form-control option {
    background: #ffffff !important;
    color: #0f172a !important;
}

.primary-content .card label,
#main-body .primary-content .card label,
.primary-content form label,
#main-body .primary-content form label {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-weight: 600 !important;
}

.primary-content .card textarea.form-control,
#main-body .primary-content .card textarea.form-control {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

.primary-content .card .form-control::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

/* Submit ticket department selector cards */
.primary-content .card.bg-gray-light h3,
.primary-content .card.tt-custom-card h3,
#main-body .primary-content .card h3.sub-heading,
.primary-content h3.sub-heading {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
}

/* Department cards on submitticket.php (dark navy is correct for these) */
/* Keep the dark department cards as-is - they look good */

/* ---- FIX 3: AFFILIATE AREA - White cards with readable text ---- */
.primary-content .card .affiliate-content,
.primary-content .affiliate-content {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

/* ---- FIX 4: HOMEPAGE SLIDER HOVER - Readable text on hover ---- */
.fh-slide-item:hover {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.15) !important;
    transform: translateY(-4px) !important;
}
.fh-slide-item:hover h5,
.fh-slide-item:hover .fh-slide-price-amt {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
}
.fh-slide-item:hover p,
.fh-slide-item:hover .fh-slide-price-cycle {
    color: #0284c7 !important;
    -webkit-text-fill-color: #0284c7 !important;
}
.fh-slide-item:hover .fh-slide-icon {
    background: #0284c7 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3) !important;
}
.fh-slide-item:hover .fh-slide-icon i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.fh-slide-item:hover .fh-slide-price .price,
.fh-slide-item:hover .fh-slide-price-amt {
    color: #0284c7 !important;
    -webkit-text-fill-color: #0284c7 !important;
}
.fh-slide-item:hover .fh-slide-cta {
    background: #001B41 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ---- FIX 5: "Our Latest News" heading - Force dark on white bg ---- */
h2[style*="color: #001B41"] {
    -webkit-text-fill-color: #001B41 !important;
}

/* News/Announcement section headings on homepage */
.tt-announcement-single h3 a,
.tt-article-heading h3 a {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
}
.tt-announcement-single h3 a:hover,
.tt-article-heading h3 a:hover {
    color: #0284c7 !important;
    -webkit-text-fill-color: #0284c7 !important;
}

/* ---- FIX 6: FOOTER TIN TEXT - Non-bold, grey color ---- */
.tt-commercial-badge strong {
    font-weight: 400 !important;
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

/* ---- FIX 7: PRODUCT CATEGORIES SIDEBAR for Antler Template ---- */
/* The antler template uses .fh-cart-sidebar instead of .cart-sidebar.sidebar */
#fh-sidebar-categories .panel,
#fh-sidebar-categories .card,
#fh-sidebar-categories .fh-sidebar-card,
.fh-cart-sidebar .panel,
.fh-cart-sidebar .card,
.fh-cart-sidebar .fh-sidebar-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 27, 65, 0.05), 0 2px 6px -1px rgba(0, 27, 65, 0.03) !important;
    overflow: hidden !important;
}

#fh-sidebar-categories .collapsable-card-body,
#fh-sidebar-categories .card-body,
#fh-sidebar-categories .panel-body,
#fh-sidebar-categories .list-group,
.fh-cart-sidebar .collapsable-card-body,
.fh-cart-sidebar .card-body,
.fh-cart-sidebar .panel-body,
.fh-cart-sidebar .list-group {
    background: #ffffff !important;
    background-color: #ffffff !important;
    padding: 12px !important;
    margin: 0 !important;
    border: none !important;
}

#fh-sidebar-categories .fh-sidebar-header,
.fh-cart-sidebar .fh-sidebar-header {
    background: linear-gradient(135deg, #001B41 0%, #082d5a 100%) !important;
    color: #ffffff !important;
    padding: 15px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

#fh-sidebar-categories .fh-sidebar-item,
#fh-sidebar-categories .list-group-item,
.fh-cart-sidebar .fh-sidebar-item,
.fh-cart-sidebar .list-group-item {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    margin-bottom: 7px !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#fh-sidebar-categories .fh-sidebar-item *,
#fh-sidebar-categories .list-group-item *,
.fh-cart-sidebar .fh-sidebar-item *,
.fh-cart-sidebar .list-group-item * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

#fh-sidebar-categories .fh-item-title,
.fh-cart-sidebar .fh-item-title {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#fh-sidebar-categories .fh-item-icon,
.fh-cart-sidebar .fh-item-icon {
    background: #f0f9ff !important;
    background-color: #f0f9ff !important;
    color: #0284c7 !important;
    -webkit-text-fill-color: #0284c7 !important;
}

#fh-sidebar-categories .fh-item-chevron,
.fh-cart-sidebar .fh-item-chevron {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

/* Sidebar hover for antler */
#fh-sidebar-categories .fh-sidebar-item:not(.active):hover,
#fh-sidebar-categories .list-group-item:not(.active):hover,
.fh-cart-sidebar .fh-sidebar-item:not(.active):hover,
.fh-cart-sidebar .list-group-item:not(.active):hover {
    background: #f0f9ff !important;
    background-color: #f0f9ff !important;
    border-color: #38bdf8 !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08) !important;
}

#fh-sidebar-categories .fh-sidebar-item:not(.active):hover .fh-item-title,
.fh-cart-sidebar .fh-sidebar-item:not(.active):hover .fh-item-title {
    color: #0284c7 !important;
    -webkit-text-fill-color: #0284c7 !important;
    font-weight: 700 !important;
}

#fh-sidebar-categories .fh-sidebar-item:not(.active):hover .fh-item-icon,
.fh-cart-sidebar .fh-sidebar-item:not(.active):hover .fh-item-icon {
    background: #0284c7 !important;
    background-color: #0284c7 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#fh-sidebar-categories .fh-sidebar-item:not(.active):hover .fh-item-chevron,
.fh-cart-sidebar .fh-sidebar-item:not(.active):hover .fh-item-chevron {
    color: #0284c7 !important;
    -webkit-text-fill-color: #0284c7 !important;
    opacity: 1 !important;
}

/* Active state for antler sidebar */
#fh-sidebar-categories .fh-sidebar-item.active,
#fh-sidebar-categories .list-group-item.active,
.fh-cart-sidebar .fh-sidebar-item.active,
.fh-cart-sidebar .list-group-item.active {
    background: linear-gradient(135deg, #001B41 0%, #032a5e 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#fh-sidebar-categories .fh-sidebar-item.active *,
.fh-cart-sidebar .fh-sidebar-item.active * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#fh-sidebar-categories .fh-sidebar-item.active .fh-item-icon,
.fh-cart-sidebar .fh-sidebar-item.active .fh-item-icon {
    background: rgba(56, 189, 248, 0.2) !important;
    background-color: rgba(56, 189, 248, 0.2) !important;
    color: #38bdf8 !important;
    -webkit-text-fill-color: #38bdf8 !important;
}

/* ---- FIX 8: Global -webkit-text-fill-color scope limiter ----
   Only allow white text-fill on elements inside dark containers */
#main-body h2[style*="color: #001B41"],
#main-body h2[style*="color:#001B41"] {
    -webkit-text-fill-color: #001B41 !important;
}

/* Ensure homepage section headings remain dark on light bg */
.fh-pricing-title,
.fh-floating-domain h2,
.fh-section-title,
.fh-section-heading,
.section-heading h2 {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
}

/* Ensure service card text stays readable on hover */
.fh-service-card:hover .fh-card-title,
.fh-service-card:hover .fh-card-description,
.fh-service-card:hover .fh-card-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}




/* ==========================================================================
   MOBILE ORDERING & CHECKOUT VISIBILITY & INTERACTION MASTER ENHANCEMENT
   ========================================================================== */

/* 1. Mobile Sidebar Panels (Categories & Actions) */
#order-standard_cart .sidebar-collapsed .panel,
#order-standard_cart .sidebar-collapsed .card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(0, 27, 65, 0.04) !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
}

#order-standard_cart .sidebar-collapsed .panel-heading {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 12px 18px !important;
}

#order-standard_cart .sidebar-collapsed .panel-title,
#order-standard_cart .sidebar-collapsed .panel-heading h3,
#order-standard_cart .sidebar-collapsed .panel-heading h4,
#order-standard_cart .sidebar-collapsed .panel-heading h5 {
    color: #001b41 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-shadow: none !important;
}

#order-standard_cart .sidebar-collapsed .panel-heading i {
    color: #0284c7 !important;
    font-size: 1rem !important;
}

#order-standard_cart .sidebar-collapsed .panel-body {
    background: #ffffff !important;
    padding: 14px 18px !important;
}

#order-standard_cart .sidebar-collapsed select.form-control,
#order-standard_cart .sidebar-collapsed select {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    min-height: 44px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Vector Radios for iCheck - Eliminates Broken Pixel Sprites on High-DPI Mobile */
.iradio_square-blue {
    background-image: none !important;
    background: #ffffff !important;
    width: 22px !important;
    height: 22px !important;
    border: 2px solid #94a3b8 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin-right: 12px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

.iradio_square-blue:hover {
    border-color: #0284c7 !important;
}

.iradio_square-blue.checked {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2) !important;
}

.iradio_square-blue.checked::after {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    display: block !important;
}

/* 3. Domain Option Cards */
.domain-selection-options .option,
#order-standard_cart .domain-selection-options .option {
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    padding: 16px 20px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 27, 65, 0.04) !important;
    transition: all 0.2s ease !important;
    margin-bottom: 12px !important;
}

.domain-selection-options .option:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.08) !important;
}

.domain-selection-options .option.active,
.domain-selection-options .option:has(.checked) {
    border-color: #0284c7 !important;
    background: #f0f9ff !important;
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.12) !important;
}

.domain-selection-options .option label,
#order-standard_cart .domain-selection-options .option label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    color: #001b41 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    width: 100% !important;
}

/* 4. Domain Search & Input Area */
#order-standard_cart #domainregister,
#order-standard_cart #domaintransfer,
#order-standard_cart #domainowndomain {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 20px rgba(0, 27, 65, 0.05) !important;
    margin-top: 15px !important;
}

#order-standard_cart #domainregister textarea#message {
    width: 100% !important;
    min-height: 90px !important;
    max-height: 120px !important;
    padding: 14px 18px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #0f172a !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}

#order-standard_cart #domainregister textarea#message:focus {
    background: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

#order-standard_cart #domainregister textarea#message::placeholder {
    color: #64748b !important;
    font-size: 0.92rem !important;
    font-weight: 400 !important;
}

#order-standard_cart #btnCheckAvailability {
    background: linear-gradient(135deg, #0284c7 0%, #001b41 100%) !important;
    border: none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    min-height: 48px !important;
}

#order-standard_cart #domaintransfer input,
#order-standard_cart #domaintransfer select,
#order-standard_cart #domainowndomain input,
#order-standard_cart #domainowndomain select {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 10px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    padding: 10px 16px !important;
    font-size: 0.95rem !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
}

#order-standard_cart #domaintransfer input:focus,
#order-standard_cart #domainowndomain input:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    outline: none !important;
}

#order-standard_cart #domaintransfer button,
#order-standard_cart #domainowndomain button {
    border-radius: 50px !important;
    min-height: 48px !important;
    width: 100% !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    color: #ffffff !important;
    border: none !important;
}

/* 5. Mobile Checkout Form & Field Interaction */
@media (max-width: 767px) {
    #order-standard_cart .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    #order-standard_cart [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
    }
}

#order-standard_cart .form-group,
#order-standard_cart .form-group.prepend-icon,
#order-standard_cart .prepend-icon {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart input.field,
#order-standard_cart select.field,
#order-standard_cart textarea.field,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart select,
#order-standard_cart textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    display: block !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    color: #0f172a !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    padding: 10px 16px 10px 48px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    outline: none !important;
    background: #ffffff !important;
}

#order-standard_cart .field::placeholder,
#order-standard_cart .form-control::placeholder,
#order-standard_cart input::placeholder,
#order-standard_cart textarea::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

#order-standard_cart .prepend-icon .field-icon {
    position: absolute !important;
    left: 16px !important;
    top: 24px !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
    color: #0284c7 !important;
    font-size: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    pointer-events: none !important;
}

/* Hide field-icon on phone input when country dropdown is active */
#order-standard_cart .form-group:has(#inputPhone) .field-icon,
#order-standard_cart .form-group:has(input[name="phonenumber"]) .field-icon {
    display: none !important;
}

#order-standard_cart #inputPhone,
#order-standard_cart input[name="phonenumber"] {
    padding-left: 88px !important;
}

#order-standard_cart textarea.field,
#order-standard_cart textarea {
    min-height: 110px !important;
    padding: 14px 16px !important;
    line-height: 1.5 !important;
}

/* 6. Account Security Buttons & Password Strength */
#order-standard_cart .btn-default-yellow-fill.generate-password {
    background: #0284c7 !important;
    border: 1.5px solid #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    width: 100% !important;
    display: block !important;
    min-height: 46px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

#order-standard_cart .btn-default-yellow-fill.generate-password:hover {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
}

#order-standard_cart .password-strength-meter {
    width: 100% !important;
    margin-top: 10px !important;
}

#order-standard_cart #passwordStrengthTextLabel {
    color: #475569 !important;
    font-size: 0.85rem !important;
    white-space: normal !important;
}

/* 7. Already Registered & New User Signup Pills */
#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup,
.activite-logreg-form {
    position: relative !important;
    padding: 10px 24px 10px 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0284c7, #06b6d4) !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
    border: none !important;
    cursor: pointer !important;
    margin-bottom: 12px !important;
}

.activite-logreg-form .circleactive {
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    background: transparent !important;
}

/* 8. Terms of Service Checkbox & Label */
#order-standard_cart label.checkbox-inline,
#order-standard_cart label[for="accepttos"],
#order-standard_cart .checkbox-inline {
    color: #001b41 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

#order-standard_cart #accepttos,
#order-standard_cart input[name="accepttos"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 10px 0 0 !important;
    accent-color: #0284c7 !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 9. Promo Code Button Fallback */
.btn-order-embeded,
#order-standard_cart .btn-order-embeded {
    min-width: 48px !important;
    min-height: 48px !important;
    background: #0284c7 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

.btn-order-embeded:hover {
    background: #0369a1 !important;
}

.btn-order-embeded .ico-check,
.ico-check {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-block !important;
}

.btn-order-embeded .ico-check::before,
.ico-check::before {
    content: "\f00c" !important;
}


/* Fix Popular Cloud Servers & Managed Packages Slider Contrast on Hover & Selected */
.fh-slide-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fh-slide-item .fh-slide-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    transition: color 0.3s ease !important;
}
.fh-slide-item .fh-slide-info p {
    color: #64748b !important;
    transition: color 0.3s ease !important;
}
.fh-slide-item .fh-slide-price-amt {
    color: #001B41 !important;
    font-weight: 700 !important;
    transition: color 0.3s ease !important;
}
.fh-slide-item .fh-slide-price-cycle {
    color: #64748b !important;
    transition: color 0.3s ease !important;
}

/* Hover, Active and Focus States for Slider Items */
.fh-slide-item:hover,
.fh-slide-item.active,
.fh-slide-item:focus {
    background: #001B41 !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 30px rgba(0, 27, 65, 0.3) !important;
}
.fh-slide-item:hover .fh-slide-title,
.fh-slide-item.active .fh-slide-title,
.fh-slide-item:focus .fh-slide-title {
    color: #ffffff !important;
}
.fh-slide-item:hover .fh-slide-info p,
.fh-slide-item.active .fh-slide-info p,
.fh-slide-item:focus .fh-slide-info p {
    color: #bfdbfe !important;
}
.fh-slide-item:hover .fh-slide-price-amt,
.fh-slide-item.active .fh-slide-price-amt,
.fh-slide-item:focus .fh-slide-price-amt {
    color: #38bdf8 !important;
}
.fh-slide-item:hover .fh-slide-price-cycle,
.fh-slide-item.active .fh-slide-price-cycle,
.fh-slide-item:focus .fh-slide-price-cycle {
    color: #93c5fd !important;
}
.fh-slide-item:hover .fh-slide-icon,
.fh-slide-item.active .fh-slide-icon {
    background: rgba(2, 132, 199, 0.25) !important;
    color: #38bdf8 !important;
}
.fh-slide-item:hover .fh-order-pill,
.fh-slide-item.active .fh-order-pill {
    background: #0284c7 !important;
    color: #ffffff !important;
}



/* ==========================================================================
   MOBILE CHECKOUT FORM FIX (cart.php?a=checkout)
   Ensures all input fields (Name, Email, Phone, Address, etc.) are 100% width,
   properly aligned, and fully interactive on mobile screens.
   ========================================================================== */

#order-standard_cart,
.order-checkout,
.checkout-page {
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

#order-standard_cart .col-sm-6,
#order-standard_cart .col-sm-12,
#order-standard_cart .col-md-6,
#order-standard_cart .col-md-12,
#order-standard_cart .col-xs-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

#order-standard_cart .form-group {
    width: 100% !important;
    margin-bottom: 16px !important;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
}

#order-standard_cart .form-group.prepend-icon,
#order-standard_cart .prepend-icon {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .prepend-icon .field-icon,
#order-standard_cart .field-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 44px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    color: #64748b !important;
    pointer-events: none !important;
    margin: 0 !important;
    line-height: 48px !important;
    text-align: center !important;
}

#order-standard_cart .prepend-icon .field-icon i,
#order-standard_cart .field-icon i {
    font-size: 15px !important;
    color: #0284c7 !important;
    display: inline-block !important;
}

#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart input.field,
#order-standard_cart select.field,
#order-standard_cart textarea.field,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="password"],
#order-standard_cart select {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    line-height: 1.5 !important;
    padding: 10px 14px 10px 46px !important;
    font-size: 15px !important;
    color: #0f172a !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    float: none !important;
}

#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
    background-color: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    outline: none !important;
}

#order-standard_cart textarea.field,
#order-standard_cart textarea.form-control {
    height: auto !important;
    min-height: 80px !important;
    padding-left: 14px !important;
}

/* Fix international phone input (intl-tel-input / iti) on mobile */
#order-standard_cart .iti,
#order-standard_cart .intl-tel-input {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

#order-standard_cart .iti input,
#order-standard_cart .intl-tel-input input,
#order-standard_cart input#inputPhone {
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 85px !important;
    height: 48px !important;
}

#order-standard_cart .iti .iti__selected-flag,
#order-standard_cart .intl-tel-input .selected-flag {
    height: 48px !important;
    padding: 0 10px 0 12px !important;
    border-right: 1px solid #cbd5e1 !important;
    background: #f1f5f9 !important;
    border-radius: 8px 0 0 8px !important;
    z-index: 10 !important;
}

/* Mobile Specific Tweaks for Checkout */
@media (max-width: 767px) {
    #order-standard_cart .col-sm-6,
    #order-standard_cart .col-xs-12 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
    
    #order-standard_cart .sub-heading {
        margin-top: 20px !important;
        margin-bottom: 12px !important;
        font-size: 1.1rem !important;
    }

    #order-standard_cart .form-group.prepend-icon {
        margin-bottom: 14px !important;
    }
}



/* ==========================================================================
   FIX REGISTER FORM BACKGROUND & SECTION CONTRAST (register.php)
   ========================================================================== */
.tt-registration-form,
#registration.tt-registration-form,
#registration {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 27, 65, 0.06) !important;
}

.tt-registration-form .card,
.tt-registration-form .card-body,
.tt-registration-form #personalInformation,
.tt-registration-form #billingAddress,
.tt-registration-form #containerNewUserSignup .card,
.tt-registration-form #containerNewUserSignup .card-body,
#registration .card,
#registration .card-body {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.tt-registration-form h1,
.tt-registration-form h2,
.tt-registration-form h3,
.tt-registration-form h4,
.tt-registration-form .h4,
.tt-registration-form .h6,
#registration h1,
#registration h2,
#registration h3,
#registration h4,
#registration .h4,
#registration .h6 {
    color: #001B41 !important;
    -webkit-text-fill-color: #001B41 !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
}

.tt-registration-form p,
#registration p {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

.tt-registration-form label,
#registration label {
    color: #1e293b !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   DOMAIN SELECTION OPTIONS (configureproductdomain.tpl)
   Ensure domain option cards and input boxes are visible and interactive
   ========================================================================== */
#order-standard_cart .domain-selection-options .option {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    margin-bottom: 12px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

#order-standard_cart .domain-selection-options .option:hover,
#order-standard_cart .domain-selection-options .option.active {
    border-color: #0284c7 !important;
    background: #f0f9ff !important;
}

#order-standard_cart .domain-selection-options .option label {
    color: #001B41 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#order-standard_cart .domain-resultat-tab-box {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-top: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 27, 65, 0.04) !important;
}