/* ==========================================================
   DPRIME N 3.2 — FULL DARK MODE
   Nexus-based | Dprime Solutions | dprimehosting.au
   
   Palette:
     Surfaces: #0d1117 → #161b22 → #1c2129 → #21262d → #30363d
     Text:     #e6edf3 → #b1bac4 → #7d8590 → #484f58
     Lime:     #c3fe85 / #9fdb5a / #d4ff9f
     Border:   #30363d / #21262d
   ========================================================== */

/* ==========================================================
   1. VARIABLES
   ========================================================== */
:root {
    --dp-lime: #c3fe85;
    --dp-lime-dk: #9fdb5a;
    --dp-lime-lt: #d4ff9f;
    --dp0: #0d1117;
    --dp1: #161b22;
    --dp2: #1c2129;
    --dp3: #21262d;
    --dp4: #30363d;
    --dp5: #484f58;
    --t1: #e6edf3;
    --t2: #b1bac4;
    --t3: #7d8590;
    --t4: #484f58;

    /* Nexus variable overrides */
    --primary: #c3fe85; --success: #c3fe85; --warning: #d29922; --danger: #f85149; --info: #58a6ff;
    --bg: #0d1117; --bg-muted: #0d1117; --bg-lifted: #161b22; --bg-accented: #21262d; --bg-inverted: #e6edf3;
    --text: #e6edf3; --text-muted: #7d8590; --text-lifted: #b1bac4; --text-accented: #b1bac4; --text-inverted: #0d1117;
    --border: #30363d; --border-muted: #21262d; --border-lifted: #30363d; --border-accented: #484f58;
    --grayscale: #30363d; --grayscale-lifted: #484f58; --grayscale-accented: #636c76;
    --neutral: #7d8590; --neutral-lifted: #636c76; --neutral-accented: #484f58;
    --teal-300: #c3fe85; --teal-400: #9fdb5a; --emerald-300: #c3fe85;
}

/* ==========================================================
   2. BASE
   ========================================================== */
html, body {
    background: #0d1117 !important;
    color: #e6edf3 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    color: #e6edf3 !important;
    letter-spacing: -0.02em;
}

code,pre,kbd,samp,.text-monospace { font-family: 'JetBrains Mono', monospace !important; }

a { color: #c3fe85 !important; transition: color .2s; }
a:hover { color: #d4ff9f !important; text-decoration: none !important; }

::selection { background: rgba(195,254,133,.3); color: #e6edf3; }
*:focus-visible { outline: 2px solid #c3fe85; outline-offset: 2px; }

hr { border-color: #30363d !important; }
.text-muted { color: #7d8590 !important; }
.text-primary { color: #c3fe85 !important; }
.text-success { color: #c3fe85 !important; }
.text-dark { color: #e6edf3 !important; }

/* ==========================================================
   3. HEADER
   ========================================================== */
#header.header { background: #0d1117 !important; border-bottom: 1px solid #21262d !important; }

.header .topbar { background: #161b22 !important; border-bottom: 1px solid #21262d !important; }
.header .topbar .btn { color: #b1bac4 !important; }
.header .topbar .btn:hover { color: #c3fe85 !important; }
.header .topbar .input-group-text { color: #7d8590 !important; background: transparent !important; border: none !important; }
.header .topbar .active-client .btn-active-client { color: #c3fe85 !important; font-weight: 600 !important; }
.header .topbar .active-client .btn { color: #b1bac4 !important; border-color: #30363d !important; }
.header .topbar .active-client .btn:hover { color: #c3fe85 !important; }

.header .navbar.navbar-light { background: transparent !important; }
.header .navbar-brand { color: #fff !important; font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; }
.header .navbar-brand .logo-img { max-height: 36px; filter: brightness(0) invert(1); }

.header .input-group.search .form-control { background: #161b22 !important; border: 1px solid #30363d !important; color: #e6edf3 !important; border-radius: 0 6px 6px 0 !important; }
.header .input-group.search .form-control::placeholder { color: #7d8590 !important; }
.header .input-group.search .form-control:focus { border-color: #c3fe85 !important; box-shadow: 0 0 0 2px rgba(195,254,133,.15) !important; background: #21262d !important; }
.header .input-group.search .btn-default { background: #161b22 !important; border: 1px solid #30363d !important; border-right: none !important; color: #7d8590 !important; border-radius: 6px 0 0 6px !important; }

.header .toolbar .nav-link { color: #b1bac4 !important; }
.header .toolbar .nav-link:hover { color: #c3fe85 !important; }
.header .toolbar .badge-dark, .header .toolbar .badge { background: #c3fe85 !important; color: #0d1117 !important; font-weight: 700 !important; }

.header .main-navbar-wrapper { background: #161b22 !important; border-top: 1px solid #21262d !important; }
.header .main-navbar-wrapper .navbar-nav .nav-link { color: #b1bac4 !important; font-family: 'Inter', sans-serif !important; font-weight: 500 !important; font-size: 14px !important; padding: 12px 16px !important; }
.header .main-navbar-wrapper .navbar-nav .nav-link:hover,
.header .main-navbar-wrapper .navbar-nav .nav-link:focus { color: #c3fe85 !important; }
.header .main-navbar-wrapper .navbar-nav .nav-item.active > .nav-link,
.header .main-navbar-wrapper .navbar-nav .nav-item.show > .nav-link { color: #c3fe85 !important; }

.header .main-navbar-wrapper .dropdown-menu { background: #161b22 !important; border: 1px solid #30363d !important; box-shadow: 0 12px 40px rgba(0,0,0,.5) !important; border-radius: 8px !important; }
.header .main-navbar-wrapper .dropdown-item { color: #b1bac4 !important; }
.header .main-navbar-wrapper .dropdown-item:hover { background: #21262d !important; color: #c3fe85 !important; }
.header .main-navbar-wrapper .dropdown-divider { border-color: #30363d !important; }

.header .navbar-toggler { border-color: #30363d !important; color: #b1bac4 !important; }
.header .navbar-toggler-icon { filter: invert(1); }

@media (max-width:1199.98px) {
    .header .main-navbar-wrapper .collapse.navbar-collapse,
    .header .main-navbar-wrapper .collapsing { background: #161b22 !important; }
    .header .main-navbar-wrapper .navbar-nav .nav-link { border-bottom: 1px solid #21262d !important; }
}

/* ==========================================================
   4. BREADCRUMB
   ========================================================== */
.master-breadcrumb { background: #161b22 !important; border-bottom: 1px solid #21262d !important; }
.master-breadcrumb .breadcrumb { background: transparent !important; margin: 0 !important; }
.master-breadcrumb .breadcrumb-item, .master-breadcrumb .breadcrumb-item a { color: #7d8590 !important; font-size: 13px !important; }
.master-breadcrumb .breadcrumb-item a:hover { color: #c3fe85 !important; }
.master-breadcrumb .breadcrumb-item.active { color: #b1bac4 !important; }
.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #484f58 !important; }

/* ==========================================================
   5. MAIN BODY
   ========================================================== */
#main-body, section#main-body { background: #0d1117 !important; min-height: 60vh; }

/* ==========================================================
   6. BUTTONS
   ========================================================== */
.btn { border-radius: 6px !important; font-family: 'Inter', sans-serif !important; transition: all .2s !important; }

.btn-primary, .btn-success {
    background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important;
    font-weight: 700 !important; font-family: 'Space Grotesk', sans-serif !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
    background: #d4ff9f !important; border-color: #d4ff9f !important; color: #0d1117 !important;
    box-shadow: 0 0 20px rgba(195,254,133,.25) !important;
}
.btn-primary:active, .btn-success:active { background: #9fdb5a !important; border-color: #9fdb5a !important; }

.btn-outline-primary { color: #c3fe85 !important; border-color: #c3fe85 !important; background: transparent !important; border-width: 2px !important; }
.btn-outline-primary:hover { background: #c3fe85 !important; color: #0d1117 !important; }

.btn-default, .btn-light, .btn-secondary { background: #21262d !important; border-color: #30363d !important; color: #e6edf3 !important; }
.btn-default:hover, .btn-light:hover, .btn-secondary:hover { background: #30363d !important; color: #e6edf3 !important; }

.btn-dark { background: #e6edf3 !important; border-color: #e6edf3 !important; color: #0d1117 !important; }
.btn-info { background: #58a6ff !important; border-color: #58a6ff !important; color: #0d1117 !important; }
.btn-warning { background: #d29922 !important; border-color: #d29922 !important; color: #0d1117 !important; }
.btn-danger { background: #f85149 !important; border-color: #f85149 !important; color: #fff !important; }
.btn-outline-light { border-color: #30363d !important; color: #b1bac4 !important; }
.btn-outline-light:hover { border-color: #c3fe85 !important; color: #c3fe85 !important; background: transparent !important; }

/* ==========================================================
   7. CARDS
   ========================================================== */
.card { background: #161b22 !important; border: 1px solid #30363d !important; border-radius: 10px !important; color: #e6edf3 !important; }
.card-header { background: #1c2129 !important; border-bottom: 1px solid #30363d !important; color: #e6edf3 !important; }
.card-header h3, .card-header .card-title, .card-header .panel-title { font-family: 'Space Grotesk', sans-serif !important; color: #e6edf3 !important; }
.card-body { background: #161b22 !important; color: #e6edf3 !important; }
.card-footer { background: #1c2129 !important; border-top: 1px solid #30363d !important; color: #b1bac4 !important; }

.card-accent-blue { border-top: 3px solid #58a6ff !important; }
.card-accent-green, .card-accent-teal, .card-accent-midnight-blue { border-top: 3px solid #c3fe85 !important; }
.card-accent-red, .card-accent-pomegranate { border-top: 3px solid #f85149 !important; }
.card-accent-gold, .card-accent-sun-flower { border-top: 3px solid #d29922 !important; }
.card-accent-asbestos { border-top: 3px solid #7d8590 !important; }

.login-form .card { box-shadow: 0 8px 30px rgba(0,0,0,.5) !important; }

/* ==========================================================
   8. SIDEBAR
   ========================================================== */
.sidebar .card { background: #161b22 !important; border-color: #30363d !important; }
.sidebar .card-header { background: #1c2129 !important; }
.sidebar .card-header .card-title, .sidebar .card-header h3 { color: #e6edf3 !important; }
.sidebar .card-header .badge { background: #c3fe85 !important; color: #0d1117 !important; }
.sidebar .list-group-item { background: #161b22 !important; border-color: #21262d !important; color: #b1bac4 !important; }
.sidebar .list-group-item:hover { background: #21262d !important; color: #e6edf3 !important; }
.sidebar .list-group-item.active { background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important; font-weight: 600 !important; }
.sidebar .list-group-item i { color: inherit !important; }

/* ==========================================================
   9. DASHBOARD TILES
   ========================================================== */
.tiles .tile { border: 1px solid #30363d !important; background: #161b22 !important; transition: all .2s !important; }
.tiles .tile:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0,0,0,.3) !important; }
.tiles .tile i { color: #7d8590 !important; }
.tiles .tile .stat { font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; color: #e6edf3 !important; }
.tiles .tile .title { color: #7d8590 !important; }
.tiles .tile .highlight.bg-color-blue { background: #58a6ff !important; }
.tiles .tile .highlight.bg-color-green { background: #c3fe85 !important; }
.tiles .tile .highlight.bg-color-red { background: #f85149 !important; }
.tiles .tile .highlight.bg-color-gold { background: #d29922 !important; }

/* ==========================================================
   10. TABLES
   ========================================================== */
.table { color: #e6edf3 !important; }
.table thead th {
    background: #1c2129 !important; color: #b1bac4 !important; border-bottom: 2px solid #c3fe85 !important; border-top: none !important;
    font-family: 'Space Grotesk', sans-serif !important; font-weight: 600 !important; font-size: 12px !important;
    text-transform: uppercase !important; letter-spacing: .05em !important;
}
.table td { border-color: #21262d !important; color: #e6edf3 !important; }
.table-striped tbody tr:nth-of-type(odd) { background: #161b22 !important; }
.table-striped tbody tr:nth-of-type(even) { background: #0d1117 !important; }
.table-hover tbody tr:hover { background: rgba(195,254,133,.04) !important; }
.table-bordered, .table-bordered td, .table-bordered th { border-color: #30363d !important; }

/* ==========================================================
   11. FORMS
   ========================================================== */
.form-control { background: #0d1117 !important; border: 1px solid #30363d !important; color: #e6edf3 !important; border-radius: 6px !important; }
.form-control:focus { background: #161b22 !important; border-color: #c3fe85 !important; box-shadow: 0 0 0 3px rgba(195,254,133,.15) !important; color: #e6edf3 !important; }
.form-control::placeholder { color: #484f58 !important; }
.form-control:disabled, .form-control[readonly] { background: #161b22 !important; color: #7d8590 !important; }
.input-group-text { background: #21262d !important; border-color: #30363d !important; color: #b1bac4 !important; }
label, .form-control-label { color: #e6edf3 !important; font-weight: 500 !important; }
.custom-select { background: #0d1117 !important; border-color: #30363d !important; color: #e6edf3 !important; }
.custom-select:focus { border-color: #c3fe85 !important; box-shadow: 0 0 0 3px rgba(195,254,133,.15) !important; }

/* ==========================================================
   12. ALERTS
   ========================================================== */
.alert { border-radius: 8px !important; }
.alert-success { background: rgba(195,254,133,.08) !important; border-color: rgba(195,254,133,.2) !important; color: #c3fe85 !important; }
.alert-info { background: rgba(88,166,255,.08) !important; border-color: rgba(88,166,255,.2) !important; color: #58a6ff !important; }
.alert-warning { background: rgba(210,153,34,.08) !important; border-color: rgba(210,153,34,.2) !important; color: #d29922 !important; }
.alert-danger { background: rgba(248,81,73,.08) !important; border-color: rgba(248,81,73,.2) !important; color: #f85149 !important; }
.alert a { color: inherit !important; font-weight: 600 !important; text-decoration: underline !important; }

/* ==========================================================
   13. BADGES & STATUS
   ========================================================== */
.badge-primary, .badge-success { background: #c3fe85 !important; color: #0d1117 !important; font-weight: 600 !important; }
.badge-info { background: #58a6ff !important; color: #0d1117 !important; }
.badge-warning { background: #d29922 !important; color: #0d1117 !important; }
.badge-danger { background: #f85149 !important; color: #fff !important; }
.badge-dark { background: #e6edf3 !important; color: #0d1117 !important; }
.badge-light { background: #21262d !important; color: #e6edf3 !important; }

.status-active, .status-open, .status-completed, .status-paid { background: #c3fe85 !important; color: #0d1117 !important; }

.bg-success { background: #c3fe85 !important; color: #0d1117 !important; }
.bg-primary { background: #c3fe85 !important; color: #0d1117 !important; }
.bg-white { background: #161b22 !important; }
.bg-light { background: #0d1117 !important; }
.bg-color-blue { background: #58a6ff !important; }
.bg-color-green { background: #c3fe85 !important; color: #0d1117 !important; }
.bg-color-red { background: #f85149 !important; }
.bg-color-gold { background: #d29922 !important; }

/* ==========================================================
   14. PAGINATION
   ========================================================== */
.page-item .page-link { background: #161b22 !important; border-color: #30363d !important; color: #b1bac4 !important; }
.page-item .page-link:hover { background: #21262d !important; color: #c3fe85 !important; }
.page-item.active .page-link { background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important; }
.page-item.disabled .page-link { background: #0d1117 !important; color: #484f58 !important; }

/* ==========================================================
   15. LIST GROUPS
   ========================================================== */
.list-group-item { background: #161b22 !important; border-color: #21262d !important; color: #e6edf3 !important; }
.list-group-item:hover, .list-group-item-action:hover { background: #21262d !important; }
.list-group-item.active { background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important; }

/* ==========================================================
   16. MODALS
   ========================================================== */
.modal-content { background: #161b22 !important; border: 1px solid #30363d !important; color: #e6edf3 !important; border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0,0,0,.6) !important; }
.modal-header { border-bottom: 1px solid #30363d !important; background: #1c2129 !important; }
.modal-header .modal-title, .modal-header h4 { color: #e6edf3 !important; }
.modal-header .close { color: #7d8590 !important; text-shadow: none !important; }
.modal-body { color: #e6edf3 !important; }
.modal-footer { border-top: 1px solid #30363d !important; }
.modal-localisation .modal-content { background: #0d1117 !important; }
.modal-localisation .item-selector .item { border-color: #30363d !important; color: #b1bac4 !important; }
.modal-localisation .item-selector .item:hover, .modal-localisation .item-selector .item.active { border-color: #c3fe85 !important; color: #c3fe85 !important; background: rgba(195,254,133,.08) !important; }

/* ==========================================================
   17. DROPDOWNS
   ========================================================== */
.dropdown-menu { background: #161b22 !important; border: 1px solid #30363d !important; box-shadow: 0 8px 30px rgba(0,0,0,.5) !important; border-radius: 8px !important; }
.dropdown-item { color: #b1bac4 !important; }
.dropdown-item:hover { background: #21262d !important; color: #e6edf3 !important; }
.dropdown-item.active, .dropdown-item:active { background: #c3fe85 !important; color: #0d1117 !important; }

/* ==========================================================
   18. TABS
   ========================================================== */
.nav-tabs { border-bottom: 2px solid #30363d !important; }
.nav-tabs .nav-link { color: #7d8590 !important; border: none !important; border-bottom: 2px solid transparent !important; margin-bottom: -2px !important; }
.nav-tabs .nav-link:hover { color: #e6edf3 !important; border-bottom-color: #484f58 !important; }
.nav-tabs .nav-link.active { color: #c3fe85 !important; border-bottom-color: #c3fe85 !important; background: transparent !important; font-weight: 600 !important; }

/* ==========================================================
   19. PANELS (Legacy WHMCS)
   ========================================================== */
.well, .panel, .panel-default { background: #161b22 !important; border-color: #30363d !important; color: #e6edf3 !important; }
.panel-heading, .panel > .panel-heading { background: #1c2129 !important; border-color: #30363d !important; color: #e6edf3 !important; }
.panel-heading * { color: #e6edf3 !important; }
.panel-body { background: #161b22 !important; color: #e6edf3 !important; }
.panel-footer { background: #1c2129 !important; border-color: #30363d !important; }
.panel-primary > .panel-heading { background: #c3fe85 !important; }
.panel-primary > .panel-heading * { color: #0d1117 !important; }

/* ==========================================================
   20. TOOLTIPS / POPOVERS
   ========================================================== */
.popover { background: #161b22 !important; border-color: #30363d !important; color: #e6edf3 !important; }
.popover-header { background: #1c2129 !important; border-color: #30363d !important; color: #e6edf3 !important; }
.popover-body { color: #b1bac4 !important; }
.tooltip-inner { background: #30363d !important; color: #e6edf3 !important; }
.client-alerts li a { color: #b1bac4 !important; }
.client-alerts li a:hover { color: #c3fe85 !important; background: #21262d !important; }

/* ==========================================================
   21. HOMEPAGE — DOMAIN SEARCH
   ========================================================== */
.home-domain-search {
    background: linear-gradient(135deg, #0d1117, #161b22) !important;
    position: relative !important;
}
.home-domain-search::before {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(rgba(195,254,133,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(195,254,133,.03) 1px, transparent 1px);
    background-size: 60px 60px;
}
.home-domain-search h2 { color: #fff !important; position: relative; z-index: 1; }
.home-domain-search .form-control { background: #21262d !important; border-color: #30363d !important; color: #e6edf3 !important; }
.home-domain-search .form-control:focus { border-color: #c3fe85 !important; box-shadow: 0 0 0 3px rgba(195,254,133,.2) !important; }
.home-domain-search .btn-link { color: #c3fe85 !important; }
.home-domain-search .tld-logos li { color: #7d8590 !important; }
.home-domain-search .input-group-wrapper, .home-domain-search .row { position: relative; z-index: 1; }

/* ==========================================================
   22. HOMEPAGE — PRODUCT CARDS
   ========================================================== */
.card-columns.home .card { background: #161b22 !important; border: 1px solid #30363d !important; border-radius: 12px !important; transition: all .25s !important; }
.card-columns.home .card:hover { border-color: #c3fe85 !important; box-shadow: 0 0 30px rgba(195,254,133,.08) !important; transform: translateY(-3px) !important; }
.card-columns.home .card .card-title { color: #e6edf3 !important; }
.card-columns.home .card p { color: #7d8590 !important; }
.card-columns.home .card .btn-outline-primary { background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important; font-weight: 700 !important; border-radius: 8px !important; }
.card-columns.home .card .btn-outline-primary:hover { background: #d4ff9f !important; box-shadow: 0 0 20px rgba(195,254,133,.3) !important; }

/* ==========================================================
   23. HOMEPAGE — ACTION ICONS
   ========================================================== */
.action-icon-btns a { background: #161b22 !important; border: 1px solid #30363d !important; border-radius: 10px !important; color: #e6edf3 !important; }
.action-icon-btns a[class*="card-accent-"] { border-top: 3px solid #c3fe85 !important; }
.action-icon-btns a:hover { border-color: #c3fe85 !important; box-shadow: 0 0 20px rgba(195,254,133,.08) !important; transform: translateY(-3px) !important; }
.action-icon-btns a .ico-container i { color: #c3fe85 !important; }

/* ==========================================================
   24. FOOTER
   ========================================================== */
#footer.footer { background: #0d1117 !important; border-top: 1px solid #21262d !important; color: #7d8590 !important; }
.footer .dprime-footer-main { padding: 48px 0 32px !important; }
.footer .dprime-footer-logo svg { fill: #fff !important; }
.footer .dprime-footer-tagline { color: #7d8590 !important; }
.footer .dprime-footer-abn { font-family: 'JetBrains Mono', monospace !important; color: #484f58 !important; }
.footer .dprime-footer-col h5 { color: #e6edf3 !important; font-family: 'Space Grotesk', sans-serif !important; }
.footer .dprime-footer-col ul li a { color: #7d8590 !important; }
.footer .dprime-footer-col ul li a:hover { color: #c3fe85 !important; }
.footer .dprime-footer-bottom { border-top: 1px solid #21262d !important; }
.footer .dprime-footer-bottom .copyright { color: #7d8590 !important; }
.footer .dprime-footer-bottom .footer-links a { color: #7d8590 !important; }
.footer .dprime-footer-bottom .footer-links a:hover { color: #c3fe85 !important; }
.footer .list-inline .btn-icon { color: #7d8590 !important; border: 1px solid #30363d !important; }
.footer .list-inline .btn-icon:hover { color: #c3fe85 !important; border-color: #c3fe85 !important; }
.footer .nav .nav-link { color: #7d8590 !important; }
.footer .nav .nav-link:hover { color: #c3fe85 !important; }

/* ==========================================================
   25. MISC
   ========================================================== */
.progress { background: #21262d !important; }
.progress-bar { background: #c3fe85 !important; }
.btn-return-to-admin { background: #c3fe85 !important; color: #0d1117 !important; }
#fullpage-overlay { background: rgba(13,17,23,.9) !important; }
.announcement-single .date { color: #c3fe85 !important; font-family: 'JetBrains Mono', monospace !important; }
.kb-article-content { color: #e6edf3 !important; }
.kb-article-content code { background: #21262d !important; color: #c3fe85 !important; padding: 2px 6px !important; border-radius: 4px !important; }
.ticket-reply { border: 1px solid #30363d !important; background: #161b22 !important; border-radius: 10px !important; }
.ticket-reply-header { background: #1c2129 !important; }
.client-home-cards .card { background: #161b22 !important; }
.client-home-cards .card-header { background: #1c2129 !important; }
.header-lined { border-bottom-color: #30363d !important; }
.header-lined h1, .header-lined h2 { color: #e6edf3 !important; }
.header-lined p { color: #7d8590 !important; }
.server-status .bg-success { background: #c3fe85 !important; color: #0d1117 !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #484f58; }

/* ==========================================================
   26. CART — PRODUCT CARDS
   ========================================================== */
html body #order-standard_cart { color: #e6edf3 !important; }
html body #order-standard_cart .cart-body { color: #e6edf3 !important; }

html body #order-standard_cart .products .product {
    background: #161b22 !important; border: 1px solid #30363d !important;
    border-radius: 12px !important; overflow: hidden !important; transition: all .25s !important;
}
html body #order-standard_cart .products .product:hover {
    border-color: #c3fe85 !important; box-shadow: 0 0 30px rgba(195,254,133,.1) !important;
}

/* Header — lime bar, white text on dark */
html body #order-standard_cart .products .product header {
    background: #1c2129 !important; color: #e6edf3 !important;
    padding: 16px 20px !important; border-bottom: 2px solid #c3fe85 !important;
    font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 1.15rem !important;
}
html body #order-standard_cart .products .product header *,
html body #order-standard_cart .products .product header span,
html body #order-standard_cart .products .product header a { color: #e6edf3 !important; font-weight: 700 !important; }
html body #order-standard_cart .products .product header .qty { background: #c3fe85 !important; color: #0d1117 !important; }

/* Description */
html body #order-standard_cart .products .product .product-desc {
    padding: 24px !important; color: #e6edf3 !important; background: #161b22 !important;
}

/* Checkmark bullets */
html body #order-standard_cart .products .product .product-desc ul { list-style: none !important; padding-left: 0 !important; margin: 0 !important; }
html body #order-standard_cart .products .product .product-desc ul li {
    padding: 8px 0 8px 32px !important; position: relative !important;
    color: #b1bac4 !important; font-size: 14px !important; border-bottom: 1px solid #21262d !important;
}
html body #order-standard_cart .products .product .product-desc ul li:last-child { border-bottom: none !important; }
html body #order-standard_cart .products .product .product-desc ul li::before {
    content: '✓' !important; position: absolute !important; left: 0 !important; top: 8px !important;
    color: #0d1117 !important; font-weight: 700 !important; font-size: 10px !important;
    background: #c3fe85 !important; width: 20px !important; height: 20px !important; border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important;
}

/* Hide stray <br> between bullets */
html body #order-standard_cart .products .product .product-desc br { display: none !important; }

/* Footer / Pricing */
html body #order-standard_cart .products .product footer {
    padding: 16px 24px 20px !important; background: #0d1117 !important; border-top: 1px solid #30363d !important;
}
html body #order-standard_cart .products .product footer .product-pricing { font-family: 'Space Grotesk', sans-serif !important; color: #e6edf3 !important; }
html body #order-standard_cart .products .product footer .product-pricing .price { font-size: 1.5rem !important; font-weight: 700 !important; color: #c3fe85 !important; }

/* Order Now */
html body #order-standard_cart .products .product footer .btn-order-now,
html body #order-standard_cart .products .product footer .btn-success,
html body #order-standard_cart .products .product footer a.btn {
    background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important;
    font-weight: 700 !important; font-family: 'Space Grotesk', sans-serif !important;
    border-radius: 8px !important; padding: 10px 24px !important;
}
html body #order-standard_cart .products .product footer .btn:hover {
    background: #d4ff9f !important; box-shadow: 0 0 20px rgba(195,254,133,.3) !important;
}

/* ==========================================================
   27. CART — SIDEBAR
   ========================================================== */
html body #order-standard_cart .cart-sidebar .panel,
html body #order-standard_cart .cart-sidebar .card { background: #161b22 !important; border-color: #30363d !important; }
html body #order-standard_cart .cart-sidebar .panel-heading,
html body #order-standard_cart .cart-sidebar .card-header { background: #1c2129 !important; color: #e6edf3 !important; border-color: #30363d !important; }
html body #order-standard_cart .cart-sidebar .panel-heading *,
html body #order-standard_cart .cart-sidebar .card-header * { color: #e6edf3 !important; }
html body #order-standard_cart .cart-sidebar .list-group-item { background: #161b22 !important; border-color: #21262d !important; color: #b1bac4 !important; }
html body #order-standard_cart .cart-sidebar .list-group-item:hover { background: #21262d !important; color: #e6edf3 !important; }
html body #order-standard_cart .cart-sidebar .list-group-item.active { background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important; }

/* ==========================================================
   28. DOMAIN CHECKER HERO
   ========================================================== */
html body #order-standard_cart .domain-checker-container,
html body .domain-checker-container {
    background: linear-gradient(135deg, #161b22, #21262d) !important;
    background-image: none !important;
    border-radius: 12px !important; border: 1px solid #30363d !important;
    padding: 40px 30px !important; position: relative !important; overflow: hidden !important;
}
html body #order-standard_cart .domain-checker-container::before,
html body .domain-checker-container::before {
    content: '' !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; z-index: 0 !important;
    background-image: linear-gradient(rgba(195,254,133,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(195,254,133,.04) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
}
html body #order-standard_cart .domain-checker-container img,
html body .domain-checker-container img { display: none !important; }
html body #order-standard_cart .domain-checker-container > div { background: transparent !important; background-image: none !important; }
html body #order-standard_cart .domain-checker-container * { position: relative !important; z-index: 1 !important; }

html body #order-standard_cart .domain-checker-container h2,
html body #order-standard_cart .domain-checker-container h3,
html body #order-standard_cart .domain-checker-container label,
html body #order-standard_cart .domain-checker-container p { color: #e6edf3 !important; }

html body #order-standard_cart .domain-checker-container .form-control {
    background: #0d1117 !important; border: 1px solid #30363d !important; color: #e6edf3 !important;
    border-radius: 8px !important; height: auto !important; padding: 14px 18px !important; font-size: 15px !important;
}
html body #order-standard_cart .domain-checker-container .form-control::placeholder { color: #484f58 !important; }
html body #order-standard_cart .domain-checker-container .form-control:focus { border-color: #c3fe85 !important; box-shadow: 0 0 0 3px rgba(195,254,133,.2) !important; }

html body #order-standard_cart .domain-checker-container .btn {
    background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important;
    font-weight: 700 !important; border-radius: 8px !important; padding: 14px 28px !important;
}
html body #order-standard_cart .domain-checker-container .btn:hover { background: #d4ff9f !important; }

/* ==========================================================
   29. DOMAIN PRICING TABLE
   ========================================================== */
html body #order-standard_cart .domain-pricing .tld-pricing-header,
html body #order-standard_cart .domain-pricing .tld-pricing-header div {
    background: #1c2129 !important; color: #b1bac4 !important; border-color: #30363d !important;
    font-family: 'Space Grotesk', sans-serif !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: .05em !important; font-size: 12px !important;
}
html body #order-standard_cart .domain-pricing .bg-white { background: #161b22 !important; }
html body #order-standard_cart .domain-pricing .tld-row { color: #e6edf3 !important; border-color: #21262d !important; }
html body #order-standard_cart .domain-pricing .tld-row:hover { background: rgba(195,254,133,.04) !important; }
html body #order-standard_cart .domain-pricing .highlighted { background: rgba(195,254,133,.04) !important; }
html body #order-standard_cart .domain-pricing .tld-filters .badge { background: #21262d !important; color: #b1bac4 !important; }
html body #order-standard_cart .domain-pricing .tld-filters .badge.badge-success { background: #c3fe85 !important; color: #0d1117 !important; }
html body #order-standard_cart .domain-pricing .featured-tld { border: 2px solid #c3fe85 !important; background: #161b22 !important; }
html body #order-standard_cart .domain-pricing .featured-tld .price { background: #c3fe85 !important; color: #0d1117 !important; }

/* Domain promo boxes */
html body #order-standard_cart .domain-promo-box { background: #161b22 !important; border: 1px solid #30363d !important; border-radius: 10px !important; }
html body #order-standard_cart .domain-promo-box h3,
html body #order-standard_cart .domain-promo-box h4,
html body #order-standard_cart .domain-promo-box p { color: #e6edf3 !important; }
html body #order-standard_cart .domain-promo-box .btn { background: #c3fe85 !important; border-color: #c3fe85 !important; color: #0d1117 !important; }

/* ==========================================================
   30. CART — MISC PANELS
   ========================================================== */
html body #order-standard_cart .panel { background: #161b22 !important; border-color: #30363d !important; }
html body #order-standard_cart .panel .panel-heading { background: #1c2129 !important; }
html body #order-standard_cart .panel .panel-heading * { color: #e6edf3 !important; }
html body #order-standard_cart .panel .panel-body { background: #161b22 !important; color: #e6edf3 !important; }
html body #order-standard_cart .panel .panel-footer { background: #1c2129 !important; border-color: #30363d !important; }
html body #order-standard_cart .sidebar-collapsed .panel,
html body #order-standard_cart .sidebar-collapsed .panel .panel-body { background: #161b22 !important; }
html body #order-standard_cart .domain-selection-options .option { background: #161b22 !important; border-color: #30363d !important; }
html body #order-standard_cart .domain-selection-options .option-selected { border-color: #c3fe85 !important; background: rgba(195,254,133,.06) !important; }
html body #order-standard_cart .product-info { background: #161b22 !important; border-color: #30363d !important; color: #e6edf3 !important; }
html body #frmConfigureProduct label { color: #e6edf3 !important; }

/* Upgrade page */
.upgrade .products .product .header { background: #1c2129 !important; color: #e6edf3 !important; border-bottom: 2px solid #c3fe85 !important; }
.upgrade .products .product .header * { color: #e6edf3 !important; }
.upgrade .products .product .current { background: #d29922 !important; }
.upgrade .products .product .recommended { background: #c3fe85 !important; color: #0d1117 !important; }

/* Store landing pages */
.landing-page .hero { color: #e6edf3 !important; }
.landing-page .product-options { background: #161b22 !important; }

/* ==========================================================
   31. FLAGS
   ========================================================== */
.dp-flag {
    display: inline-block !important; width: 22px !important; height: 15px !important;
    border-radius: 3px !important; margin-left: 8px !important; vertical-align: middle !important;
    background-size: cover !important; background-position: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.4) !important; font-size: 0 !important; overflow: hidden !important; line-height: 0 !important;
}
.dp-flag-au { background-image: url('../img/flag-au.svg') !important; }
.dp-flag-de { background-image: url('../img/flag-de.svg') !important; }

/* ==========================================================
   32. RESPONSIVE
   ========================================================== */
@media (max-width:767.98px) {
    .header .navbar-brand .logo-img { max-height: 28px !important; }
    html body #order-standard_cart .products .product header { padding: 12px 16px !important; }
    html body #order-standard_cart .products .product .product-desc { padding: 16px !important; }
    html body #order-standard_cart .products .product footer { padding: 12px 16px !important; }
}

/* ==========================================================
   33. FIXES v1.4 + v1.5
   ========================================================== */

/* ---- 33a. Footer lists — remove bullets (NOT product card bullets) ---- */
.footer .dprime-footer-col ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.footer .dprime-footer-col ul li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 8px !important;
}

.footer .dprime-footer-col ul li::before {
    content: none !important;
    display: none !important;
}

.footer .dprime-footer-col ul li::marker {
    content: none !important;
    display: none !important;
}

/* Footer logo link */
.footer .dprime-footer-logo a {
    display: inline-block !important;
    color: inherit !important;
}

.footer .dprime-footer-logo a:hover svg {
    opacity: 0.8;
}

/* ---- 33b. Home Domain Search — force dark background ---- */
.home-domain-search,
div.home-domain-search,
section .home-domain-search,
body .home-domain-search {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    background-image: none !important;
    border-top: 1px solid #21262d !important;
    border-bottom: 1px solid #21262d !important;
}

/* Override any inline styles */
[class*="home-domain-search"] {
    background: #0d1117 !important;
}

.home-domain-search .p-5 {
    position: relative;
    z-index: 1;
}

.home-domain-search * {
    color: #e6edf3 !important;
}

.home-domain-search .btn-link {
    color: #c3fe85 !important;
}

/* ---- 33c. Product Cards — uniform background, fix bullet bg ---- */
/* Make entire card interior same color */
html body #order-standard_cart .products .product footer {
    background: #161b22 !important;
    border-top: 1px solid #21262d !important;
    padding: 20px 24px !important;
}

/* Bullet checkmarks — smaller, no excess bg */
html body #order-standard_cart .products .product .product-desc ul li::before {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 9px !important;
}

/* Add some spacing above the price */
html body #order-standard_cart .products .product footer .product-pricing {
    margin-bottom: 12px !important;
}

/* ---- 33d. Domain Registration — cart form override ---- */
/* The domain checker in cart pages has a white form area */
html body #order-standard_cart .domain-checker-container,
html body #order-standard_cart .domain-checker-container > div,
html body #order-standard_cart .domain-checker-container > div > div,
html body #order-standard_cart .domain-checker-container .spotlight-tld-container,
html body #order-standard_cart .domain-search-container,
html body #order-standard_cart [class*="domain-checker"],
html body #order-standard_cart [class*="domain-search"] {
    background: #161b22 !important;
    background-image: none !important;
    background-color: #161b22 !important;
    color: #e6edf3 !important;
}

/* The form container inside domain checker */
html body #order-standard_cart .domain-checker-container .input-group {
    background: transparent !important;
}

/* Remove white background from any wrapper */
html body #order-standard_cart .domain-checker-container [style*="background"],
html body .domain-checker-container [style*="background"] {
    background: transparent !important;
    background-image: none !important;
}

/* ---- 33e. Domain Promo Boxes — fix dark-on-dark icons ---- */
html body #order-standard_cart .domain-promo-box i,
html body #order-standard_cart .domain-promo-box .fa,
html body #order-standard_cart .domain-promo-box .fas,
html body #order-standard_cart .domain-promo-box .far,
html body #order-standard_cart .domain-promo-box svg {
    color: #c3fe85 !important;
    fill: #c3fe85 !important;
}

html body #order-standard_cart .domain-promo-box img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.7 !important;
}

/* "Add Web Hosting" and "Transfer" boxes text */
html body #order-standard_cart .domain-promo-box .text-primary,
html body #order-standard_cart .domain-promo-box small,
html body #order-standard_cart .domain-promo-box p,
html body #order-standard_cart .domain-promo-box span {
    color: #b1bac4 !important;
}

/* ---- 33f. Choose a Domain — fix white sections ---- */
html body #order-standard_cart .domain-selection-options,
html body #order-standard_cart .domain-selection-options .panel,
html body #order-standard_cart .domain-selection-options .panel-body,
html body #order-standard_cart .domain-selection-options .option,
html body #order-standard_cart .domain-selection-options label,
html body #order-standard_cart .domain-selection-options .sub-options {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

html body #order-standard_cart .domain-selection-options .option {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin-bottom: 8px !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .domain-selection-options .option:hover {
    border-color: #484f58 !important;
    background: #1c2129 !important;
}

html body #order-standard_cart .domain-selection-options .option-selected,
html body #order-standard_cart .domain-selection-options .option.selected {
    border-color: #c3fe85 !important;
    background: rgba(195,254,133,.06) !important;
}

html body #order-standard_cart .domain-selection-options .option label,
html body #order-standard_cart .domain-selection-options .option span,
html body #order-standard_cart .domain-selection-options .option p,
html body #order-standard_cart .domain-selection-options .option a {
    color: #e6edf3 !important;
}

html body #order-standard_cart .domain-selection-options .sub-options {
    background: #161b22 !important;
    padding: 16px !important;
    border-radius: 8px !important;
}

/* Radio buttons custom styling */
html body #order-standard_cart .domain-selection-options input[type="radio"] + label::before,
html body #order-standard_cart .domain-selection-options .custom-control-label::before {
    background: #0d1117 !important;
    border-color: #30363d !important;
}

/* ---- 33g. Cart checkout — fix all light-on-light ---- */
html body #order-standard_cart .order-summary,
html body #order-standard_cart .order-summary-container,
html body #order-standard_cart .cart-body .panel-body,
html body #order-standard_cart .checkout-form,
html body #order-standard_cart .order-review {
    background: #161b22 !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .order-summary th {
    background: #1c2129 !important;
    color: #b1bac4 !important;
    border-color: #30363d !important;
}

html body #order-standard_cart .order-summary td {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #21262d !important;
}

html body #order-standard_cart .total-due-today {
    background: #1c2129 !important;
    border-color: #30363d !important;
    color: #c3fe85 !important;
}

/* Promo code input */
html body #order-standard_cart .promo-code input {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

/* ---- 33h. Announcements — reduce header size ---- */
.announcement-single h2,
.announcements-listing h2,
.announcements-listing h3 a,
.announcement-single .title h2 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
}

/* Announcement date */
.announcements-listing .date,
.announcement-single .date {
    color: #c3fe85 !important;
    font-size: 13px !important;
}

/* Announcement body text */
.announcements-listing .article-body,
.announcements-listing .card-body,
.announcements-listing p {
    color: #b1bac4 !important;
}

/* "Continue reading" button */
.announcements-listing .btn-link,
.announcements-listing a.btn {
    color: #c3fe85 !important;
    background: #21262d !important;
    border-color: #30363d !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
}

/* ---- 33i. Knowledgebase — fix dark-on-dark ---- */
.kb-categories i,
.kb-categories .fa,
.kb-categories .fas,
.kb-categories .far,
.kb-categories .fab {
    color: #c3fe85 !important;
}

.kb-categories a,
.kb-categories .article-title {
    color: #e6edf3 !important;
}

.kb-categories a:hover {
    color: #c3fe85 !important;
}

/* KB Article header */
.kb-article h1,
.kb-article h2,
.knowledgebase-article h1 {
    font-size: 1.5rem !important;
}

/* KB search results */
.kb-search .card {
    background: #161b22 !important;
    border-color: #30363d !important;
}

/* Breadcrumb icons in KB */
.kb-categories .folder-icon,
.kb-categories .file-icon {
    color: #7d8590 !important;
}

.panel-accent-lime,
.card-accent-lime {
    border-top-color: #c3fe85 !important;
}

/* Articles list */
.kb-article-list a,
.kb-article-list .article-title,
.knowledgebase .list-group-item a {
    color: #e6edf3 !important;
}

.knowledgebase .list-group-item i {
    color: #7d8590 !important;
}

/* ---- 33j. Register page form — fix light-on-light ---- */
.register-form .card,
.register-form .panel,
#frmRegister .card,
#frmRegister .panel {
    background: #161b22 !important;
    border-color: #30363d !important;
}

#frmRegister .card-header,
#frmRegister .panel-heading {
    background: #1c2129 !important;
    border-color: #30363d !important;
}

#frmRegister label,
#frmRegister .form-group label {
    color: #e6edf3 !important;
}

#frmRegister .form-control {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

#frmRegister .field-help-text,
#frmRegister small {
    color: #7d8590 !important;
}

/* ---- 33k. Login page fixes ---- */
.login-form .card,
.login-form .panel {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
}

.login-form .card-body {
    background: #161b22 !important;
}

.login-form .card-footer,
.login-form .panel-footer {
    background: #1c2129 !important;
    border-top: 1px solid #30363d !important;
}

.login-form label {
    color: #e6edf3 !important;
}

.login-form .form-control {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

.login-form a {
    color: #c3fe85 !important;
}

.login-form .input-group-text {
    background: #21262d !important;
    border-color: #30363d !important;
    color: #7d8590 !important;
}

/* Password eye icon */
.login-form .btn-password-toggle {
    background: #21262d !important;
    border-color: #30363d !important;
    color: #7d8590 !important;
}

/* Remember me checkbox */
.login-form .custom-control-label {
    color: #e6edf3 !important;
}

/* ---- 33l. Global white background killers ---- */
/* Catch-all for WHMCS elements that have white/light backgrounds */
html body .bg-white,
html body .background-white,
html body [style*="background-color: #fff"],
html body [style*="background-color: white"],
html body [style*="background: #fff"],
html body [style*="background: white"] {
    background: #161b22 !important;
    background-color: #161b22 !important;
}

html body .bg-light,
html body .background-light {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
}

/* Ensure all text-dark is visible */
html body .text-dark,
html body .text-body {
    color: #e6edf3 !important;
}

/* ---- 33m. Domain pricing table text ---- */
html body #order-standard_cart .domain-pricing td,
html body #order-standard_cart .domain-pricing .tld-row td,
html body #order-standard_cart .domain-pricing .domain-name {
    color: #e6edf3 !important;
}

html body #order-standard_cart .domain-pricing .tld-row .price {
    color: #c3fe85 !important;
    font-weight: 600 !important;
}

/* ---- 33n. Cart view / checkout table ---- */
html body #order-standard_cart .view-cart-items-table,
html body #order-standard_cart .view-cart-items-table td,
html body #order-standard_cart .view-cart-items-table th {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

html body #order-standard_cart .view-cart-items-table thead th {
    background: #1c2129 !important;
    color: #b1bac4 !important;
}

html body #order-standard_cart .empty-cart {
    color: #7d8590 !important;
}

/* ---- 33o. Custom radio/checkbox for dark mode ---- */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c3fe85 !important;
    border-color: #c3fe85 !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(195,254,133,.15) !important;
    border-color: #c3fe85 !important;
}

.custom-control-label::before {
    background: #0d1117 !important;
    border-color: #30363d !important;
}

input[type="radio"],
input[type="checkbox"] {
    accent-color: #c3fe85 !important;
}

/* ---- 33p. Icon visibility — force lime/gray for icons ---- */
#main-body .card i.fas,
#main-body .card i.far,
#main-body .card i.fab,
#main-body .panel i.fas,
#main-body .panel i.far {
    color: #7d8590;
}

/* Ensure card link icons are visible */
.card a i, .panel a i {
    color: inherit !important;
}

/* Primary content area links */
.primary-content a:not(.btn):not(.nav-link):not(.list-group-item) {
    color: #c3fe85 !important;
}

.primary-content a:not(.btn):not(.nav-link):not(.list-group-item):hover {
    color: #d4ff9f !important;
}

/* ---- 33q. Browse extensions — restyle category badges ---- */
html body #order-standard_cart .domain-pricing .tld-filters .badge {
    background: #21262d !important;
    color: #b1bac4 !important;
    border: 1px solid #30363d !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

html body #order-standard_cart .domain-pricing .tld-filters .badge:hover {
    border-color: #c3fe85 !important;
    color: #c3fe85 !important;
}

html body #order-standard_cart .domain-pricing .tld-filters .badge.badge-success,
html body #order-standard_cart .domain-pricing .tld-filters .badge.active {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    border-color: #c3fe85 !important;
    font-weight: 700 !important;
}

/* ---- 33r. Two-factor / password reset — dark forms ---- */
.login-container .card,
.login-container .panel {
    background: #161b22 !important;
    border-color: #30363d !important;
}

.login-container .card-header,
.login-container .panel-heading {
    background: #1c2129 !important;
}

.login-container .card-body {
    background: #161b22 !important;
}

.login-container label {
    color: #e6edf3 !important;
}

.login-container .form-control {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

/* ==========================================================
   34. FIXES v1.5
   ========================================================== */

/* ---- 34a. Home domain search — kill white input-group-wrapper ---- */
/* WHMCS theme.min.css sets background-color:#fff on .input-group-wrapper */
.home-domain-search .input-group-wrapper,
body .home-domain-search .input-group-wrapper,
html body .home-domain-search .input-group-wrapper,
.home-domain-search .input-group-wrapper[style],
.input-group-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Also fix the input-group inside it */
.home-domain-search .input-group {
    background: #21262d !important;
    border: 2px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.home-domain-search .input-group:focus-within {
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.15) !important;
}

.home-domain-search .input-group .form-control {
    background: transparent !important;
    border: none !important;
    color: #e6edf3 !important;
    padding: 14px 18px !important;
    height: auto !important;
    box-shadow: none !important;
}

.home-domain-search .input-group .btn {
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 14px 24px !important;
    margin: 4px !important;
    border-radius: 8px !important;
}

.home-domain-search .input-group .input-group-append {
    margin: 0 !important;
}

/* Mobile buttons */
.home-domain-search .row .btn-block {
    background: #c3fe85 !important;
    border-color: #c3fe85 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

/* ---- 34b. Cart domain checker — kill white wrapper ---- */
html body #order-standard_cart .domain-checker-container .input-group-wrapper,
html body #order-standard_cart .input-group-wrapper,
html body .domain-checker-container .input-group-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

html body #order-standard_cart .domain-checker-container .input-group {
    background: #0d1117 !important;
    border: 2px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html body #order-standard_cart .domain-checker-container .input-group:focus-within {
    border-color: #c3fe85 !important;
}

html body #order-standard_cart .domain-checker-container .input-group .form-control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 14px 18px !important;
    height: auto !important;
}

html body #order-standard_cart .domain-checker-container .input-group .btn {
    border: none !important;
    margin: 4px !important;
    border-radius: 8px !important;
}

/* Domain search results container */
html body #order-standard_cart .domain-checker-result-container,
html body #order-standard_cart .domain-search-results,
html body #order-standard_cart .domain-checker-available,
html body #order-standard_cart .domain-checker-unavailable,
html body #order-standard_cart [class*="domain-lookup"],
html body #order-standard_cart .lookup-result,
html body #order-standard_cart .domain-result {
    background: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-top: 12px !important;
}

html body #order-standard_cart .domain-checker-available .btn {
    background: #c3fe85 !important;
    color: #0d1117 !important;
}

html body #order-standard_cart .domain-checker-unavailable {
    border-left: 3px solid #f85149 !important;
}

/* ---- 34c. Cart View — dark mode for all cart items ---- */
html body #order-standard_cart .view-cart-items,
html body #order-standard_cart .view-cart-items-header {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .view-cart-items-header {
    background: #1c2129 !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #30363d !important;
    border-radius: 10px 10px 0 0 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    color: #b1bac4 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

html body #order-standard_cart .view-cart-items .item {
    background: #161b22 !important;
    border-bottom: 1px solid #21262d !important;
    padding: 16px 20px !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .view-cart-items .item:last-child {
    border-bottom: none !important;
}

html body #order-standard_cart .view-cart-items .item:hover {
    background: #1c2129 !important;
}

html body #order-standard_cart .view-cart-items .item .item-title {
    color: #e6edf3 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

html body #order-standard_cart .view-cart-items .item .item-group {
    color: #7d8590 !important;
    font-size: 13px !important;
}

html body #order-standard_cart .view-cart-items .item .item-domain {
    color: #58a6ff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
}

html body #order-standard_cart .view-cart-items .item .item-price span {
    color: #c3fe85 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

html body #order-standard_cart .view-cart-items .item .item-price .cycle {
    color: #7d8590 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

html body #order-standard_cart .view-cart-items .item .item-price .renewal {
    color: #484f58 !important;
    font-size: 12px !important;
}

html body #order-standard_cart .view-cart-items .item .btn-remove-from-cart {
    color: #484f58 !important;
}

html body #order-standard_cart .view-cart-items .item .btn-remove-from-cart:hover {
    color: #f85149 !important;
}

html body #order-standard_cart .view-cart-items .item .btn-link {
    color: #c3fe85 !important;
    font-size: 13px !important;
}

/* Empty Cart link */
html body #order-standard_cart .empty-cart,
html body #order-standard_cart a[href*="empty"] {
    color: #7d8590 !important;
}

/* ---- 34d. Order Summary sidebar (cart) ---- */
html body #order-standard_cart .order-summary,
html body #order-standard_cart .cart-sidebar .order-summary,
html body #order-standard_cart .cart-sidebar .card {
    background: #161b22 !important;
    border-color: #30363d !important;
}

html body #order-standard_cart .cart-sidebar .card-body {
    background: #161b22 !important;
}

html body #order-standard_cart .order-summary .subtotal-value,
html body #order-standard_cart .order-summary .total-value {
    color: #c3fe85 !important;
    font-weight: 700 !important;
}

html body #order-standard_cart .total-due-today,
html body #order-standard_cart .amt-due {
    background: #1c2129 !important;
    color: #c3fe85 !important;
    border-color: #30363d !important;
    padding: 16px !important;
    border-radius: 8px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Checkout button */
html body #order-standard_cart .btn-checkout,
html body #order-standard_cart #checkout {
    background: #c3fe85 !important;
    border-color: #c3fe85 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    width: 100% !important;
}

html body #order-standard_cart .btn-checkout:hover {
    background: #d4ff9f !important;
    box-shadow: 0 0 20px rgba(195,254,133,.3) !important;
}

/* Continue Shopping link */
html body #order-standard_cart a[href*="continue"],
html body #order-standard_cart .continue-shopping {
    color: #c3fe85 !important;
}

/* ---- 34e. Promo Code section ---- */
html body #order-standard_cart .promo-code,
html body #order-standard_cart .promo-code .panel,
html body #order-standard_cart .promo-code .card {
    background: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .promo-code .nav-tabs {
    border-color: #30363d !important;
}

html body #order-standard_cart .promo-code .nav-link {
    color: #c3fe85 !important;
}

html body #order-standard_cart .promo-code .nav-link.active {
    border-bottom-color: #c3fe85 !important;
}

html body #order-standard_cart .promo-code .form-control,
html body #order-standard_cart .promo-code input {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
}

html body #order-standard_cart .promo-code .btn {
    background: #21262d !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

html body #order-standard_cart .promo-code .btn:hover {
    background: #30363d !important;
}

/* ---- 34f. Billing Address / Register — fix white fields ---- */
/* Some fields use inline white from WHMCS core */
html body .form-control,
html body select.form-control,
html body input.form-control,
html body textarea.form-control {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
}

html body .form-control:focus,
html body select.form-control:focus,
html body input.form-control:focus {
    background: #161b22 !important;
    background-color: #161b22 !important;
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.15) !important;
    color: #e6edf3 !important;
}

/* Input group addons/prepends */
html body .input-group-prepend .input-group-text,
html body .input-group-append .input-group-text {
    background: #21262d !important;
    background-color: #21262d !important;
    border-color: #30363d !important;
    color: #7d8590 !important;
}

/* Select dropdowns */
html body select,
html body .custom-select {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

html body select option {
    background: #161b22 !important;
    color: #e6edf3 !important;
}

/* Country selector with flag */
html body .iti-flag + .form-control,
html body .intl-tel-input .form-control {
    background: #0d1117 !important;
    color: #e6edf3 !important;
}

/* ---- 34g. Announcement titles — smaller ---- */
.announcements-listing h2,
.announcements-listing h2 a,
.announcements-listing h3,
.announcements-listing h3 a,
.announcement-single h2,
.announcement-single .title h2,
body .announcements-listing h2,
body .announcements-listing h2 a {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* "Announcements" section header */
.announcements-listing .header-lined h1 {
    font-size: 1.5rem !important;
}

/* ---- 34h. KB Article titles — smaller ---- */
.kb-article h1,
.kb-article .article-title h1,
.knowledgebase-article h1,
.knowledgebase h1,
body .kb-article h1 {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
}

/* KB category headers */
.knowledgebase h3,
.knowledgebase .card-title {
    font-size: 1.1rem !important;
}

/* ---- 34i. Domain pricing — hide default table, show custom cards ---- */
/* We'll inject custom domain cards via JS instead */

/* Style the domain pricing rows better for dark mode */
html body #order-standard_cart .domain-pricing {
    background: transparent !important;
}

html body #order-standard_cart .domain-pricing table {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html body #order-standard_cart .domain-pricing table thead th {
    background: #1c2129 !important;
    color: #b1bac4 !important;
    border-color: #30363d !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    font-size: 12px !important;
    padding: 12px 16px !important;
}

html body #order-standard_cart .domain-pricing table td {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #21262d !important;
    padding: 12px 16px !important;
}

html body #order-standard_cart .domain-pricing table tr:hover td {
    background: #1c2129 !important;
}

/* Renewal price emphasis */
html body #order-standard_cart .domain-pricing .renewal-price {
    color: #c3fe85 !important;
}

/* ---- 34j. Choose a Domain — complete dark mode ---- */
html body #order-standard_cart .domain-selection-options {
    color: #e6edf3 !important;
}

/* The white container wrapping the options */
html body #order-standard_cart .domain-selection-options > .panel-body,
html body #order-standard_cart .domain-selection-options > div {
    background: #161b22 !important;
    color: #e6edf3 !important;
}

/* Override EVERYTHING white inside domain selection */
html body #order-standard_cart .domain-selection-options *:not(.btn):not(.dp-flag) {
    background-color: transparent !important;
}

html body #order-standard_cart .domain-selection-options > .panel,
html body #order-standard_cart .domain-selection-options .panel-body {
    background: #161b22 !important;
    border-color: #30363d !important;
}

/* The sub-options container that shows when an option is selected */
html body #order-standard_cart .domain-selection-options .sub-options,
html body #order-standard_cart .domain-selection-options .sub-options .panel,
html body #order-standard_cart .domain-selection-options .sub-options .panel-body,
html body #order-standard_cart .domain-selection-options .sub-options > div {
    background: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .domain-selection-options .sub-options .form-control,
html body #order-standard_cart .domain-selection-options .sub-options select {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

/* ---- 34k. Global — more aggressive white killers ---- */
/* Catch WHMCS inline styles */
html body [style*="background-color: rgb(255"],
html body [style*="background-color:#fff"],
html body [style*="background-color: #fff"],
html body [style*="background: #fff"],
html body [style*="background:white"],
html body [style*="background: white"],
html body [style*="background-color:white"] {
    background-color: #161b22 !important;
}

/* Make sure all card variants are dark */
html body .card.mb-3,
html body .card.mb-4,
html body .panel.card {
    background: #161b22 !important;
    border-color: #30363d !important;
}

html body .panel.card .panel-heading.card-header {
    background: #1c2129 !important;
    border-color: #30363d !important;
}

/* Tab content panels */
.tab-content {
    background: #161b22 !important;
    color: #e6edf3 !important;
}

.tab-pane {
    color: #e6edf3 !important;
}

/* ---- 34l. Domain promo icons — invert dark icons ---- */
html body #order-standard_cart .domain-promo-box .icon,
html body #order-standard_cart .domain-promo-box .promo-icon {
    filter: brightness(0) invert(1) !important;
    opacity: 0.7 !important;
}

/* The globe/hosting icons in promo boxes */
html body #order-standard_cart .domain-promo-box svg,
html body #order-standard_cart .domain-promo-box img:not(.dp-flag) {
    filter: brightness(0) invert(1) !important;
    opacity: 0.6 !important;
}

/* Ensure promo box buttons are lime */
html body #order-standard_cart .domain-promo-box .btn {
    background: #c3fe85 !important;
    border-color: #c3fe85 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

html body #order-standard_cart .domain-promo-box .btn:hover {
    background: #d4ff9f !important;
}

/* Promo box link colors */
html body #order-standard_cart .domain-promo-box a:not(.btn) {
    color: #c3fe85 !important;
}

/* ==========================================================
   35. FIXES v1.6 — NUCLEAR OVERRIDES
   ========================================================== */

/* ---- 35a. Home domain search — NUCLEAR specificity ---- */
/* theme.min.css has: .home-domain-search .input-group-wrapper { background-color:#fff } */
/* We need html body #main-body prefix to beat it */
html body #main-body .home-domain-search .input-group-wrapper,
html body section#main-body .home-domain-search .input-group-wrapper,
html body #main-body .home-domain-search .input-group-wrapper[class],
html body .home-domain-search .input-group-wrapper,
#main-body .home-domain-search .input-group-wrapper,
.home-domain-search > .container > .p-5 > .input-group-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* The input group itself — dark rounded bar */
html body .home-domain-search .input-group {
    background: #21262d !important;
    border: 2px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body .home-domain-search .input-group:focus-within {
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.12) !important;
}

html body .home-domain-search .input-group .form-control {
    background: transparent !important;
    border: none !important;
    color: #e6edf3 !important;
    padding: 14px 18px !important;
    height: auto !important;
    box-shadow: none !important;
    font-size: 15px !important;
}

html body .home-domain-search .input-group .form-control::placeholder {
    color: #7d8590 !important;
}

html body .home-domain-search .input-group .input-group-append {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    background: transparent !important;
    border: none !important;
}

html body .home-domain-search .input-group .btn {
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

/* The buttons inside need visibility - Search & Transfer */
html body .home-domain-search .input-group .btn-primary,
html body .home-domain-search .input-group .btn-success,
html body .home-domain-search .input-group #btnDomainSearch,
html body .home-domain-search .input-group #btnTransfer {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    border: none !important;
}

html body .home-domain-search .input-group .btn:hover {
    background: #d4ff9f !important;
}

/* Mobile buttons row */
html body .home-domain-search .d-sm-none .btn,
html body .home-domain-search #btnDomainSearch2,
html body .home-domain-search #btnTransfer2 {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

/* ---- 35b. Cart — view-cart-items DARK MODE ---- */
/* From the HTML: .view-cart-items > .item > .row > cols */
html body #order-standard_cart .view-cart-items {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html body #order-standard_cart .view-cart-items .view-cart-items-header,
html body #order-standard_cart .view-cart-items > .view-cart-items-header {
    background: #1c2129 !important;
    color: #b1bac4 !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #30363d !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

html body #order-standard_cart .view-cart-items .item {
    background: #161b22 !important;
    border-bottom: 1px solid #21262d !important;
    padding: 16px 20px !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .view-cart-items .item:last-child {
    border-bottom: none !important;
}

html body #order-standard_cart .view-cart-items .item .item-title {
    color: #e6edf3 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

html body #order-standard_cart .view-cart-items .item .item-title a,
html body #order-standard_cart .view-cart-items .item .item-title .btn-link {
    color: #c3fe85 !important;
    font-size: 12px !important;
}

html body #order-standard_cart .view-cart-items .item .item-group {
    color: #7d8590 !important;
    font-size: 13px !important;
    display: block !important;
}

html body #order-standard_cart .view-cart-items .item .item-domain {
    color: #58a6ff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    display: block !important;
    margin-top: 2px !important;
}

html body #order-standard_cart .view-cart-items .item .item-price span {
    color: #e6edf3 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
}

html body #order-standard_cart .view-cart-items .item .item-price .cycle {
    color: #7d8590 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    display: block !important;
}

html body #order-standard_cart .view-cart-items .item .item-price .renewal {
    color: #484f58 !important;
    font-size: 12px !important;
}

html body #order-standard_cart .view-cart-items .item .item-price .renewal-price {
    color: #7d8590 !important;
}

html body #order-standard_cart .view-cart-items .item .btn-remove-from-cart {
    color: #484f58 !important;
    font-size: 14px !important;
}

html body #order-standard_cart .view-cart-items .item .btn-remove-from-cart:hover {
    color: #f85149 !important;
}

/* Empty Cart */
html body #order-standard_cart .empty-cart,
html body #order-standard_cart a.empty-cart {
    color: #7d8590 !important;
    font-size: 13px !important;
}

/* ---- 35c. Order Summary sidebar ---- */
html body #order-standard_cart .order-summary,
html body #order-standard_cart .order-summary .card,
html body #order-standard_cart .order-summary .panel,
html body #order-standard_cart .cart-sidebar .order-summary {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    color: #e6edf3 !important;
    overflow: hidden !important;
}

html body #order-standard_cart .order-summary .card-header,
html body #order-standard_cart .order-summary .panel-heading {
    background: #1c2129 !important;
    border-bottom: 1px solid #30363d !important;
    color: #e6edf3 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    text-align: center !important;
}

html body #order-standard_cart .order-summary .card-header *,
html body #order-standard_cart .order-summary .panel-heading * {
    color: #e6edf3 !important;
}

html body #order-standard_cart .order-summary .card-body,
html body #order-standard_cart .order-summary .panel-body {
    background: #161b22 !important;
    padding: 16px !important;
}

html body #order-standard_cart .order-summary .subtotal-value,
html body #order-standard_cart .order-summary td:last-child {
    color: #e6edf3 !important;
    font-weight: 600 !important;
}

html body #order-standard_cart .order-summary .total-due-today {
    background: #1c2129 !important;
    color: #c3fe85 !important;
    padding: 16px !important;
    margin: 12px 0 !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

html body #order-standard_cart .order-summary table {
    color: #e6edf3 !important;
}

html body #order-standard_cart .order-summary table td {
    border-color: #21262d !important;
    padding: 8px 0 !important;
}

/* ---- 35d. Promo Code — dark ---- */
html body #order-standard_cart .promo-code {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

html body #order-standard_cart .promo-code .nav-tabs {
    border-bottom: 2px solid #30363d !important;
    margin-bottom: 16px !important;
}

html body #order-standard_cart .promo-code .nav-link {
    color: #c3fe85 !important;
    font-weight: 600 !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
}

html body #order-standard_cart .promo-code .nav-link.active {
    border-bottom-color: #c3fe85 !important;
    background: transparent !important;
}

html body #order-standard_cart .promo-code .form-control,
html body #order-standard_cart .promo-code input[type="text"] {
    background: #0d1117 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
}

html body #order-standard_cart .promo-code .btn {
    background: #21262d !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-weight: 600 !important;
}

html body #order-standard_cart .promo-code .btn:hover {
    background: #30363d !important;
    color: #c3fe85 !important;
}

/* ---- 35e. Billing / Register — NUCLEAR form overrides ---- */
/* Some WHMCS forms use inline styles or very specific selectors */
html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="tel"],
html body input[type="number"],
html body input[type="url"],
html body input[type="search"],
html body textarea,
html body select {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="tel"]:focus,
html body input[type="number"]:focus,
html body textarea:focus,
html body select:focus {
    background-color: #161b22 !important;
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.15) !important;
    color: #e6edf3 !important;
}

html body input::placeholder,
html body textarea::placeholder {
    color: #484f58 !important;
}

/* Select2 dropdowns (WHMCS country selector etc.) */
html body .select2-container--default .select2-selection--single {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e6edf3 !important;
}

html body .select2-dropdown {
    background-color: #161b22 !important;
    border-color: #30363d !important;
}

html body .select2-results__option {
    background: #161b22 !important;
    color: #e6edf3 !important;
}

html body .select2-results__option--highlighted {
    background: #21262d !important;
    color: #c3fe85 !important;
}

html body .select2-results__option[aria-selected="true"] {
    background: #c3fe85 !important;
    color: #0d1117 !important;
}

html body .select2-search--dropdown .select2-search__field {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

/* PhoneNumber / intl-tel-input */
html body .iti__selected-flag {
    background: #21262d !important;
}

html body .iti__country-list {
    background: #161b22 !important;
    border-color: #30363d !important;
}

html body .iti__country:hover {
    background: #21262d !important;
}

html body .iti__country.iti__highlight {
    background: #21262d !important;
}

/* ---- 35f. Announcement titles — FORCE SMALLER ---- */
/* Use extremely high specificity */
html body #main-body .announcements-listing h2,
html body #main-body .announcements-listing h2 a,
html body #main-body .announcements-listing h3,
html body #main-body .announcements-listing h3 a,
html body #main-body .announcement-single h2,
html body #main-body .announcement-single .title h2,
html body section#main-body .announcements-listing h2 a {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

/* Announcement page header */
html body #main-body .announcements-listing .header-lined h1,
html body #main-body .announcement-single .header-lined h1,
html body #main-body .header-lined h1 {
    font-size: 1.4rem !important;
}

/* ---- 35g. KB article titles — FORCE SMALLER ---- */
html body #main-body .kb-article h1,
html body #main-body .kb-article .article-title h1,
html body #main-body .knowledgebase-article h1,
html body #main-body .knowledgebase h1,
html body section#main-body .kb-article h1 {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

html body #main-body .knowledgebase h3,
html body #main-body .knowledgebase .card-title {
    font-size: 1rem !important;
}

/* ---- 35h. Domain registration — form padding ---- */
html body #order-standard_cart .domain-checker-container {
    padding: 30px !important;
}

html body #order-standard_cart .domain-checker-container .input-group-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body #order-standard_cart .domain-checker-container .input-group {
    background: #0d1117 !important;
    border: 2px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    max-width: 600px !important;
    margin: 20px auto !important;
}

html body #order-standard_cart .domain-checker-container .input-group:focus-within {
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.12) !important;
}

html body #order-standard_cart .domain-checker-container .input-group .form-control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 14px 18px !important;
    height: auto !important;
}

html body #order-standard_cart .domain-checker-container .input-group .btn {
    border: none !important;
    margin: 4px !important;
    border-radius: 8px !important;
}

/* Domain search results — available/unavailable */
html body #order-standard_cart .domain-lookup-result,
html body #order-standard_cart [id*="DomainSearchResults"],
html body #order-standard_cart .domain-available,
html body #order-standard_cart .domain-unavailable,
html body #order-standard_cart .spotlight-tlds,
html body #order-standard_cart .spotlight-tld-container,
html body #order-standard_cart .suggested-domains {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-top: 16px !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart .domain-available .btn,
html body #order-standard_cart .spotlight-tlds .btn {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

html body #order-standard_cart .domain-unavailable {
    border-left: 3px solid #f85149 !important;
}

html body #order-standard_cart .domain-unavailable * {
    color: #e6edf3 !important;
}

/* Spotlight TLD cards (the boxes that appear after search) */
html body #order-standard_cart .spotlight-tld {
    background: #1c2129 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 8px !important;
    text-align: center !important;
    transition: all .2s !important;
}

html body #order-standard_cart .spotlight-tld:hover {
    border-color: #c3fe85 !important;
    box-shadow: 0 0 20px rgba(195,254,133,.08) !important;
}

html body #order-standard_cart .spotlight-tld .domain {
    color: #e6edf3 !important;
    font-weight: 600 !important;
}

html body #order-standard_cart .spotlight-tld .price {
    color: #c3fe85 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
}

/* ---- 35i. Domain pricing table — dark ---- */
/* Also hide "Browse extensions by category" section header if needed */
html body #order-standard_cart .domain-pricing,
html body #order-standard_cart .domain-pricing > div {
    background: transparent !important;
}

html body #order-standard_cart .domain-pricing .tld-pricing-header {
    background: #1c2129 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
}

html body #order-standard_cart .domain-pricing .tld-pricing-header div,
html body #order-standard_cart .domain-pricing .tld-pricing-header .tld-column {
    background: #1c2129 !important;
    color: #b1bac4 !important;
    border-color: #30363d !important;
}

html body #order-standard_cart .domain-pricing .tld-row {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-top: none !important;
    color: #e6edf3 !important;
    padding: 12px 16px !important;
}

html body #order-standard_cart .domain-pricing .tld-row:last-child {
    border-radius: 0 0 10px 10px !important;
}

html body #order-standard_cart .domain-pricing .tld-row:hover {
    background: #1c2129 !important;
}

html body #order-standard_cart .domain-pricing .tld-row div {
    color: #e6edf3 !important;
}

html body #order-standard_cart .domain-pricing .tld-row .price-figure {
    color: #c3fe85 !important;
    font-weight: 600 !important;
}

html body #order-standard_cart .domain-pricing .tld-row .cycle {
    color: #7d8590 !important;
}

/* Category filter badges */
html body #order-standard_cart .domain-pricing .tld-filters {
    margin-bottom: 16px !important;
}

html body #order-standard_cart .domain-pricing .tld-filters .badge {
    background: #21262d !important;
    border: 1px solid #30363d !important;
    color: #b1bac4 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all .2s !important;
}

html body #order-standard_cart .domain-pricing .tld-filters .badge:hover {
    border-color: #c3fe85 !important;
    color: #c3fe85 !important;
}

html body #order-standard_cart .domain-pricing .tld-filters .badge.badge-success,
html body #order-standard_cart .domain-pricing .tld-filters .badge.active {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    border-color: #c3fe85 !important;
    font-weight: 700 !important;
}

/* Featured/Spotlight TLD cards */
html body #order-standard_cart .domain-pricing .featured-tld,
html body #order-standard_cart .domain-pricing .featured-tlds .tld-card {
    background: #1c2129 !important;
    border: 2px solid #30363d !important;
    border-radius: 10px !important;
    padding: 20px !important;
    text-align: center !important;
    transition: all .2s !important;
}

html body #order-standard_cart .domain-pricing .featured-tld:hover {
    border-color: #c3fe85 !important;
}

html body #order-standard_cart .domain-pricing .featured-tld .tld-name {
    color: #e6edf3 !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

html body #order-standard_cart .domain-pricing .featured-tld .price,
html body #order-standard_cart .domain-pricing .featured-tld .tld-price {
    color: #c3fe85 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    background: transparent !important;
}

/* ---- 35j. Choose a Domain panel — more aggressive ---- */
html body #order-standard_cart #frmDomainChecker .panel,
html body #order-standard_cart #frmDomainChecker .panel-body,
html body #order-standard_cart #frmDomainChecker > .panel > .panel-body {
    background: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

html body #order-standard_cart #frmDomainChecker .panel-body .sub-heading {
    color: #b1bac4 !important;
}

/* ---- 35k. Tab pane backgrounds ---- */
html body .tab-content,
html body .tab-pane {
    background: transparent !important;
    color: #e6edf3 !important;
}

/* ==========================================================
   36. SPACING & FONT SIZE FIXES — v1.8
   (No restyling, only sizing and spacing adjustments)
   ========================================================== */

/* ---- 36a. Hide "Portal Home" nav item ---- */
.header .main-navbar-wrapper .navbar-nav > li[menuItemName="Portal Home"] {
    display: none !important;
}

/* ---- 36b. Page titles (h1) — too large by default ---- */
.header-lined h1 {
    font-size: 1.5rem !important;
}

.header-lined p {
    font-size: 14px !important;
}

/* ---- 36c. Announcement titles — smaller ---- */
html body #main-body .announcements-listing h2 a,
html body #main-body .announcements-listing h3 a,
html body #main-body .announcement-single h2,
html body #main-body .announcement-single .title h2 {
    font-size: 1.2rem !important;
    line-height: 1.35 !important;
}

/* "Announcements" page heading */
html body #main-body .announcements-listing .header-lined h1 {
    font-size: 1.4rem !important;
}

/* ---- 36d. KB article titles — smaller ---- */
html body #main-body .kb-article h1,
html body #main-body .knowledgebase-article h1,
html body #main-body .knowledgebase h1 {
    font-size: 1.3rem !important;
    line-height: 1.35 !important;
}

/* ---- 36e. Cart product card header — tighten ---- */
html body #order-standard_cart .products .product header {
    padding: 14px 20px !important;
    font-size: 1.05rem !important;
}

/* ---- 36f. Cart product card description — breathing room ---- */
html body #order-standard_cart .products .product .product-desc {
    padding: 20px !important;
}

html body #order-standard_cart .products .product .product-desc ul li {
    padding: 7px 0 7px 32px !important;
    font-size: 14px !important;
}

/* ---- 36g. Cart product card footer — match body bg ---- */
html body #order-standard_cart .products .product footer {
    padding: 16px 20px !important;
}

html body #order-standard_cart .products .product footer .product-pricing {
    margin-bottom: 10px !important;
}

html body #order-standard_cart .products .product footer .product-pricing .price {
    font-size: 1.3rem !important;
}

/* ---- 36h. Home domain search — tighten bottom padding ---- */
.home-domain-search .p-5 {
    padding: 2rem !important;
}

.home-domain-search h2 {
    font-size: 1.5rem !important;
    margin-bottom: 20px !important;
}

/* ---- 36i. Domain checker in cart — heading size ---- */
html body #order-standard_cart .domain-checker-container h2,
html body #order-standard_cart .domain-checker-container h3 {
    font-size: 1.3rem !important;
    margin-bottom: 16px !important;
}

/* ---- 36j. Cart review items — tighter rows ---- */
html body #order-standard_cart .view-cart-items .item {
    padding: 14px 20px !important;
}

/* ---- 36k. Footer — tighter spacing ---- */
.footer .dprime-footer-main {
    padding: 36px 0 24px !important;
}

.footer .dprime-footer-col h5 {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    margin-bottom: 12px !important;
}

.footer .dprime-footer-col ul li {
    margin-bottom: 6px !important;
}

.footer .dprime-footer-col ul li a {
    font-size: 13px !important;
}

.footer .dprime-footer-tagline {
    font-size: 13px !important;
    margin: 8px 0 12px !important;
}

.footer .dprime-footer-abn {
    font-size: 11px !important;
}

.footer .dprime-footer-bottom {
    padding: 14px 0 !important;
}

.footer .dprime-footer-bottom .copyright {
    font-size: 12px !important;
    margin: 0 !important;
}

/* ---- 36l. Cart sub-heading span — light bg fix ---- */
/* theme.min.css: body #order-standard_cart .sub-heading span { background: #f8f9fa } */
html body #order-standard_cart .sub-heading span,
html body #order-standard_cart .sub-heading span.primary-bg-color {
    background: #1c2129 !important;
    background-color: #1c2129 !important;
    color: #c3fe85 !important;
    padding: 4px 14px !important;
    border-radius: 6px !important;
}

/* ---- 36m. Cart panel-addon panel-price — light bg fix ---- */
/* all.min.css: #order-standard_cart .panel-addon .panel-price { background-color: #e8e8e8 } */
html body #order-standard_cart .panel-addon .panel-price {
    background: #1c2129 !important;
    background-color: #1c2129 !important;
    color: #c3fe85 !important;
    border-radius: 6px !important;
}

/* ---- 36n. H1 global — 2.5rem → 2rem ---- */
h1, .h1 {
    font-size: 2rem !important;
}

/* ==========================================================
   37. FIXES — v2.0
   ========================================================== */

/* ---- 37a. Empty cart — white bg fix ---- */
/* theme.min.css: body #order-standard_cart .cart-body .view-cart-empty { background-color: #fff } */
html body #order-standard_cart .cart-body .view-cart-empty,
html body #order-standard_cart .view-cart-empty {
    background-color: #161b22 !important;
    background: #161b22 !important;
    color: #7d8590 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
}

/* ---- 37b. Cart total amount — 2.3em → 2em ---- */
html body #order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 2em !important;
}

/* ---- 37c. Domain pricing page — full table styling ---- */
/* The standalone domain pricing page table */
.domain-pricing-table,
.table-domain-pricing,
#tableDomainPricing,
.tld-pricing-table {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
}

.domain-pricing-table thead th,
.table-domain-pricing thead th,
#tableDomainPricing thead th,
.tld-pricing-table thead th {
    background: #1c2129 !important;
    color: #b1bac4 !important;
    border-color: #30363d !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    font-size: 11px !important;
    padding: 12px 14px !important;
}

.domain-pricing-table tbody td,
.table-domain-pricing tbody td,
#tableDomainPricing tbody td,
.tld-pricing-table tbody td {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #21262d !important;
    padding: 12px 14px !important;
    font-size: 13.5px !important;
    vertical-align: middle !important;
}

.domain-pricing-table tbody tr:hover td,
.table-domain-pricing tbody tr:hover td,
#tableDomainPricing tbody tr:hover td,
.tld-pricing-table tbody tr:hover td {
    background: #1c2129 !important;
}

/* TLD name column */
.domain-pricing-table tbody td:first-child,
.table-domain-pricing tbody td:first-child,
#tableDomainPricing tbody td:first-child {
    color: #c3fe85 !important;
    font-weight: 600 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Category badges */
.domain-pricing-table .badge,
.table-domain-pricing .badge,
#tableDomainPricing .badge {
    background: #21262d !important;
    color: #b1bac4 !important;
    border: 1px solid #30363d !important;
    border-radius: 12px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

/* Domain pricing page — category filter tabs */
.domain-pricing .nav-pills .nav-link,
[class*="tld-filter"] .badge,
.tld-filters .badge {
    background: #21262d !important;
    color: #b1bac4 !important;
    border: 1px solid #30363d !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all .2s !important;
    margin-right: 6px !important;
    margin-bottom: 6px !important;
}

.domain-pricing .nav-pills .nav-link:hover,
[class*="tld-filter"] .badge:hover,
.tld-filters .badge:hover {
    border-color: #c3fe85 !important;
    color: #c3fe85 !important;
}

.domain-pricing .nav-pills .nav-link.active,
[class*="tld-filter"] .badge.active,
[class*="tld-filter"] .badge.badge-success,
.tld-filters .badge.badge-success {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    border-color: #c3fe85 !important;
    font-weight: 700 !important;
}

/* Search/filter input on pricing page */
.domain-pricing input[type="search"],
.domain-pricing .dataTables_filter input,
.dataTables_filter input {
    background: #0d1117 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
}

.domain-pricing .dataTables_filter input:focus,
.dataTables_filter input:focus {
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.12) !important;
}

/* DataTable info/pagination text */
.dataTables_info {
    color: #7d8590 !important;
    font-size: 13px !important;
}

.dataTables_length select {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
}

.dataTables_length label {
    color: #7d8590 !important;
}

/* Grace/Redemption period small text */
.domain-pricing-table tbody td small,
.table-domain-pricing tbody td small,
#tableDomainPricing tbody td small {
    color: #7d8590 !important;
    font-size: 11px !important;
}

/* ---- 37d. Home domain search — mobile fix ---- */
@media (max-width: 575.98px) {
    .home-domain-search .p-5 {
        padding: 1.5rem 1rem !important;
    }

    .home-domain-search h2 {
        font-size: 1.3rem !important;
        margin-bottom: 16px !important;
    }

    /* Stack buttons below input on mobile */
    html body .home-domain-search .input-group {
        flex-wrap: wrap !important;
        border-radius: 10px !important;
    }

    html body .home-domain-search .input-group .form-control {
        width: 100% !important;
        border-radius: 10px 10px 0 0 !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    html body .home-domain-search .input-group .input-group-append {
        width: 100% !important;
        display: flex !important;
        padding: 4px !important;
    }

    html body .home-domain-search .input-group .input-group-append .btn {
        flex: 1 !important;
        border-radius: 0 0 8px 8px !important;
        padding: 12px !important;
        font-size: 14px !important;
    }

    /* The d-sm-none mobile buttons row */
    .home-domain-search .d-sm-none .col-6 {
        padding: 0 4px !important;
    }

    .home-domain-search .d-sm-none .btn {
        padding: 12px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }
}

/* ---- 37e. Home domain search — desktop polish ---- */
@media (min-width: 576px) {
    html body .home-domain-search .input-group {
        max-width: 680px !important;
        margin: 0 auto !important;
    }
}

/* ---- 37f. Header — mobile improvements ---- */
@media (max-width: 575.98px) {
    .header .navbar-brand img,
    .header .navbar-brand svg {
        max-height: 22px !important;
    }

    .header .main-navbar-wrapper .navbar-nav .nav-link {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }

    .header .navbar-collapse {
        padding: 8px 0 !important;
    }

    .header .search-btn,
    .header .cart-btn {
        padding: 6px 10px !important;
    }
}

/* ---- 37g. Browse Products/Services — cards polish ---- */
/* These are the homepage product group cards */
.card-columns.home {
    column-count: auto !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 16px !important;
}

.card-columns.home .card {
    margin-bottom: 0 !important;
    border: 1px solid #30363d !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: border-color .2s, box-shadow .2s, transform .2s !important;
}

.card-columns.home .card:hover {
    border-color: #c3fe85 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(195,254,133,.08) !important;
}

.card-columns.home .card .card-body {
    padding: 24px 20px !important;
    text-align: center !important;
}

.card-columns.home .card .card-title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    color: #e6edf3 !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

.card-columns.home .card .card-body p {
    font-size: 13.5px !important;
    color: #7d8590 !important;
    margin-bottom: 16px !important;
    line-height: 1.5 !important;
}

.card-columns.home .card .btn-outline-primary {
    color: #c3fe85 !important;
    border-color: #c3fe85 !important;
    background: transparent !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 9px 20px !important;
    font-size: 13.5px !important;
    transition: all .2s !important;
}

.card-columns.home .card .btn-outline-primary:hover {
    background: #c3fe85 !important;
    color: #0d1117 !important;
}

/* Section heading */
h2.text-center.m-4 {
    font-size: 1.3rem !important;
    margin: 28px 0 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* Responsive grid */
@media (max-width: 575.98px) {
    .card-columns.home {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 0 !important;
    }

    h2.text-center.m-4 {
        font-size: 1.15rem !important;
        margin: 20px 0 12px !important;
    }
}

/* ==========================================================
   38. FIXES — v2.1
   ========================================================== */

/* ---- 38a. Mobile home — hide duplicate buttons ---- */
/* The input-group-append buttons should stay hidden on mobile (d-none d-sm-block) */
/* Our CSS was overriding the display. Fix: don't force display on small screens */
@media (max-width: 575.98px) {
    html body .home-domain-search .input-group .input-group-append {
        display: none !important;
    }
}

/* ---- 38b. Cart total price — smaller ---- */
html body #order-standard_cart .order-summary .total-due-today #totalDueToday,
html body #order-standard_cart .order-summary .total-due-today .amt,
html body #order-standard_cart #totalDueToday,
#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 1.6em !important;
}

/* ---- 38a FIX — hide the SEPARATE mobile button row, keep input-group buttons ---- */
@media (max-width: 575.98px) {
    /* Undo: show the input-group-append buttons */
    html body .home-domain-search .input-group .input-group-append {
        display: flex !important;
    }

    /* Hide the separate d-sm-none mobile button row */
    html body .home-domain-search .d-sm-none,
    html body .home-domain-search .row.d-sm-none,
    .home-domain-search > .container > .p-5 > .row.d-sm-none {
        display: none !important;
    }
}

/* ==========================================================
   39. FIXES — v2.3 — Support ticket markdown editor
   ========================================================== */

/* ---- 39a. Markdown editor container ---- */
.md-editor {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* ---- 39b. Markdown toolbar ---- */
.md-editor .md-header,
.md-editor .md-header.btn-toolbar {
    background: #1c2129 !important;
    border-bottom: 1px solid #30363d !important;
    padding: 6px 8px !important;
}

.md-editor .md-header .btn,
.md-editor .md-header .btn-default,
.md-editor .md-header .btn-sm {
    background: #21262d !important;
    border-color: #30363d !important;
    color: #b1bac4 !important;
}

.md-editor .md-header .btn:hover {
    background: #30363d !important;
    color: #e6edf3 !important;
}

.md-editor .md-header .btn-primary {
    background: #c3fe85 !important;
    border-color: #c3fe85 !important;
    color: #0d1117 !important;
}

/* Fullscreen control icon */
.md-editor .md-controls a {
    color: #7d8590 !important;
}

.md-editor .md-controls a:hover {
    color: #c3fe85 !important;
}

/* ---- 39c. Markdown textarea ---- */
.md-editor .md-input,
.md-editor textarea.md-input,
textarea.markdown-editor.md-input {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border: none !important;
    border-top: 1px solid #30363d !important;
}

.md-editor textarea.md-input:focus {
    background: #0d1117 !important;
    color: #e6edf3 !important;
    box-shadow: none !important;
}

/* ---- 39d. Markdown footer ---- */
.md-editor .md-footer {
    background: #1c2129 !important;
    border-top: 1px solid #30363d !important;
    color: #7d8590 !important;
    padding: 4px 10px !important;
}

.md-editor .md-footer .small-font,
.md-editor .md-footer span {
    color: #7d8590 !important;
}

.md-editor .md-footer .markdown-save {
    color: #c3fe85 !important;
}

/* ---- 39e. Markdown fullscreen mode ---- */
.md-editor.md-fullscreen-mode {
    background: #0d1117 !important;
}

.md-editor .md-fullscreen-controls a {
    color: #7d8590 !important;
}

/* ---- 39f. Custom file input (attachments) ---- */
.custom-file-label,
.custom-file-label.text-truncate {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    border: 1px solid #30363d !important;
    color: #7d8590 !important;
}

.custom-file-label::after {
    background: #21262d !important;
    background-color: #21262d !important;
    border-left: 1px solid #30363d !important;
    color: #e6edf3 !important;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #c3fe85 !important;
    box-shadow: 0 0 0 3px rgba(195,254,133,.12) !important;
}

/* Add More button */
.attachment-group .btn-default {
    background: #21262d !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

.attachment-group .btn-default:hover {
    background: #30363d !important;
}

/* Allowed file types text */
.attachment-group + .text-muted small,
#fileUploadsContainer + .text-muted small,
.form-group .text-muted small {
    color: #7d8590 !important;
}

/* ==========================================================
   40. FIXES — v2.4 — Ticket view reply styling
   ========================================================== */

/* ---- 40a. Ticket reply header (Posted by) ---- */
.ticket-reply .posted-by,
.ticket-reply-header,
.posted-by {
    background: #1c2129 !important;
    background-color: #1c2129 !important;
    color: #b1bac4 !important;
    border-bottom: 1px solid #30363d !important;
    padding: 10px 16px !important;
}

.posted-by strong,
.posted-by b {
    color: #e6edf3 !important;
}

/* ---- 40b. Owner/Staff badge ---- */
.requestor-badge,
.requestor-type-owner,
.requestor-type-operator {
    background: #c3fe85 !important;
    color: #0d1117 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
}

/* Staff badge different color */
.requestor-type-operator {
    background: #58a6ff !important;
}

/* ---- 40c. Ticket reply body ---- */
.ticket-reply .reply-body,
.ticket-reply .ticket-reply-body {
    background: #161b22 !important;
    color: #e6edf3 !important;
}

/* ---- 40d. Ticket reply container ---- */
.ticket-reply,
.ticket-reply-container > div {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

/* IP address / footer area */
.ticket-reply .ticket-reply-footer,
.ticket-reply small {
    color: #7d8590 !important;
    border-top: 1px solid #21262d !important;
}

/* ==========================================================
   41. FIXES — v2.5 — Support ticket list table
   ========================================================== */

/* ---- 41a. Ticket list table rows ---- */
.table tbody tr,
.table tbody tr.odd,
.table tbody tr.even,
table.dataTable tbody tr,
table.dataTable tbody tr.odd,
table.dataTable tbody tr.even {
    background: #161b22 !important;
    background-color: #161b22 !important;
    color: #e6edf3 !important;
}

.table tbody tr:hover,
table.dataTable tbody tr:hover {
    background: #1c2129 !important;
    background-color: #1c2129 !important;
    cursor: pointer !important;
}

.table tbody td,
table.dataTable tbody td {
    background: transparent !important;
    border-color: #21262d !important;
    color: #e6edf3 !important;
}

/* Ticket number & subject links */
.table tbody td a,
table.dataTable tbody td a {
    color: #c3fe85 !important;
}

.table tbody td a .ticket-number {
    color: #c3fe85 !important;
    font-weight: 600 !important;
}

.table tbody td a .ticket-subject {
    color: #e6edf3 !important;
}

.table tbody td a .border-left {
    border-left-color: #30363d !important;
}

/* Status badges */
.label.status,
span.label.status {
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
}

.label.status-open,
span.status-open {
    background: #c3fe85 !important;
    color: #0d1117 !important;
}

.label.status-answered,
span.status-answered {
    background: #58a6ff !important;
    color: #fff !important;
}

.label.status-closed,
span.status-closed {
    background: #484f58 !important;
    color: #e6edf3 !important;
}

.label.status-customerreply,
span.status-customerreply {
    background: #d29922 !important;
    color: #0d1117 !important;
}

/* ---- 41b. DataTable pagination ---- */
.dataTables_paginate .page-item .page-link,
.dataTables_paginate .paginate_button {
    background: #21262d !important;
    border-color: #30363d !important;
    color: #b1bac4 !important;
}

.dataTables_paginate .page-item.active .page-link,
.dataTables_paginate .paginate_button.current {
    background: #c3fe85 !important;
    border-color: #c3fe85 !important;
    color: #0d1117 !important;
}

.dataTables_paginate .page-item .page-link:hover,
.dataTables_paginate .paginate_button:hover {
    background: #30363d !important;
    color: #e6edf3 !important;
}

/* ---- 41c. Show entries select ---- */
.dataTables_length select {
    background: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

.dataTables_length label,
.dataTables_info {
    color: #7d8590 !important;
}

/* ==========================================================
   42. FIXES — v3.0 — Product details & labels
   ========================================================== */

/* ---- 42a. label-success (Active badge) — light on light fix ---- */
.label.label-success,
span.label.label-success {
    background: #c3fe85 !important;
    background-color: #c3fe85 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
}

.label.label-default {
    background: #21262d !important;
    color: #b1bac4 !important;
}

.label.label-primary {
    background: #58a6ff !important;
    color: #fff !important;
}

.label.label-warning {
    background: #d29922 !important;
    color: #0d1117 !important;
}

.label.label-danger {
    background: #f85149 !important;
    color: #fff !important;
}

.label.label-info {
    background: #58a6ff !important;
    color: #fff !important;
}

/* ---- 42b. Nav tabs — hover/inactive fix ---- */
.nav-tabs .nav-item .nav-link {
    color: #7d8590 !important;
    background: transparent !important;
    border-color: transparent !important;
}

.nav-tabs .nav-item .nav-link:hover {
    color: #e6edf3 !important;
    background: #1c2129 !important;
    border-color: #30363d #30363d transparent !important;
}

.nav-tabs .nav-item .nav-link.active {
    color: #c3fe85 !important;
    background: #161b22 !important;
    border-color: #30363d #30363d #161b22 !important;
}

.nav-tabs {
    border-bottom-color: #30363d !important;
}

/* ---- 42c. Product details — service overview card ---- */
.product-details-tab .product-icon,
.product-icon {
    background: #1c2129 !important;
    background-color: #1c2129 !important;
}

.product-details-tab .product-icon img {
    opacity: 0.7 !important;
}

/* The status bar under the product icon */
.product-status {
    border-radius: 0 0 8px 8px !important;
}

/* ---- 42d. label-default — higher specificity ---- */
html body .label.label-default,
html body span.label.label-default,
.panel-title .label.label-default,
.badge.label-default {
    background: #21262d !important;
    background-color: #21262d !important;
    color: #b1bac4 !important;
    border: 1px solid #30363d !important;
}

/* ==========================================================
   43. FIXES — v3.2 — Product icon & flags
   ========================================================== */

/* ---- 43a. Product icon container — force dark ---- */
html body .product-icon,
html body .product-icon.text-center,
html body .product-details-tab .product-icon {
    background: #1c2129 !important;
    background-color: #1c2129 !important;
}

/* The fa-circle behind the icon — make it dark/lime */
html body .product-icon .fa-stack .fa-circle {
    color: #21262d !important;
}

html body .product-icon .fa-stack .fa-inverse {
    color: #c3fe85 !important;
}

/* Product name & group inside icon area */
html body .product-icon h3,
html body .product-icon h4 {
    color: #e6edf3 !important;
}

html body .product-icon h4 {
    color: #7d8590 !important;
}