/* ==========================================================================
   Just Simple Hosting - Complete Light Mode Overrides (Variable Mapping Fix)
   ========================================================================== */

/* 1. Map Tailwind Variable to Light Mode & Force Backgrounds */
html.light-mode,
html.light-mode body,
body.light-mode {
    --color-slate-950: #f8fafc !important;
    --color-slate-900: #f1f5f9 !important;
    --color-slate-800: #e2e8f0 !important;
    --color-white: #0f172a !important;
    background-color: #f8fafc !important; /* slate-50 */
    color: #334155 !important;           /* slate-700 */
}

/* 2. Navigation & Fixed Headers */
body.light-mode nav,
body.light-mode nav.fixed,
body.light-mode header {
    background-color: inherit !important;
    border-color: inherit !important;
}

/* 3. Glass Cards, Megamenus & Modals */
body.light-mode .glass,
body.light-mode .mega-menu,
body.light-mode .modal,
body.light-mode .card {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;
}

/* 4. Mobile Sidebar Drawer & Overlay */
body.light-mode aside#mobile-sidebar {
    background-color: #ffffff !important;
    border-left-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode #mobile-overlay {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* 5. Preloader Screen Background Match */
body.light-mode #preloader {
    background-color: #f8fafc !important;
}

/* 6. Borders, Fills & Interactive Inputs */
body.light-mode .border-white\/5,
body.light-mode .border-white\/10,
body.light-mode .border-slate-800,
body.light-mode .border-slate-700 {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode input,
body.light-mode select,
body.light-mode textarea {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}

html.light-mode #secondary-nav-items > div > ul > li > a,
body.light-mode #secondary-nav-items > div > ul > li > a,
html.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > a,
body.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > a,
html.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > button,
body.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > button {
    color: #334155 !important;
}

html.light-mode #secondary-nav-items > div > ul > li > a:hover,
body.light-mode #secondary-nav-items > div > ul > li > a:hover,
html.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > a:hover,
body.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > a:hover,
html.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > button:hover,
body.light-mode #secondary-nav-items ul:not(.dropdown-menu) > li > button:hover {
    color: #f97316 !important;
}

html.light-mode #secondary-nav-items .dropdown-menu,
body.light-mode #secondary-nav-items .dropdown-menu,
html.light-mode #secondary-nav-items .dropdown.show .dropdown-menu,
body.light-mode #secondary-nav-items .dropdown.show .dropdown-menu,
html.light-mode #secondary-nav-items .dropdown-menu[data-popper-placement],
body.light-mode #secondary-nav-items .dropdown-menu[data-popper-placement] {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08) !important;
}

html.light-mode .dropdown-menu,
body.light-mode .dropdown-menu {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

html.light-mode #secondary-nav-items .dropdown-menu a,
body.light-mode #secondary-nav-items .dropdown-menu a,
html.light-mode #secondary-nav-items .dropdown-menu .dropdown-item,
body.light-mode #secondary-nav-items .dropdown-menu .dropdown-item {
    color: #334155 !important;
}

html.light-mode #secondary-nav-items .dropdown-menu a:hover,
body.light-mode #secondary-nav-items .dropdown-menu a:hover,
html.light-mode #secondary-nav-items .dropdown-menu .dropdown-item:hover,
body.light-mode #secondary-nav-items .dropdown-menu .dropdown-item:hover {
    background-color: rgba(249, 115, 22, 0.08) !important;
    color: #f97316 !important;
}

html.light-mode input:-webkit-autofill,
html.light-mode input:-webkit-autofill:hover,
html.light-mode input:-webkit-autofill:focus,
html.light-mode input:-webkit-autofill:active,
body.light-mode input:-webkit-autofill,
body.light-mode input:-webkit-autofill:hover,
body.light-mode input:-webkit-autofill:focus,
body.light-mode input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
}

html.light-mode #homepage-service-buttons a,
body.light-mode #homepage-service-buttons a {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
}

html.light-mode #homepage-service-buttons a:hover,
body.light-mode #homepage-service-buttons a:hover {
    background-color: #f8fafc !important;
    color: #f97316 !important;
}

html.light-mode .form-control:focus,
html.light-mode div#tableDomainsList_filter label input[type="search"]:focus,
body.light-mode .form-control:focus,
body.light-mode div#tableDomainsList_filter label input[type="search"]:focus {
    color: #0f172a !important;
    background-color: #ffffff !important;
    border-color: #f97316 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

html.light-mode header.header .topbar,
html.light-mode hheader.header .topbar,
body.light-mode header.header .topbar,
body.light-mode hheader.header .topbar {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
}

html.light-mode header.header .topbar .active-client .input-group-text,
body.light-mode header.header .topbar .active-client .input-group-text {
    color: #475569 !important;
}

html.light-mode header.header .topbar .active-client .btn,
body.light-mode header.header .topbar .active-client .btn {
    color: #475569 !important;
}

html.light-mode header.header .topbar .btn,
body.light-mode header.header .topbar .btn {
    color: #475569 !important;
}

html.light-mode .card.card-sidebar .card-title,
html.light-mode .panel.panel-sidebar .panel-title,
html.light-mode .panel-sidebar .panel-title,
body.light-mode .card.card-sidebar .card-title,
body.light-mode .panel.panel-sidebar .panel-title,
body.light-mode .panel-sidebar .panel-title {
    color: #0f172a !important;
}

html.light-mode body .primary-content .client-home-cards .card#ticketsPanel,
body.light-mode body .primary-content .client-home-cards .card#ticketsPanel {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

html.light-mode #servicesPanel.card,
body.light-mode #servicesPanel.card {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

html.light-mode .tiles .tile,
body.light-mode .tiles .tile {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
html.light-mode .card.card-sidebar .list-group-item-action,
body.light-mode .card.card-sidebar .list-group-item-action {
    color: #334155 !important;
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

html.light-mode .card.card-sidebar .list-group-item-action:hover,
body.light-mode .card.card-sidebar .list-group-item-action:hover {
    background-color: rgba(249, 115, 22, 0.08) !important;
    color: #f97316 !important;
}

html.light-mode body .sidebar .btn-success,
body.light-mode body .sidebar .btn-success {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html.light-mode body .sidebar .btn-success:hover,
body.light-mode body .sidebar .btn-success:hover {
    background-color: #f1f5f9 !important;
    color: #f97316 !important;
}

html.light-mode .btn-success,
body.light-mode .btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

html.light-mode body .primary-content .client-home-cards .card#announcementsPanel,
body.light-mode body .primary-content .client-home-cards .card#announcementsPanel {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

html.light-mode .card-body a,
body.light-mode .card-body a {
    color: #0f172a !important;
}

html.light-mode .card-body a:hover,
body.light-mode .card-body a:hover {
    color: #f97316 !important;
}

html.light-mode .card-body .card-title,
body.light-mode .card-body .card-title {
    color: #0f172a !important;
}
html.light-mode #frmReply .md-editor,
html.light-mode .md-editor,
body.light-mode #frmReply .md-editor,
body.light-mode .md-editor {
    border-color: rgba(0, 0, 0, 0.12) !important;
    background-color: #ffffff !important;
}
html.light-mode #frmReply .md-editor .md-header,
body.light-mode #frmReply .md-editor .md-header {
    background: #495057 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

html.light-mode input#inputAddCcEmail,
body.light-mode input#inputAddCcEmail {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}

html.light-mode input#inputAddCcEmail::placeholder,
body.light-mode input#inputAddCcEmail::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

html.light-mode input#inputAddCcEmail:focus,
body.light-mode input#inputAddCcEmail:focus {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.15) !important;
    outline: none !important;
}

html.light-mode #frmReply .attachment-group,
body.light-mode #frmReply .attachment-group {
    background-color: #495057 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

html.light-mode .md-editor .md-header,
body.light-mode .md-editor .md-header {
    background-color: #212529 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

html.light-mode .md-editor .md-header .btn-default,
body.light-mode .md-editor .md-header .btn-default {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #475569 !important;
}

html.light-mode .md-editor .md-header .btn-default:hover,
html.light-mode .md-editor .md-header .btn-default:focus,
body.light-mode .md-editor .md-header .btn-default:hover,
body.light-mode .md-editor .md-header .btn-default:focus {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

html.light-mode .md-editor .md-input,
body.light-mode .md-editor .md-input {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html.light-mode .md-editor .md-footer,
body.light-mode .md-editor .md-footer {
    background-color: #f8fafc !important;
    color: #64748b !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

html.light-mode .announcements .announcement article,
body.light-mode .announcements .announcement article {
    background-color: #ffffff !important;
    border-left: 4px solid var(--color-orange-500) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    color: #334155 !important;
}
html.light-mode .announcements .announcement .btn-group-sm > .btn,
html.light-mode .announcements .announcement .btn-sm,
body.light-mode .announcements .announcement .btn-group-sm > .btn,
body.light-mode .announcements .announcement .btn-sm {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #334155 !important;
}

html.light-mode .announcements .announcement .btn-group-sm > .btn:hover,
html.light-mode .announcements .announcement .btn-sm:hover,
body.light-mode .announcements .announcement .btn-group-sm > .btn:hover,
body.light-mode .announcements .announcement .btn-sm:hover {
    background-color: #e2e8f0 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #0f172a !important;
}

html.light-mode .landing-page .hero,
body.light-mode .landing-page .hero {
    background: #ffffff !important;
    color: #0f172a !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
html.light-mode .landing-page,
body.light-mode .landing-page {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

html.light-mode .landing-page.codeguard .faqs,
body.light-mode .landing-page.codeguard .faqs {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html.light-mode .landing-page.codeguard .faqs h1,
html.light-mode .landing-page.codeguard .faqs h2,
html.light-mode .landing-page.codeguard .faqs h3,
html.light-mode .landing-page.codeguard .faqs p,
body.light-mode .landing-page.codeguard .faqs h1,
body.light-mode .landing-page.codeguard .faqs h2,
body.light-mode .landing-page.codeguard .faqs h3,
body.light-mode .landing-page.codeguard .faqs p {
    color: #0f172a !important;
}

html.light-mode .landing-page.ssl .detailed-info,
body.light-mode .landing-page.ssl .detailed-info {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html.light-mode .landing-page.ssl .detailed-info h1,
html.light-mode .landing-page.ssl .detailed-info h2,
html.light-mode .landing-page.ssl .detailed-info h3,
html.light-mode .landing-page.ssl .detailed-info p,
html.light-mode .landing-page.ssl .detailed-info li,
body.light-mode .landing-page.ssl .detailed-info h1,
body.light-mode .landing-page.ssl .detailed-info h2,
body.light-mode .landing-page.ssl .detailed-info h3,
body.light-mode .landing-page.ssl .detailed-info p,
body.light-mode .landing-page.ssl .detailed-info li {
    color: #0f172a !important;
}
html.light-mode .landing-page.ssl ul.ssl-certs-all li.featured,
body.light-mode .landing-page.ssl ul.ssl-certs-all li.featured {
    background-color: #ffffff !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    color: #0f172a !important;
}

html.light-mode .landing-page.ssl ul.ssl-certs-all li.featured h1,
html.light-mode .landing-page.ssl ul.ssl-certs-all li.featured h2,
html.light-mode .landing-page.ssl ul.ssl-certs-all li.featured h3,
html.light-mode .landing-page.ssl ul.ssl-certs-all li.featured p,
html.light-mode .landing-page.ssl ul.ssl-certs-all li.featured li,
body.light-mode .landing-page.ssl ul.ssl-certs-all li.featured h1,
body.light-mode .landing-page.ssl ul.ssl-certs-all li.featured h2,
body.light-mode .landing-page.ssl ul.ssl-certs-all li.featured h3,
body.light-mode .landing-page.ssl ul.ssl-certs-all li.featured p,
body.light-mode .landing-page.ssl ul.ssl-certs-all li.featured li {
    color: #0f172a !important;
}

html.light-mode .landing-page.marketgoo .feature-wrapper,
html.light-mode .landing-page.marketgoo .plan ul,
body.light-mode .landing-page.marketgoo .feature-wrapper,
body.light-mode .landing-page.marketgoo .plan ul {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html.light-mode .landing-page.marketgoo .plan ul li,
body.light-mode .landing-page.marketgoo .plan ul li {
    color: #334155 !important;
}

html.light-mode .landing-page.marketgoo .feature-wrapper h1,
html.light-mode .landing-page.marketgoo .feature-wrapper h2,
html.light-mode .landing-page.marketgoo .feature-wrapper h3,
html.light-mode .landing-page.marketgoo .feature-wrapper p,
body.light-mode .landing-page.marketgoo .feature-wrapper h1,
body.light-mode .landing-page.marketgoo .feature-wrapper h2,
body.light-mode .landing-page.marketgoo .feature-wrapper h3,
body.light-mode .landing-page.marketgoo .feature-wrapper p {
    color: #0f172a !important;
}

html.light-mode .landing-page.marketgoo .plan ul li,
body.light-mode .landing-page.marketgoo .plan ul li {
    background-color: #ffffff !important;
    border-bottom-color: #e2e8f0 !important;
    color: #334155 !important;
}

html.light-mode .landing-page.marketgoo .faqs,
body.light-mode .landing-page.marketgoo .faqs {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html.light-mode .landing-page.marketgoo .faqs h1,
html.light-mode .landing-page.marketgoo .faqs h2,
html.light-mode .landing-page.marketgoo .faqs h3,
html.light-mode .landing-page.marketgoo .faqs p,
body.light-mode .landing-page.marketgoo .faqs h1,
body.light-mode .landing-page.marketgoo .faqs h2,
body.light-mode .landing-page.marketgoo .faqs h3,
body.light-mode .landing-page.marketgoo .faqs p {
    color: #0f172a !important;
}

html.light-mode select.form-control,
html.light-mode select,
body.light-mode select.form-control,
body.light-mode select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

html.light-mode select.form-control option,
html.light-mode select option,
body.light-mode select.form-control option,
body.light-mode select option {
    background-color: #ffffff !important;
    color: #0f172a !important;
    padding: 12px !important;
}

html.light-mode .landing-page .hero h1,
html.light-mode .landing-page .hero h2,
html.light-mode .landing-page .hero p,
body.light-mode .landing-page .hero h1,
body.light-mode .landing-page .hero h2,
body.light-mode .landing-page .hero p {
    color: #0f172a !important;
}
html.light-mode div.dropdown-menu.show a.dropdown-item,
body.light-mode div.dropdown-menu.show a.dropdown-item {
    color: #334155 !important;
}

html.light-mode div.dropdown-menu.show a.dropdown-item:hover,
html.light-mode div.dropdown-menu.show a.dropdown-item:focus,
body.light-mode div.dropdown-menu.show a.dropdown-item:hover,
body.light-mode div.dropdown-menu.show a.dropdown-item:focus {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}
html.light-mode div.dropdown-menu.show a.dropdown-item,
body.light-mode div.dropdown-menu.show a.dropdown-item {
    color: #334155 !important;
}

html.light-mode div.dropdown-menu.show a.dropdown-item:hover,
html.light-mode div.dropdown-menu.show a.dropdown-item:focus,
body.light-mode div.dropdown-menu.show a.dropdown-item:hover,
body.light-mode div.dropdown-menu.show a.dropdown-item:focus {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}
html.light-mode div.dropdown-menu.show a.dropdown-item,
body.light-mode div.dropdown-menu.show a.dropdown-item {
    color: #334155 !important;
}

html.light-mode div.dropdown-menu.show a.dropdown-item:hover,
html.light-mode div.dropdown-menu.show a.dropdown-item:focus,
body.light-mode div.dropdown-menu.show a.dropdown-item:hover,
body.light-mode div.dropdown-menu.show a.dropdown-item:focus {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}
html.light-mode div.dropdown-menu.show a.dropdown-item i,
body.light-mode div.dropdown-menu.show a.dropdown-item i {
    color: #64748b !important;
}

html.light-mode div.dropdown-menu.show a.dropdown-item:hover i,
html.light-mode div.dropdown-menu.show a.dropdown-item:focus i,
body.light-mode div.dropdown-menu.show a.dropdown-item:hover i,
body.light-mode div.dropdown-menu.show a.dropdown-item:focus i {
    color: #f97316 !important;
}

html.light-mode .dataTables_paginate .pagination .page-link,
body.light-mode .dataTables_paginate .pagination .page-link {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #334155 !important;
}

html.light-mode .dataTables_paginate .pagination .page-item.active .page-link,
body.light-mode .dataTables_paginate .pagination .page-item.active .page-link {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
}

html.light-mode .dataTables_paginate .pagination .page-link:hover,
body.light-mode .dataTables_paginate .pagination .page-link:hover {
    background-color: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #0f172a !important;
}

html.light-mode .dataTables_paginate .pagination .page-item.disabled .page-link,
body.light-mode .dataTables_paginate .pagination .page-item.disabled .page-link {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #94a3b8 !important;
    opacity: 0.6;
}

/* Override dark mode hardcoded white text for light mode */
.light-mode table#tableServicesList tbody td strong,
[data-theme="light"] table#tableServicesList tbody td strong {
    color: #212529 !important;
}

.light-mode .cpanel-usage-stats strong,
[data-theme="light"] .cpanel-usage-stats strong {
    color: #0f172a !important; /* Dark text for light background */
}

html.light-mode .cpanel-usage-stats .limit-near,
body.light-mode .cpanel-usage-stats .limit-near {
    color: rgba(15, 23, 42, 0.5) !important;
}

html.light-mode .cpanel-package-details em,
body.light-mode .cpanel-package-details em {
    color: #64748b !important;
}

html.light-mode .cpanel-package-details h4,
body.light-mode .cpanel-package-details h4 {
    color: #0f172a !important;
}

html.light-mode .cpanel-package-details a,
body.light-mode .cpanel-package-details a {
    color: #f97316 !important;
}

html.light-mode .panel-body.card-body p .btn-default,
body.light-mode .panel-body.card-body p .btn-default {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #334155 !important;
}

html.light-mode .panel-body.card-body p .btn-default:hover,
body.light-mode .panel-body.card-body p .btn-default:hover {
    background-color: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #0f172a !important;
}

html.light-mode .panel-body.card-body p .btn-success,
body.light-mode .panel-body.card-body p .btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

html.light-mode .panel-body.card-body p .btn-success:hover,
body.light-mode .panel-body.card-body p .btn-success:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    color: #ffffff !important;
}html.light-mode .cpanel-package-details em,
body.light-mode .cpanel-package-details em {
    color: #64748b !important;
}

html.light-mode .cpanel-package-details h4,
body.light-mode .cpanel-package-details h4 {
    color: #0f172a !important;
}

html.light-mode .cpanel-package-details a,
body.light-mode .cpanel-package-details a {
    color: #f97316 !important;
}

html.light-mode .panel-body.card-body p .btn-default,
body.light-mode .panel-body.card-body p .btn-default {
    background-color: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #334155 !important;
}

html.light-mode .panel-body.card-body p .btn-default:hover,
body.light-mode .panel-body.card-body p .btn-default:hover {
    background-color: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #0f172a !important;
}

html.light-mode .panel-body.card-body p .btn-success,
body.light-mode .panel-body.card-body p .btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

html.light-mode .panel-body.card-body p .btn-success:hover,
body.light-mode .panel-body.card-body p .btn-success:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    color: #ffffff !important;
}

html.light-mode .input-group-append .input-group-text,
body.light-mode .input-group-append .input-group-text {
    background-color: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #475569 !important;
    border-left: none !important;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
    padding: 0 12px !important;
}

html.light-mode #order-standard_cart .domain-pricing,
html.light-mode #order-standard_cart .domain-pricing .tld-pricing-header,
html.light-mode #order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
html.light-mode #order-standard_cart .domain-pricing .tld-pricing-header div,
html.light-mode .tld-pricing-header,
body.light-mode #order-standard_cart .domain-pricing,
body.light-mode #order-standard_cart .domain-pricing .tld-pricing-header,
body.light-mode #order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
body.light-mode #order-standard_cart .domain-pricing .tld-pricing-header div,
body.light-mode .tld-pricing-header {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}
html.light-mode #order-standard_cart .domain-pricing .tld-row,
html.light-mode #order-standard_cart .domain-pricing .tld-row:nth-child(even),
html.light-mode #order-standard_cart .domain-pricing .tld-row:nth-child(odd),
body.light-mode #order-standard_cart .domain-pricing .tld-row,
body.light-mode #order-standard_cart .domain-pricing .tld-row:nth-child(even),
body.light-mode #order-standard_cart .domain-pricing .tld-row:nth-child(odd) {
    background-color: #ffffff !important;
    color: #334155 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    align-items: center;
}

html.light-mode #order-standard_cart .domain-pricing .tld-row:hover,
body.light-mode #order-standard_cart .domain-pricing .tld-row:hover {
    background-color: #f8fafc !important;
}

html.light-mode #order-standard_cart .domain-pricing .tld-row.highlighted,
html.light-mode #order-standard_cart .domain-pricing .tld-row.highlighted div,
body.light-mode #order-standard_cart .domain-pricing .tld-row.highlighted,
body.light-mode #order-standard_cart .domain-pricing .tld-row.highlighted div {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

html.light-mode #order-standard_cart .domain-pricing .tld-row strong,
html.light-mode #order-standard_cart .domain-pricing .tld-row .two-row-center,
body.light-mode #order-standard_cart .domain-pricing .tld-row strong,
body.light-mode #order-standard_cart .domain-pricing .tld-row .two-row-center {
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .domain-pricing .tld-filters .badge,
body.light-mode body #order-standard_cart .domain-pricing .tld-filters .badge {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

html.light-mode #order-standard_cart .tld-filters .badge,
html.light-mode #order-standard_cart .tld-filters a.badge-secondary,
body.light-mode #order-standard_cart .tld-filters .badge,
body.light-mode #order-standard_cart .tld-filters a.badge-secondary {
    background: #ffffff !important;
    color: #475569 !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

html.light-mode #order-standard_cart .tld-filters .badge:hover,
html.light-mode #order-standard_cart .tld-filters a.badge-secondary:hover,
body.light-mode #order-standard_cart .tld-filters .badge:hover,
body.light-mode #order-standard_cart .tld-filters a.badge-secondary:hover {
    background-color: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #0f172a !important;
}

html.light-mode #order-standard_cart .tld-filters .badge.active,
html.light-mode #order-standard_cart .tld-filters a.badge-secondary.active,
body.light-mode #order-standard_cart .tld-filters .badge.active,
body.light-mode #order-standard_cart .tld-filters a.badge-secondary.active {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
}

html.light-mode #order-standard_cart .tld-filters .badge.badge-success,
html.light-mode #order-standard_cart .tld-filters a.badge-secondary.badge-success,
body.light-mode #order-standard_cart .tld-filters .badge.badge-success,
body.light-mode #order-standard_cart .tld-filters a.badge-secondary.badge-success {
    background-color: #f97316 !important;
    border: 2px solid #ea580c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.25) !important;
}

html.light-mode #order-standard_cart .tld-filters .badge.badge-success:hover,
html.light-mode #order-standard_cart .tld-filters a.badge-secondary.badge-success:hover,
body.light-mode #order-standard_cart .tld-filters .badge.badge-success:hover,
body.light-mode #order-standard_cart .tld-filters a.badge-secondary.badge-success:hover {
    background-color: #ea580c !important;
    border-color: #c2410c !important;
    color: #ffffff !important;
}

html.light-mode body #order-standard_cart .products .product,
body.light-mode body #order-standard_cart .products .product {
    color: #0f172a !important;
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

html.light-mode body #order-standard_cart .products .product:hover,
body.light-mode body #order-standard_cart .products .product:hover {
    border-color: rgba(249, 115, 22, 0.3) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06) !important;
}

html.light-mode body #order-standard_cart .products .product .product-desc ul li,
body.light-mode body #order-standard_cart .products .product .product-desc ul li {
    color: #334155 !important;
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

html.light-mode body #order-standard_cart .products .product .product-pricing .price,
body.light-mode body #order-standard_cart .products .product .product-pricing .price {
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .domain-selection-options,
body.light-mode body #order-standard_cart .domain-selection-options {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

html.light-mode body #order-standard_cart .domain-selection-options .option label,
body.light-mode body #order-standard_cart .domain-selection-options .option label {
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .domain-input-group .input-group,
body.light-mode body #order-standard_cart .domain-input-group .input-group {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
}

html.light-mode body #order-standard_cart .domain-input-group .input-group:focus-within,
body.light-mode body #order-standard_cart .domain-input-group .input-group:focus-within {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15) !important;
}

html.light-mode body #order-standard_cart .domain-input-group .input-group-text,
body.light-mode body #order-standard_cart .domain-input-group .input-group-text,
html.light-mode .input-group-text,
body.light-mode .input-group-text {
    color: #475569 !important;
}

html.light-mode body #order-standard_cart #registertld,
html.light-mode body #order-standard_cart #transfertld,
body.light-mode body #order-standard_cart #registertld,
body.light-mode body #order-standard_cart #transfertld {
    border-left-color: #cbd5e1 !important;
    background-color: #f8fafc !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDc1NTY5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiLz48L3N2Zz4=") !important;
    color: #0f172a !important;
}
html.light-mode body #order-standard_cart #owndomaintld,
body.light-mode body #order-standard_cart #owndomaintld {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart #registertld option,
html.light-mode body #order-standard_cart #transfertld option,
body.light-mode body #order-standard_cart #registertld option,
body.light-mode body #order-standard_cart #transfertld option {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .order-summary,
body.light-mode body #order-standard_cart .order-summary {
    color: #0f172a !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

html.light-mode body #order-standard_cart .product-info,
body.light-mode body #order-standard_cart .product-info {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #475569 !important;
}
html.light-mode .addon-promo-container.addon-promo-container-symantec,
html.light-mode .addon-promo-container.bg-white,
html.light-mode #order-standard_cart .addon-promo-container,
html.light-mode div.addon-promo-container-symantec,
body.light-mode .addon-promo-container.addon-promo-container-symantec,
body.light-mode .addon-promo-container.bg-white,
body.light-mode #order-standard_cart .addon-promo-container,
body.light-mode div.addon-promo-container-symantec {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

html.light-mode body #order-standard_cart .order-summary .product-name,
body.light-mode body #order-standard_cart .order-summary .product-name {
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .order-summary .product-group,
body.light-mode body #order-standard_cart .order-summary .product-group {
    color: #475569 !important;
}

html.light-mode body #order-standard_cart .order-summary .clearfix,
body.light-mode body #order-standard_cart .order-summary .clearfix {
    color: #334155 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

html.light-mode body #order-standard_cart .order-summary .summary-totals,
body.light-mode body #order-standard_cart .order-summary .summary-totals {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .order-summary .total-due-today,
body.light-mode body #order-standard_cart .order-summary .total-due-today {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
}

html.light-mode body #order-standard_cart .order-summary .total-due-today .amt,
body.light-mode body #order-standard_cart .order-summary .total-due-today .amt {
    color: #f97316 !important;
}

html.light-mode body #order-standard_cart .order-summary .summary-container,
body.light-mode body #order-standard_cart .order-summary .summary-container {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Knowledge Base Category Card - Light Mode */
body.light-mode .card.kb-category,
.light-mode .card.kb-category {
    background-color: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .card.kb-category a.card-body,
.light-mode .card.kb-category a.card-body {
    color: #0f172a !important;
}

body.light-mode .card.kb-category a.card-body:hover,
.light-mode .card.kb-category a.card-body:hover {
    background-color: #f8fafc !important;
}

/* Category Title & Icon */
body.light-mode .card.kb-category .h5,
.light-mode .card.kb-category .h5 {
    color: #0f172a !important;
}

body.light-mode .card.kb-category i.fal,
.light-mode .card.kb-category i.fal {
    color: #ff6a00 !important; /* Brand orange folder icon */
}

/* Article Count Badge */
body.light-mode .card.kb-category .badge-info,
.light-mode .card.kb-category .badge-info {
    background-color: rgba(255, 106, 0, 0.12) !important;
    color: #ff6a00 !important;
    border: 1px solid rgba(255, 106, 0, 0.2) !important;
}

/* Subtitle / Description text */
body.light-mode .card.kb-category .text-muted,
.light-mode .card.kb-category .text-muted {
    color: #64748b !important;
}

/* Edit Button */
body.light-mode .card.kb-category .btn-default,
.light-mode .card.kb-category .btn-default {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

body.light-mode .card.kb-category .btn-default:hover,
.light-mode .card.kb-category .btn-default:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
}

body.light-mode .card.kb-category p.text-muted small,
.light-mode .card.kb-category p.text-muted small {
    color: #64748b !important;
    line-height: 1.5 !important;
    display: block;
}

body.light-mode .list-group-item.kb-article-item,
.light-mode .list-group-item.kb-article-item {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
}

body.light-mode .list-group-item.kb-article-item:hover,
.light-mode .list-group-item.kb-article-item:hover {
    background-color: rgba(255, 106, 0, 0.05) !important;
    color: #ff6a00 !important;
}

body.light-mode .list-group-item.kb-article-item small,
.light-mode .list-group-item.kb-article-item small {
    color: #64748b !important;
}

body.light-mode .list-group-item.kb-article-item i.fa-file-alt,
.light-mode .list-group-item.kb-article-item i.fa-file-alt {
    color: #64748b !important;
}

body.light-mode .list-group-item.kb-article-item:hover i.fa-file-alt,
.light-mode .list-group-item.kb-article-item:hover i.fa-file-alt {
    color: #ff6a00 !important;
}

body.light-mode #inputKnowledgebaseSearch::placeholder,
.light-mode #inputKnowledgebaseSearch::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
body.light-mode #inputKnowledgebaseSearch::-webkit-input-placeholder,
.light-mode #inputKnowledgebaseSearch::-webkit-input-placeholder {
    color: #64748b !important;
}
body.light-mode #inputKnowledgebaseSearch:-ms-input-placeholder,
.light-mode #inputKnowledgebaseSearch:-ms-input-placeholder {
    color: #64748b !important;
}

/* 7. Tables & DataTables */
html.light-mode table#tableInvoicesList tbody td,
html.light-mode table#tableTicketsList tbody td,
html.light-mode table#tableDomainsList tbody td,
html.light-mode table#tableServicesList tbody td,
html.light-mode table#tableQuotesList tbody td,
html.light-mode table.table tbody tr,
body.light-mode table#tableInvoicesList tbody td,
body.light-mode table#tableTicketsList tbody td,
body.light-mode table#tableDomainsList tbody td,
body.light-mode table#tableServicesList tbody td,
body.light-mode table#tableQuotesList tbody td,
body.light-mode table#tableAffiliatesList tbody td,

body.light-mode table.table tbody tr {
    background-color: #ffffff !important;
    color: #475569 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}

html.light-mode table.table tbody tr:hover,
body.light-mode table.table tbody tr:hover {
    background-color: #f8fafc !important;
}

html.light-mode table.table tbody tr td:first-child,
body.light-mode table.table tbody tr td:first-child {
    border-left-color: rgba(0, 0, 0, 0.05) !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

html.light-mode table.table tbody tr td:last-child,
body.light-mode table.table tbody tr td:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

html.light-mode table.table tbody tr td,
html.light-mode table#tableDomainsList tbody td a,
body.light-mode table.table tbody tr td,
body.light-mode table#tableDomainsList tbody td a {
    color: #0f172a !important;
}

html.light-mode table#tableDomainsList tbody td a:hover,
body.light-mode table#tableDomainsList tbody td a:hover {
    color: #f97316 !important;
}

html.light-mode div#tableDomainsList_filter label input[type="search"],
html.light-mode div#tableInvoicesList_filter label input[type="search"],
html.light-mode body .dataTables_wrapper .dataTables_filter label .form-control,
body.light-mode div#tableDomainsList_filter label input[type="search"],
body.light-mode div#tableInvoicesList_filter label input[type="search"],
body.light-mode body .dataTables_wrapper .dataTables_filter label .form-control {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}

html.light-mode div#tableDomainsList_filter label input[type="search"]:focus,
html.light-mode div#tableInvoicesList_filter label input[type="search"]:focus,
html.light-mode body .dataTables_wrapper .dataTables_filter label .form-control:focus,
body.light-mode div#tableDomainsList_filter label input[type="search"]:focus,
body.light-mode div#tableInvoicesList_filter label input[type="search"]:focus,
body.light-mode body .dataTables_wrapper .dataTables_filter label .form-control:focus {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.15) !important;
    outline: none !important;
}

html.light-mode table#tableTicketsList tbody td a,
body.light-mode table#tableTicketsList tbody td a {
    color: #0f172a !important;
}

html.light-mode table#tableTicketsList tbody td a:hover,
body.light-mode table#tableTicketsList tbody td a:hover {
    color: #f97316 !important;
}

html.light-mode table.table tbody td a,
body.light-mode table.table tbody td a {
    color: #f97316 !important;
}

html.light-mode table.table tbody td a:hover,
body.light-mode table.table tbody td a:hover {
    color: #ea580c !important;
}

/* 7. Tailwind Utility Layer Overrides (Ensures correct specificity cascade) */
@layer utilities {
    html.light-mode .bg-white.text-black,
    body.light-mode .bg-white.text-black {
        background-color: #0f172a !important;
        color: #ffffff !important;
        transition: background-color 0.15s ease, color 0.15s ease !important;
    }

    html.light-mode .bg-white.text-black:hover,
    body.light-mode .bg-white.text-black:hover {
        background-color: #f97316 !important;
        color: #ffffff !important;
    }

    html.light-mode .bg-white\/5,
    body.light-mode .bg-white\/5 {
        background-color: rgba(0, 0, 0, 0.03) !important;
    }

    html.light-mode .bg-white\/5.hover\:bg-white:hover,
    body.light-mode .bg-white\/5.hover\:bg-white:hover {
        background-color: #0f172a !important;
        color: #ffffff !important;
    }

    html.light-mode .text-white:not([class*="bg-orange-"], [class*="bg-blue-"], [class*="bg-green-"], [class*="bg-indigo-"], [class*="bg-red-"], [class*="bg-purple-"]),
    body.light-mode .text-white:not([class*="bg-orange-"], [class*="bg-blue-"], [class*="bg-green-"], [class*="bg-indigo-"], [class*="bg-red-"], [class*="bg-purple-"]) {
        color: #0f172a !important;
    }
	
    html.light-mode nav a.text-white:hover,
    html.light-mode nav button.text-white:hover,
    body.light-mode nav a.text-white:hover,
    body.light-mode nav button.text-white:hover {
        color: #f97316 !important;
    }

    html.light-mode nav a:hover,
    html.light-mode nav button:hover,
    body.light-mode nav a:hover,
    body.light-mode nav button:hover {
        color: #f97316 !important;
    }    

    html.light-mode .text-slate-100,
    body.light-mode .text-slate-100,
    html.light-mode .text-slate-200,
    body.light-mode .text-slate-200,
    html.light-mode .text-slate-300,
    body.light-mode .text-slate-300,
    html.light-mode .text-slate-400,
    body.light-mode .text-slate-400,
    html.light-mode .text-slate-500,
    body.light-mode .text-slate-500 {
        color: #475569 !important;
    }

    /* 8. Cookie Banner Light Mode Enhancements */
    html.light-mode #cookie-banner .glass,
    body.light-mode #cookie-banner .glass {
        background-color: rgba(255, 255, 255, 0.95) !important;
        border-color: rgba(249, 115, 22, 0.25) !important;
        box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.08) !important;
    }

    html.light-mode #cookie-banner h3,
    body.light-mode #cookie-banner h3,
    html.light-mode #cookie-banner p,
    body.light-mode #cookie-banner span,
    html.light-mode #cookie-banner label {
        color: #0f172a !important;
    }

    html.light-mode #cookie-banner .text-slate-400,
    body.light-mode #cookie-banner .text-slate-400,
    html.light-mode #cookie-banner .text-slate-500,
    body.light-mode #cookie-banner .text-slate-500 {
        color: #475569 !important;
    }

    html.light-mode #cookie-banner .bg-white\/5,
    body.light-mode #cookie-banner .bg-white\/5 {
        background-color: rgba(0, 0, 0, 0.03) !important;
        border-color: rgba(0, 0, 0, 0.06) !important;
    }

    html.light-mode #cookie-banner button.bg-slate-800,
    body.light-mode #cookie-banner button.bg-slate-800 {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }

    html.light-mode #cookie-banner button.bg-slate-800:hover,
    body.light-mode #cookie-banner button.bg-slate-800:hover {
        background-color: #cbd5e1 !important;
    }

    html.light-mode #cookie-banner button.bg-slate-900\/60,
    body.light-mode #cookie-banner button.bg-slate-900\/60 {
        background-color: rgba(0, 0, 0, 0.04) !important;
        color: #334155 !important;
    }

    html.light-mode #cookie-banner button.bg-slate-900\/60:hover,
    body.light-mode #cookie-banner button.bg-slate-900\/60:hover {
        background-color: rgba(0, 0, 0, 0.08) !important;
        color: #0f172a !important;
    }
html.light-mode a.bg-slate-950.text-white:hover,
    body.light-mode a.bg-slate-950.text-white:hover {
        background-color: #0f172a !important;
        color: #ffffff !important;
    }    
}