/**
 * Sesama Media 2 - Complete Dark Theme Override
 * ==============================================
 * 
 * Brand Colors:
 * - Primary Background: #000000 (Black)
 * - Primary Text: #FFFFFF (White)
 * - Secondary Dark Background: #1B1812 (Charcoal Black)
 * 
 * Signature Gradient (Left → Right):
 * - #2E3380 (Deep Blue)
 * - #3B1976 (Royal Purple)
 * - #B10C3B (Magenta Red)
 * - #FF6A1A (Vibrant Orange)
 * - #FFD24A (Golden Highlight)
 */

/* ==========================================================================
   CSS VARIABLES
   ========================================================================== */

:root {
    /* Bootstrap Color Overrides */
    --blue: #2E3380;
    --indigo: #3B1976;
    --purple: #3B1976;
    --pink: #B10C3B;
    --red: #B10C3B;
    --orange: #FF6A1A;
    --yellow: #FFD24A;
    --green: #22C55E;
    --teal: #20c997;
    --cyan: #2E3380;
    --white: #1B1812;
    --gray: rgba(255, 255, 255, 0.5);
    --gray-dark: #1B1812;
    
    /* Theme Colors */
    --primary: #FF6A1A;
    --secondary: #3B1976;
    --success: #22C55E;
    --info: #2E3380;
    --warning: #FFD24A;
    --danger: #B10C3B;
    --light: #1B1812;
    --dark: #000000;
    
    /* Body */
    --body-bg: #000000;
    --body-color: #FFFFFF;
}

/* ==========================================================================
   GLOBAL - CATCH ALL WHITE BACKGROUNDS
   ========================================================================== */

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Universal white background override */
.bg-white,
.bg-light,
.background-white,
.white-bg,
[style*="background: #fff"],
[style*="background: white"],
[style*="background:#fff"],
[style*="background-color: #fff"],
[style*="background-color: white"],
[style*="background-color:#fff"] {
    background-color: #1B1812 !important;
}

/* ==========================================================================
   MAIN LAYOUT CONTAINERS
   ========================================================================== */

#main-body,
.main-body,
main,
.main-content,
#main-content,
.content-area,
#content,
.wrapper,
#wrapper,
.page-wrapper,
.site-content,
.container-fluid,
section {
    background-color: #000000 !important;
}

.container {
    background-color: transparent !important;
}

/* ==========================================================================
   HEADER & NAVIGATION
   ========================================================================== */

header,
#header,
.header,
.site-header,
.navbar,
.navbar-default,
.navbar-light,
.navbar-expand-lg,
.main-menu,
.top-bar,
.topbar,
nav {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.navbar-light .navbar-nav .nav-link,
.navbar-nav .nav-link,
.navbar-default .navbar-nav > li > a,
.nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-nav .nav-link:hover,
.navbar-default .navbar-nav > li > a:hover {
    color: #FF6A1A !important;
}

.navbar-brand,
.navbar-light .navbar-brand {
    color: #FFFFFF !important;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.navbar-toggler-icon {
    filter: invert(1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ==========================================================================
   LINKS
   ========================================================================== */

a {
    color: #FF6A1A;
}

a:hover,
a:focus {
    color: #FFD24A;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

.btn-primary {
    background: linear-gradient(90deg, #2E3380, #3B1976, #B10C3B, #FF6A1A, #FFD24A) !important;
    background-size: 200% auto !important;
    border: none !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-position: right center !important;
    box-shadow: 0 4px 15px rgba(255, 106, 26, 0.4) !important;
    color: #FFFFFF !important;
}

.btn-secondary {
    background-color: #3B1976 !important;
    border-color: #3B1976 !important;
    color: #FFFFFF !important;
}

.btn-secondary:hover {
    background-color: #2E3380 !important;
    border-color: #2E3380 !important;
}

.btn-success {
    background-color: #22C55E !important;
    border-color: #22C55E !important;
}

.btn-danger {
    background-color: #B10C3B !important;
    border-color: #B10C3B !important;
}

.btn-warning {
    background-color: #FFD24A !important;
    border-color: #FFD24A !important;
    color: #000000 !important;
}

.btn-info {
    background-color: #2E3380 !important;
    border-color: #2E3380 !important;
    color: #FFFFFF !important;
}

.btn-light,
.btn-default {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.btn-light:hover,
.btn-default:hover {
    background-color: #252017 !important;
    border-color: #FF6A1A !important;
    color: #FF6A1A !important;
}

.btn-outline-primary {
    color: #FF6A1A !important;
    border-color: #FF6A1A !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

.btn-outline-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.btn-outline-secondary:hover {
    background-color: #3B1976 !important;
    border-color: #3B1976 !important;
    color: #FFFFFF !important;
}

.btn-link {
    color: #FF6A1A !important;
}

.btn-link:hover {
    color: #FFD24A !important;
}

/* ==========================================================================
   CARDS & PANELS
   ========================================================================== */

.card,
.panel,
.panel-default,
.panel-primary,
.panel-info,
.panel-success,
.panel-warning,
.panel-danger,
.box,
.widget {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.card-header,
.card-head,
.panel-heading {
    background-color: rgba(27, 24, 18, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.card-body,
.panel-body {
    background-color: #1B1812 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.card-footer,
.panel-footer {
    background-color: rgba(27, 24, 18, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.card-title,
.panel-title {
    color: #FFFFFF !important;
}

/* ==========================================================================
   TABLES
   ========================================================================== */

.table,
table {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

.table th,
.table td,
th, td {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.table thead th,
thead th {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;
}

.table tbody tr,
tbody tr {
    background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(27, 24, 18, 0.5) !important;
}

.table-striped tbody tr:nth-of-type(even),
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: transparent !important;
}

.table-hover tbody tr:hover,
.table-hover > tbody > tr:hover {
    background-color: rgba(255, 106, 26, 0.1) !important;
    color: #FFFFFF !important;
}

.table-bordered {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.table-dark,
.thead-dark th {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.table-light,
.thead-light th {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   FORMS
   ========================================================================== */

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
select,
.custom-select {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus,
.custom-select:focus {
    background-color: #252017 !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 106, 26, 0.25) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.form-control:disabled,
.form-control[readonly],
input:disabled,
input[readonly] {
    background-color: rgba(27, 24, 18, 0.5) !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

label,
.form-label,
.control-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

.form-text,
.help-block {
    color: rgba(255, 255, 255, 0.5) !important;
}

.input-group-text {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.input-group-prepend .btn,
.input-group-append .btn {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Custom checkbox/radio */
.custom-control-label::before {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF6A1A !important;
    border-color: #FF6A1A !important;
}

/* ==========================================================================
   DROPDOWNS
   ========================================================================== */

.dropdown-menu {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.dropdown-item {
    color: rgba(255, 255, 255, 0.8) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(255, 106, 26, 0.15) !important;
    color: #FFFFFF !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

.dropdown-divider {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dropdown-header {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ==========================================================================
   MODALS
   ========================================================================== */

.modal-content {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.modal-header {
    background-color: rgba(27, 24, 18, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-body {
    background-color: #1B1812 !important;
}

.modal-footer {
    background-color: rgba(27, 24, 18, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-title {
    color: #FFFFFF !important;
}

.modal-backdrop {
    background-color: #000000 !important;
}

.close,
button.close {
    color: #FFFFFF !important;
    text-shadow: none !important;
    opacity: 0.7 !important;
}

.close:hover {
    color: #FF6A1A !important;
    opacity: 1 !important;
}

/* ==========================================================================
   ALERTS
   ========================================================================== */

.alert {
    border-width: 1px !important;
}

.alert-primary {
    background-color: rgba(255, 106, 26, 0.15) !important;
    border-color: rgba(255, 106, 26, 0.3) !important;
    color: #FF6A1A !important;
}

.alert-secondary {
    background-color: rgba(59, 25, 118, 0.15) !important;
    border-color: rgba(59, 25, 118, 0.3) !important;
    color: #b39ddb !important;
}

.alert-success {
    background-color: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #22C55E !important;
}

.alert-danger,
.alert-error {
    background-color: rgba(177, 12, 59, 0.15) !important;
    border-color: rgba(177, 12, 59, 0.3) !important;
    color: #ef5350 !important;
}

.alert-warning {
    background-color: rgba(255, 210, 74, 0.15) !important;
    border-color: rgba(255, 210, 74, 0.3) !important;
    color: #FFD24A !important;
}

.alert-info {
    background-color: rgba(46, 51, 128, 0.15) !important;
    border-color: rgba(46, 51, 128, 0.3) !important;
    color: #7986cb !important;
}

.alert-light {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.alert-dark {
    background-color: #000000 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   BADGES & LABELS
   ========================================================================== */

.badge-primary, .bg-primary:not(.btn) { background-color: #FF6A1A !important; color: #FFFFFF !important; }
.badge-secondary, .bg-secondary:not(.btn) { background-color: #3B1976 !important; color: #FFFFFF !important; }
.badge-success, .bg-success:not(.btn) { background-color: #22C55E !important; color: #FFFFFF !important; }
.badge-danger, .bg-danger:not(.btn) { background-color: #B10C3B !important; color: #FFFFFF !important; }
.badge-warning, .bg-warning:not(.btn) { background-color: #FFD24A !important; color: #000000 !important; }
.badge-info, .bg-info:not(.btn) { background-color: #2E3380 !important; color: #FFFFFF !important; }
.badge-light, .bg-light:not(.btn) { background-color: #1B1812 !important; color: #FFFFFF !important; }
.badge-dark, .bg-dark:not(.btn) { background-color: #000000 !important; color: #FFFFFF !important; }

.label-default { background-color: #1B1812 !important; }
.label-primary { background-color: #FF6A1A !important; }
.label-success { background-color: #22C55E !important; }
.label-info { background-color: #2E3380 !important; }
.label-warning { background-color: #FFD24A !important; color: #000 !important; }
.label-danger { background-color: #B10C3B !important; }

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination .page-link,
.page-link {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.pagination .page-link:hover,
.page-link:hover {
    background-color: rgba(255, 106, 26, 0.15) !important;
    border-color: #FF6A1A !important;
    color: #FF6A1A !important;
}

.pagination .page-item.active .page-link,
.page-item.active .page-link {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

.pagination .page-item.disabled .page-link,
.page-item.disabled .page-link {
    background-color: rgba(27, 24, 18, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

/* ==========================================================================
   NAV TABS & PILLS
   ========================================================================== */

.nav-tabs {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link:hover {
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) transparent !important;
    color: #FFFFFF !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #1B1812 !important;
    color: #FF6A1A !important;
}

.nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
}

.nav-pills .nav-link:hover {
    background-color: rgba(255, 106, 26, 0.1) !important;
    color: #FFFFFF !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    color: #FFFFFF !important;
}

.tab-content {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.tab-pane {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   LIST GROUPS
   ========================================================================== */

.list-group-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.list-group-item:hover {
    background-color: rgba(255, 106, 26, 0.1) !important;
}

.list-group-item.active {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

.list-group-item-action {
    color: rgba(255, 255, 255, 0.8) !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: rgba(255, 106, 26, 0.1) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */

.sidebar,
.panel-sidebar,
aside,
#sidebar,
.side-menu {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar .list-group-item,
.sidebar a,
.sidebar .nav-link {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.sidebar .list-group-item:hover,
.sidebar a:hover,
.sidebar .nav-link:hover {
    color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

.sidebar .list-group-item.active,
.sidebar .nav-link.active {
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.3), rgba(255, 210, 74, 0.15)) !important;
    color: #FFFFFF !important;
    border-left: 3px solid #FF6A1A !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

footer,
#footer,
.footer,
.site-footer {
    background-color: #1B1812 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

footer a,
.footer a {
    color: #FF6A1A !important;
}

footer a:hover,
.footer a:hover {
    color: #FFD24A !important;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb-item a {
    color: #FF6A1A !important;
}

.breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important;
}

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

/* ==========================================================================
   PROGRESS BARS
   ========================================================================== */

.progress {
    background-color: rgba(27, 24, 18, 0.8) !important;
}

.progress-bar {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
}

/* ==========================================================================
   JUMBOTRON & WELLS
   ========================================================================== */

.jumbotron,
.well,
.hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #FFFFFF !important;
}

p {
    color: rgba(255, 255, 255, 0.85) !important;
}

.lead {
    color: rgba(255, 255, 255, 0.9) !important;
}

small,
.small {
    color: rgba(255, 255, 255, 0.6) !important;
}

.text-muted {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-primary { color: #FF6A1A !important; }
.text-secondary { color: #3B1976 !important; }
.text-success { color: #22C55E !important; }
.text-danger { color: #B10C3B !important; }
.text-warning { color: #FFD24A !important; }
.text-info { color: #2E3380 !important; }
.text-light { color: rgba(255, 255, 255, 0.8) !important; }
.text-dark { color: #1B1812 !important; }
.text-white { color: #FFFFFF !important; }
.text-body { color: #FFFFFF !important; }

blockquote {
    border-left-color: #FF6A1A !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ==========================================================================
   BORDERS & DIVIDERS
   ========================================================================== */

hr {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.border { border-color: rgba(255, 255, 255, 0.1) !important; }
.border-top { border-top-color: rgba(255, 255, 255, 0.1) !important; }
.border-right { border-right-color: rgba(255, 255, 255, 0.1) !important; }
.border-bottom { border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
.border-left { border-left-color: rgba(255, 255, 255, 0.1) !important; }

.border-primary { border-color: #FF6A1A !important; }
.border-secondary { border-color: #3B1976 !important; }
.border-success { border-color: #22C55E !important; }
.border-danger { border-color: #B10C3B !important; }
.border-warning { border-color: #FFD24A !important; }
.border-info { border-color: #2E3380 !important; }

/* ==========================================================================
   CODE
   ========================================================================== */

code {
    color: #FFD24A !important;
    background-color: rgba(27, 24, 18, 0.8) !important;
}

pre {
    background-color: #1B1812 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

kbd {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   TOOLTIPS & POPOVERS
   ========================================================================== */

.tooltip-inner {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.popover {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.popover-header {
    background-color: rgba(27, 24, 18, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.popover-body {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ==========================================================================
   ACCORDION & COLLAPSE
   ========================================================================== */

.accordion .card,
.accordion .card-header {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.accordion .card-header .btn-link {
    color: #FFFFFF !important;
}

.accordion .card-header .btn-link:hover {
    color: #FF6A1A !important;
}

.collapse,
.collapsing {
    background-color: #1B1812 !important;
}

/* ==========================================================================
   SCROLLBAR
   ========================================================================== */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 106, 26, 0.5);
}

/* ==========================================================================
   WHMCS SPECIFIC ELEMENTS
   ========================================================================== */

/* Main body area */
#main-body,
.main-content,
.primary-bg-color {
    background-color: #000000 !important;
}

/* Client area panels */
.client-home-panels .panel,
.panel-accent-blue,
.panel-accent-gold,
.panel-accent-lime,
.panel-accent-orange,
.panel-accent-pink,
.panel-accent-purple,
.panel-accent-red,
.panel-accent-teal {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Home shortcuts */
.home-shortcuts .shortcut,
.shortcut {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.home-shortcuts .shortcut:hover,
.shortcut:hover {
    border-color: #FF6A1A !important;
    box-shadow: 0 4px 15px rgba(255, 106, 26, 0.2) !important;
}

.home-shortcuts .shortcut i,
.shortcut i {
    color: #FF6A1A !important;
}

/* Domain search */
.domain-checker-container,
.domain-checker-bg,
.domain-search-container,
#domain-checker {
    background-color: #1B1812 !important;
}

/* Invoice/Quote */
.invoice-container,
.quote-container {
    background-color: #1B1812 !important;
}

/* Status colors */
.status-active { color: #22C55E !important; }
.status-pending { color: #FFD24A !important; }
.status-suspended { color: #FF6A1A !important; }
.status-terminated, .status-cancelled { color: #B10C3B !important; }

/* Service status badges */
.label-active, .badge-active { background-color: #22C55E !important; }
.label-pending, .badge-pending { background-color: #FFD24A !important; color: #000 !important; }
.label-suspended, .badge-suspended { background-color: #FF6A1A !important; }
.label-terminated, .badge-terminated,
.label-cancelled, .badge-cancelled { background-color: #B10C3B !important; }

/* Ticket priorities */
.label-low { background-color: #22C55E !important; }
.label-medium { background-color: #FFD24A !important; color: #000 !important; }
.label-high { background-color: #FF6A1A !important; }
.label-urgent { background-color: #B10C3B !important; }

/* Login page */
.login-container,
.logincontainer,
#login {
    background-color: #1B1812 !important;
}

/* Popover notifications */
#accountNotificationsContent,
.account-notifications {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Action buttons group */
.btn-group .btn {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Data tables */
.dataTables_wrapper {
    color: #FFFFFF !important;
}

.dataTables_info,
.dataTables_length,
.dataTables_filter {
    color: rgba(255, 255, 255, 0.7) !important;
}

.dataTables_length select,
.dataTables_filter input {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* Empty state */
.empty-state,
.no-results {
    background-color: #1B1812 !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Loading spinner */
.spinner-border {
    color: #FF6A1A !important;
}

/* Domain pricing table */
.domain-pricing-table th,
.domain-pricing-table td {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Announcement */
.announcement {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* KB article */
.kb-article,
.knowledgebase-article {
    background-color: #1B1812 !important;
}

/* Store/Order */
.store-item,
.product-item,
.order-summary {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Checkout */
.checkout-container,
#checkout {
    background-color: #1B1812 !important;
}

/* Payment method select */
.payment-method,
.gateway-select {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Media object */
.media {
    background-color: transparent !important;
}

/* Figure */
figure,
figcaption {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Mark/Highlight */
mark,
.mark {
    background-color: rgba(255, 210, 74, 0.3) !important;
    color: #FFFFFF !important;
}

/* Selection */
::selection {
    background-color: rgba(255, 106, 26, 0.4) !important;
    color: #FFFFFF !important;
}

::-moz-selection {
    background-color: rgba(255, 106, 26, 0.4) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   ORDER FORM - PRODUCT ADDONS (Library Packs)
   ========================================================================== */

/* Addon container styling */
#productAddonsContainer {
    background: linear-gradient(135deg, rgba(46, 51, 128, 0.15), rgba(59, 25, 118, 0.15)) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    margin: 25px 0 !important;
    border: 1px solid rgba(255, 106, 26, 0.3) !important;
}

#productAddonsContainer .sub-heading {
    border-top-color: rgba(255, 106, 26, 0.3) !important;
    margin-bottom: 25px !important;
}

#productAddonsContainer .sub-heading span {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    color: #000000 !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Addon panel cards */
#order-standard_cart .panel-addon,
.panel-addon {
    background: linear-gradient(145deg, #1B1812, #252017) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    margin-bottom: 15px !important;
}

#order-standard_cart .panel-addon:hover,
.panel-addon:hover {
    border-color: #FF6A1A !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 106, 26, 0.25) !important;
}

/* Addon panel body */
#order-standard_cart .panel-addon .panel-body,
.panel-addon .panel-body,
#order-standard_cart .panel-addon .card-body,
.panel-addon .card-body {
    background: transparent !important;
    padding: 20px !important;
}

/* Addon checkbox label */
#order-standard_cart .panel-addon .panel-body label,
.panel-addon .panel-body label,
#order-standard_cart .panel-addon .card-body label,
.panel-addon .card-body label {
    color: #FFFFFF !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}

/* Checkbox styling */
#order-standard_cart .panel-addon input[type="checkbox"],
.panel-addon input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #FF6A1A !important;
    cursor: pointer !important;
}

/* Addon price section */
#order-standard_cart .panel-addon .panel-price,
.panel-addon .panel-price {
    background: linear-gradient(90deg, rgba(46, 51, 128, 0.4), rgba(59, 25, 118, 0.4)) !important;
    color: #FFD24A !important;
    padding: 12px !important;
    font-weight: 600 !important;
    font-size: 1em !important;
    text-align: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Addon "Add to Cart" button */
#order-standard_cart .panel-addon .panel-add,
.panel-addon .panel-add {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    color: #000000 !important;
    padding: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.85em !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .panel-addon:hover .panel-add,
.panel-addon:hover .panel-add {
    background: linear-gradient(90deg, #FFD24A, #FF6A1A) !important;
}

/* Selected addon state */
#order-standard_cart .panel-addon-selected,
.panel-addon-selected {
    border-color: #22C55E !important;
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.3) !important;
}

#order-standard_cart .panel-addon-selected .panel-add,
.panel-addon-selected .panel-add {
    background: linear-gradient(90deg, #22C55E, #20c997) !important;
    color: #FFFFFF !important;
}

/* Addon row spacing */
.addon-products {
    margin-top: 15px !important;
}

.addon-products .col-sm-6 {
    margin-bottom: 15px !important;
}

/* Configurable Options styling (for library packs) */
#order-standard_cart .sub-heading span.primary-bg-color,
.sub-heading span.primary-bg-color {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    color: #000000 !important;
}

/* Config option groups */
.configurable-option-group,
.form-group.config-option {
    background: rgba(27, 24, 18, 0.5) !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Config option checkboxes */
.configurable-option-group .checkbox,
.config-option .checkbox {
    padding: 10px 15px !important;
    margin: 5px 0 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.configurable-option-group .checkbox:hover,
.config-option .checkbox:hover {
    background: rgba(255, 106, 26, 0.1) !important;
}

.configurable-option-group .checkbox label,
.config-option .checkbox label {
    color: #FFFFFF !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Config option select dropdowns */
.configurable-option-group select,
.config-option select {
    background-color: #1B1812 !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    color: #FFFFFF !important;
    font-size: 1em !important;
}

.configurable-option-group select:focus,
.config-option select:focus {
    border-color: #FF6A1A !important;
    box-shadow: 0 0 0 3px rgba(255, 106, 26, 0.2) !important;
}

/* ==========================================================================
   CONFIGURABLE OPTIONS - CARD STYLE (matching addon cards)
   ========================================================================== */

/* Main container */
#productConfigurableOptions {
    background: linear-gradient(135deg, rgba(46, 51, 128, 0.15), rgba(59, 25, 118, 0.15)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin: 15px 0 !important;
    border: 1px solid rgba(255, 106, 26, 0.3) !important;
}

/* Each config option as a card */
#productConfigurableOptions .form-group {
    background: linear-gradient(145deg, #1B1812, #252017) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

#productConfigurableOptions .form-group:hover {
    border-color: #FF6A1A !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 106, 26, 0.25) !important;
}

/* Option title (first label - the pack name) */
#productConfigurableOptions .form-group > label:first-of-type {
    display: block !important;
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.2), rgba(255, 210, 74, 0.1)) !important;
    color: #FFFFFF !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Hide the <br> between labels */
#productConfigurableOptions .form-group > br {
    display: none !important;
}

/* Checkbox label (contains checkbox + description) */
#productConfigurableOptions .form-group > label:last-of-type {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.95em !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#productConfigurableOptions .form-group > label:last-of-type:hover {
    background: rgba(255, 106, 26, 0.1) !important;
}

/* Checkbox styling */
#productConfigurableOptions input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    accent-color: #FF6A1A !important;
    cursor: pointer !important;
    margin-top: 2px !important;
}

/* Selected state */
#productConfigurableOptions .form-group:has(input:checked) {
    border-color: #22C55E !important;
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.3) !important;
}

#productConfigurableOptions .form-group:has(input:checked) > label:first-of-type {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.3), rgba(32, 201, 151, 0.2)) !important;
}

#productConfigurableOptions .form-group:has(input:checked) > label:last-of-type {
    background: rgba(34, 197, 94, 0.1) !important;
}

/* Price display (if shown) - style as badge */
#productConfigurableOptions .form-group .price,
#productConfigurableOptions .form-group span.price {
    display: inline-block !important;
    background: linear-gradient(90deg, rgba(46, 51, 128, 0.4), rgba(59, 25, 118, 0.4)) !important;
    color: #FFD24A !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 0.85em !important;
    margin-left: auto !important;
}

/* Free badge */
#productConfigurableOptions .form-group:has(input:checked)::after {
    content: '✓ INCLUDED' !important;
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    background: linear-gradient(90deg, #22C55E, #20c997) !important;
    color: #FFFFFF !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 0.75em !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

/* Make form-group position relative for the badge */
#productConfigurableOptions .col-sm-6 {
    position: relative !important;
}

/* ==========================================================================
   CONFIGURABLE OPTIONS - NEW CARD STYLE WITH ADD TO CART BUTTON
   ========================================================================== */

/* Card container */
.config-option-card {
    background: linear-gradient(145deg, #1B1812, #252017) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.config-option-card:hover {
    border-color: #FF6A1A !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(255, 106, 26, 0.3) !important;
}

/* Card header with pack name */
.config-option-header {
    background: linear-gradient(135deg, #2E3380 0%, #3B1976 50%, #B10C3B 100%) !important;
    padding: 18px 20px !important;
    text-align: center !important;
}

.config-option-title {
    color: #FFFFFF !important;
    font-size: 1.2em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Card body with description */
.config-option-body {
    padding: 20px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.config-option-desc {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.95em !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important;
    flex-grow: 1 !important;
}

/* Price display */
.config-option-price {
    background: linear-gradient(90deg, rgba(46, 51, 128, 0.3), rgba(59, 25, 118, 0.3)) !important;
    color: #FFD24A !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

/* Add to Cart button */
.config-option-btn {
    display: block !important;
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    color: #000000 !important;
    padding: 15px 20px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1em !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    border: none !important;
}

.config-option-btn:hover {
    background: linear-gradient(90deg, #FFD24A, #FF6A1A) !important;
    transform: scale(1.02) !important;
}

/* Hide checkbox */
.config-option-btn input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Button text states */
.config-option-btn .btn-text-add {
    display: inline-block !important;
}

.config-option-btn .btn-text-added {
    display: none !important;
}

/* Selected/Added state */
.config-option-card:has(input:checked) {
    border-color: #22C55E !important;
    box-shadow: 0 0 25px rgba(34, 197, 94, 0.4) !important;
}

.config-option-card:has(input:checked) .config-option-header {
    background: linear-gradient(135deg, #22C55E 0%, #20c997 100%) !important;
}

.config-option-card:has(input:checked) .config-option-btn {
    background: linear-gradient(90deg, #22C55E, #20c997) !important;
    color: #FFFFFF !important;
}

.config-option-card:has(input:checked) .config-option-btn .btn-text-add {
    display: none !important;
}

.config-option-card:has(input:checked) .config-option-btn .btn-text-added {
    display: inline-block !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .config-option-card {
        margin-bottom: 15px !important;
    }
    
    .config-option-title {
        font-size: 1em !important;
    }
    
    .config-option-btn {
        padding: 12px 15px !important;
    }
}

/* Override any conflicting styles from previous CSS */
#productConfigurableOptions .form-group {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#productConfigurableOptions .col-sm-6 {
    margin-bottom: 20px !important;
}

/* ==========================================================================
   STORE.CSS DARK THEME OVERRIDES
   ========================================================================== */

/* Market connect / Store backgrounds */
.market-connect-slideshow,
.market-connect-slideshow .slide-bg,
.market-hero,
.market-hero-bg,
.store-hero,
.landing-page-hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Product grid items */
.product-grid-item,
.product-item,
.product-card,
.store-product,
.addon-item,
.service-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.product-grid-item:hover,
.product-item:hover,
.product-card:hover,
.store-product:hover {
    border-color: #FF6A1A !important;
    box-shadow: 0 4px 15px rgba(255, 106, 26, 0.2) !important;
}

/* Store sections */
.store-section,
.product-section,
.product-listing,
.products-container,
.order-section {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* SSL & Domain store specific */
.ssl-products .panel,
.ssl-product,
.domain-register,
.domain-transfer,
.domain-renewal {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Pricing tables in store */
.pricing-table,
.price-panel,
.plan-card,
.feature-table {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.pricing-table th,
.pricing-table td,
.price-panel th,
.price-panel td,
.feature-table th,
.feature-table td {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.pricing-table thead,
.price-panel thead,
.feature-table thead {
    background-color: rgba(27, 24, 18, 0.8) !important;
}

/* Store recommended/featured */
.recommended,
.featured,
.highlighted,
.popular {
    background-color: #1B1812 !important;
    border-color: #FF6A1A !important;
}

/* Store steps/process */
.step-indicator,
.process-steps,
.order-steps {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.step-indicator .step,
.process-steps .step,
.order-steps .step {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.step-indicator .step.active,
.process-steps .step.active,
.order-steps .step.active {
    background-color: #FF6A1A !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

/* Store coupons/promo */
.coupon-box,
.promo-code,
.discount-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Add-to-cart section */
.add-to-cart,
.cart-summary,
.order-summary,
.cart-panel {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Feature lists */
.feature-list,
.features,
.product-features {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.feature-list li,
.features li,
.product-features li {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Store icons/badges */
.product-badge,
.store-badge,
.feature-icon {
    color: #FF6A1A !important;
}

/* ==========================================================================
   THEME.CSS / ALL.CSS DARK THEME OVERRIDES
   ========================================================================== */

/* Bootstrap default light backgrounds override */
.bg-light,
.bg-faded {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Form backgrounds */
.form-control-plaintext {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

/* Input groups */
.input-group-addon,
.input-group-prepend,
.input-group-append {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Disabled states */
.disabled,
[disabled],
:disabled {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Table backgrounds override */
.table-light > th,
.table-light > td,
.thead-light th {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(255, 106, 26, 0.15) !important;
}

/* Card variants */
.card-light {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Media/Image backgrounds */
.media-body,
.card-img-overlay {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

/* Carousel */
.carousel,
.carousel-inner,
.carousel-item {
    background-color: #000000 !important;
}

.carousel-caption {
    color: #FFFFFF !important;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.carousel-indicators .active {
    background-color: #FF6A1A !important;
}

/* Custom file input */
.custom-file-label {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.custom-file-label::after {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

/* Range input */
.custom-range::-webkit-slider-thumb {
    background: #FF6A1A !important;
}

.custom-range::-moz-range-thumb {
    background: #FF6A1A !important;
}

.custom-range::-ms-thumb {
    background: #FF6A1A !important;
}

/* ==========================================================================
   WHMCS SPECIFIC - ADDITIONAL OVERRIDES
   ========================================================================== */

/* Client area stats boxes */
.stats-box,
.stat-item,
.statistic-panel,
.info-box,
.info-panel {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.stats-box .value,
.stat-item .value,
.statistic-panel .value {
    color: #FF6A1A !important;
}

/* Activity feed */
.activity-feed,
.recent-activity,
.activity-list {
    background-color: transparent !important;
}

.activity-item,
.activity-entry {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Ticket thread */
.ticket-thread,
.ticket-reply,
.ticket-message,
.reply-container,
.message-container {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.ticket-staff-reply {
    background-color: rgba(46, 51, 128, 0.2) !important;
    border-left-color: #2E3380 !important;
}

.ticket-client-reply {
    background-color: rgba(27, 24, 18, 0.8) !important;
    border-left-color: #FF6A1A !important;
}

/* File upload areas */
.file-upload,
.dropzone,
.upload-area {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-style: dashed !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.file-upload:hover,
.dropzone:hover,
.upload-area:hover {
    border-color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.05) !important;
}

/* Quote/Invoice items */
.quote-items,
.invoice-items,
.line-items {
    background-color: transparent !important;
}

.quote-item,
.invoice-item,
.line-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Payment methods */
.payment-methods,
.gateway-list {
    background-color: transparent !important;
}

.payment-method-item,
.gateway-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.payment-method-item.selected,
.gateway-item.selected {
    border-color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

/* Service details */
.service-details,
.product-details,
.hosting-details {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* DNS Management */
.dns-record,
.dns-table {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Contact forms */
.contact-form,
.support-form {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Client profile */
.profile-card,
.client-profile,
.account-details {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Two-factor auth */
.two-factor,
.2fa-setup {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Notifications panel */
.notifications-dropdown,
.notification-list {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.notification-item {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.notification-item:hover {
    background-color: rgba(255, 106, 26, 0.1) !important;
}

.notification-item.unread {
    background-color: rgba(255, 106, 26, 0.15) !important;
}

/* Search results */
.search-results,
.search-result-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Newsletter signup */
.newsletter,
.subscribe-form {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   UNIVERSAL LIGHT COLOR OVERRIDES
   ========================================================================== */

/* Override all common light gray backgrounds */
[style*="background-color: #f"],
[style*="background-color:#f"],
[style*="background: #f"],
[style*="background:#f"],
[style*="background-color: #e"],
[style*="background-color:#e"],
[style*="background: #e"],
[style*="background:#e"],
[style*="background-color: #d"],
[style*="background-color:#d"],
[style*="background: #d"],
[style*="background:#d"],
[style*="background-color: rgb(2"],
[style*="background: rgb(2"] {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Override any remaining light borders */
[style*="border-color: #f"],
[style*="border-color:#f"],
[style*="border-color: #e"],
[style*="border-color:#e"],
[style*="border-color: #d"],
[style*="border-color:#d"],
[style*="border: 1px solid #f"],
[style*="border: 1px solid #e"],
[style*="border: 1px solid #d"] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Ensure all text on dark backgrounds is visible */
.bg-dark *,
[class*="dark-bg"] *,
[style*="background-color: #0"] *,
[style*="background-color: #1"] *,
[style*="background-color: #2"] *,
[style*="background: #0"] *,
[style*="background: #1"] *,
[style*="background: #2"] * {
    color: inherit;
}

/* ==========================================================================
   TEXT CONTRAST FIXES
   ========================================================================== */

/* Ensure good contrast for secondary text */
.text-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Fix dark text that might appear on dark backgrounds */
.text-dark {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Ensure links are visible */
.text-secondary a,
.text-muted a {
    color: #FF6A1A !important;
}

.text-secondary a:hover,
.text-muted a:hover {
    color: #FFD24A !important;
}

/* Override default black text */
[style*="color: #000"],
[style*="color:#000"],
[style*="color: black"],
[style*="color:black"],
[style*="color: rgb(0, 0, 0)"],
[style*="color: rgb(0,0,0)"] {
    color: #FFFFFF !important;
}

/* Override gray text for better contrast */
[style*="color: #333"],
[style*="color:#333"],
[style*="color: #444"],
[style*="color:#444"],
[style*="color: #555"],
[style*="color:#555"],
[style*="color: #666"],
[style*="color:#666"] {
    color: rgba(255, 255, 255, 0.85) !important;
}

[style*="color: #777"],
[style*="color:#777"],
[style*="color: #888"],
[style*="color:#888"],
[style*="color: #999"],
[style*="color:#999"] {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ==========================================================================
   SPECIFIC BOOTSTRAP COMPONENT OVERRIDES
   ========================================================================== */

/* Bootstrap btn-light */
.btn-light {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.btn-light:hover,
.btn-light:focus {
    background-color: #252017 !important;
    border-color: #FF6A1A !important;
    color: #FF6A1A !important;
}

/* Bootstrap btn-outline-light */
.btn-outline-light {
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* List group light variant */
.list-group-item-light {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Alert secondary/light variants */
.alert-secondary,
.alert-light {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Modal backdrop - ensure it's dark */
.modal-backdrop.show {
    background-color: #000000 !important;
    opacity: 0.8 !important;
}

/* Select2 (if used) */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.select2-container--default .select2-results__option {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: rgba(255, 106, 26, 0.2) !important;
    color: #FFFFFF !important;
}

.select2-dropdown {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.select2-search__field {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* DatePicker (if used) */
.datepicker,
.datepicker-dropdown {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.datepicker table tr td,
.datepicker table tr th {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover {
    background-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

.datepicker table tr td.today {
    background-color: rgba(255, 210, 74, 0.3) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   STORE.CSS SPECIFIC CLASS OVERRIDES
   ========================================================================== */

/* Landing pages */
.landing-page {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.landing-page .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.landing-page .hero h2,
.landing-page .hero h3 {
    color: #FFFFFF !important;
}

.landing-page .product-options {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.landing-page .product-options .item {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.landing-page .product-options p {
    color: rgba(255, 255, 255, 0.8) !important;
}

.landing-page .product-options .price {
    color: #FF6A1A !important;
}

.landing-page.mail-services .product-options {
    background-color: #1B1812 !important;
}

.landing-page.mail-services .product-options .item {
    background-color: #252017 !important;
}

.landing-page.mail-services .product-options .icon {
    color: #FF6A1A !important;
}

.landing-page.mail-services .product-options .price {
    color: #FFD24A !important;
}

.landing-page .light-grey-bg {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.landing-page .content-block {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.landing-page .get-started {
    background-color: rgba(255, 106, 26, 0.15) !important;
    color: #FFFFFF !important;
}

.landing-page .navbar .navbar-nav > li.active > a {
    background: rgba(255, 106, 26, 0.2) !important;
    color: #FFFFFF !important;
}

/* SSL Store */
.ssl-landing .ssl-child-panel,
.ssl-child-panel {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.ssl-landing .price-box,
.price-box {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

.ssl-landing .price-box .price,
.price-box .price {
    color: #FF6A1A !important;
}

/* VPS Landing */
.vps-landing .content-block,
.vps-landing .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* SpamExperts */
.spamexperts-landing .content-block,
.spamexperts-landing .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Weebly */
.weebly-landing .content-block,
.weebly-landing .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* SiteLock */
.sitelock-landing .content-block,
.sitelock-landing .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Marketgoo */
.marketgoo-landing .content-block,
.marketgoo-landing .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Codeguard */
.codeguard-landing .content-block,
.codeguard-landing .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Website builders */
.website-builder .content-block,
.website-builder .hero {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Common store elements */
.store-wrapper,
.store-container,
.product-wrapper,
.product-container {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Feature comparison tables */
.feature-comparison,
.comparison-table {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.feature-comparison th,
.feature-comparison td,
.comparison-table th,
.comparison-table td {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.feature-comparison thead th,
.comparison-table thead th {
    background-color: #252017 !important;
}

/* Addon panels */
.addon-panel,
.addon-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Product info boxes */
.product-info-box,
.info-box-content {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Order boxes */
.order-box,
.order-panel {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Domain search results */
.domain-result,
.domain-result-item,
.tld-row,
.tld-price-row {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.domain-result:hover,
.domain-result-item:hover,
.tld-row:hover {
    background-color: rgba(255, 106, 26, 0.1) !important;
}

.domain-available {
    background-color: rgba(34, 197, 94, 0.1) !important;
    border-color: #22C55E !important;
}

.domain-unavailable {
    background-color: rgba(177, 12, 59, 0.1) !important;
    border-color: #B10C3B !important;
}

/* ==========================================================================
   THEME.CSS SPECIFIC CLASS OVERRIDES
   ========================================================================== */

/* Client area header */
.client-area-header,
.clientarea-header {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Client area sidebar */
.clientarea-sidebar,
.client-area-sidebar {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Panel accents - redefine with dark backgrounds */
.panel-accent-blue .panel-heading,
.panel-accent-gold .panel-heading,
.panel-accent-lime .panel-heading,
.panel-accent-orange .panel-heading,
.panel-accent-pink .panel-heading,
.panel-accent-purple .panel-heading,
.panel-accent-red .panel-heading,
.panel-accent-teal .panel-heading {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

/* Domain search box */
.domain-search-box,
#frmDomainHomepageSearch,
.domain-search-form {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.domain-search-box input,
#frmDomainHomepageSearch input,
.domain-search-form input {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* Quick nav */
.quick-nav,
.quicknav {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.quick-nav a,
.quicknav a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.quick-nav a:hover,
.quicknav a:hover {
    color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

/* Sub navigation */
.sub-navbar,
.subnav {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Account credit */
.account-credit,
.credit-balance {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.account-credit .amount,
.credit-balance .amount {
    color: #22C55E !important;
}

/* Invoice summary */
.invoice-summary,
.invoice-totals {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Due amounts */
.amount-due {
    color: #B10C3B !important;
}

.amount-paid {
    color: #22C55E !important;
}

/* Masquerade bar (admin impersonation) */
.masquerade-bar {
    background-color: rgba(177, 12, 59, 0.2) !important;
    border-color: #B10C3B !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   ALL.CSS SPECIFIC CLASS OVERRIDES
   ========================================================================== */

/* Bootstrap switch/toggle */
.bootstrap-switch,
.switch-container {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.bootstrap-switch-handle-on,
.bootstrap-switch-handle-off {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

.bootstrap-switch-handle-on.bootstrap-switch-primary {
    background-color: #FF6A1A !important;
}

/* Typeahead dropdown */
.typeahead,
.tt-menu,
.tt-dropdown-menu {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.tt-suggestion {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.tt-suggestion:hover,
.tt-suggestion.tt-cursor {
    background-color: rgba(255, 106, 26, 0.15) !important;
    color: #FFFFFF !important;
}

/* SweetAlert (if used) */
.swal-overlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.swal-modal {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.swal-title,
.swal-text {
    color: #FFFFFF !important;
}

/* Toast notifications */
.toast {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.toast-header {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.toast-body {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* iCheck (if used) */
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #FF6A1A !important;
    border-color: #FF6A1A !important;
}

/* Parsley validation */
.parsley-errors-list {
    background-color: rgba(177, 12, 59, 0.1) !important;
    color: #ef5350 !important;
}

/* ==========================================================================
   FINAL CATCH-ALL OVERRIDES
   ========================================================================== */

/* Catch remaining light backgrounds by class pattern */
[class*="bg-white"],
[class*="bg-light"],
[class*="light-bg"],
[class*="white-bg"],
[class*="gray-bg"],
[class*="grey-bg"] {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Catch light borders */
[class*="border-light"],
[class*="light-border"] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Force color inheritance for nested elements */
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
[style*="background: #0"] h1, [style*="background: #0"] h2, [style*="background: #0"] h3,
[style*="background: #1"] h1, [style*="background: #1"] h2, [style*="background: #1"] h3 {
    color: #FFFFFF !important;
}

/* ==========================================================================
   PRINT STYLES OVERRIDE
   ========================================================================== */

@media print {
    * {
        background-color: #FFFFFF !important;
        color: #000000 !important;
    }

    .card,
    .panel,
    .table,
    th,
    td {
        border-color: #000000 !important;
    }
}

/* ==========================================================================
   ORDER SUMMARY ENHANCED STYLES
   ========================================================================== */

/* Order Summary Container */
#orderSummary .order-summary {
    background-color: #1B1812 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#orderSummary .order-summary h2 {
    color: #FFFFFF !important;
    margin-bottom: 15px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

/* Product Name in Summary */
#orderSummary .product-name,
.order-summary .product-name {
    display: block !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    margin-bottom: 5px !important;
}

/* Product Group Name */
#orderSummary .product-group,
.order-summary .product-group {
    display: block !important;
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-bottom: 15px !important;
}

/* Product Features Container */
#orderSummary .product-features,
.order-summary .product-features {
    background: rgba(46, 51, 128, 0.1) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    border-left: 3px solid #FF6A1A !important;
}

/* Feature List Styles */
#orderSummary .feature-list,
.order-summary .feature-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#orderSummary .feature-list li,
.order-summary .feature-list li {
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 6px 0 !important;
    font-size: 0.875rem !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

#orderSummary .feature-list li i,
.order-summary .feature-list li i {
    color: #22C55E !important;
    flex-shrink: 0 !important;
    margin-top: 3px !important;
}

/* Product Price Row */
#orderSummary .product-price-row,
.order-summary .product-price-row {
    padding: 10px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 10px !important;
}

/* Summary Totals */
#orderSummary .summary-totals,
.order-summary .summary-totals {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
}

#orderSummary .summary-totals .clearfix,
.order-summary .summary-totals .clearfix {
    padding: 5px 0 !important;
}

/* Total Due Today */
#orderSummary .total-due-today,
.order-summary .total-due-today {
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.2), rgba(255, 210, 74, 0.2)) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 15px !important;
    text-align: center !important;
}

#orderSummary .total-due-today .amt,
.order-summary .total-due-today .amt {
    display: block !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #FF6A1A !important;
}

#orderSummary .total-due-today span:not(.amt),
.order-summary .total-due-today span:not(.amt) {
    display: block !important;
    font-size: 0.875rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Text Success Override */
.order-summary .text-success {
    color: #22C55E !important;
}

/* ==========================================================================
   CLIENT HOMEPAGE TILES - DARK THEME
   ========================================================================== */

/* Main tile styling */
.tiles .tile {
    background-color: #1B1812 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.tiles .tile:hover {
    background-color: #252017 !important;
}

.tiles .tile .stat {
    color: #FF6A1A !important;
}

.tiles .tile .title {
    color: rgba(255, 255, 255, 0.7) !important;
}

.tiles .tile i {
    color: rgba(255, 255, 255, 0.15) !important;
}

.tiles .tile:hover i {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* Tile highlight colors */
.tiles .tile .highlight.bg-color-blue {
    background: linear-gradient(90deg, #2E3380, #3B1976) !important;
}

.tiles .tile .highlight.bg-color-green {
    background: linear-gradient(90deg, #22C55E, #16a34a) !important;
}

.tiles .tile .highlight.bg-color-red {
    background: linear-gradient(90deg, #B10C3B, #ef4444) !important;
}

.tiles .tile .highlight.bg-color-gold {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
}

/* Responsive tile borders */
@media (max-width: 1199.98px) {
    .tiles div:nth-child(1) > .tile,
    .tiles div:nth-child(2) > .tile {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
}

/* ==========================================================================
   ORDER FORM - SUMMARY CONTAINER DARK THEME
   ========================================================================== */

/* Summary container inner area */
#order-standard_cart .summary-container,
.summary-container {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Order summary header */
#order-standard_cart .order-summary,
.order-summary {
    background-color: #252017 !important;
    border-bottom: 3px solid #FF6A1A !important;
}

#order-standard_cart .order-summary h2,
.order-summary h2 {
    color: #FFFFFF !important;
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.2), rgba(255, 210, 74, 0.1)) !important;
}

#order-standard_cart .order-summary .product-name,
.order-summary .product-name {
    color: #FFFFFF !important;
}

#order-standard_cart .order-summary .product-group,
.order-summary .product-group {
    color: rgba(255, 255, 255, 0.6) !important;
}

#order-standard_cart .order-summary .summary-totals,
.order-summary .summary-totals {
    border-top-color: rgba(255, 255, 255, 0.15) !important;
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

#order-standard_cart .order-summary .subtotal,
.order-summary .subtotal {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

#order-standard_cart .order-summary .bordered-totals,
.order-summary .bordered-totals {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

#order-standard_cart .order-summary .recurring-charges,
.order-summary .recurring-charges {
    color: rgba(255, 255, 255, 0.5) !important;
}

#order-standard_cart .order-summary .btn-continue-shopping,
.order-summary .btn-continue-shopping {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Order summary clearfix rows */
#order-standard_cart .order-summary .clearfix,
.order-summary .clearfix {
    color: #FFFFFF !important;
}

#order-standard_cart .order-summary .clearfix span,
.order-summary .clearfix span {
    color: #FFFFFF !important;
}

/* ==========================================================================
   ADDITIONAL WHMCS LIGHT BACKGROUND OVERRIDES
   ========================================================================== */

/* Secondary cart sidebar */
#order-standard_cart .secondary-cart-sidebar,
.secondary-cart-sidebar {
    background-color: transparent !important;
}

/* Cart body areas */
#order-standard_cart .cart-body,
.cart-body {
    background-color: #000000 !important;
}

#order-standard_cart .secondary-cart-body,
.secondary-cart-body {
    background-color: #000000 !important;
}

/* Field containers */
#order-standard_cart .field-container,
.field-container {
    background-color: transparent !important;
}

/* Product info section */
#order-standard_cart .product-info,
.product-info {
    background-color: rgba(27, 24, 18, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

#order-standard_cart .product-info .product-title,
.product-info .product-title {
    color: #FF6A1A !important;
}

/* Sub headings */
#order-standard_cart .sub-heading,
.sub-heading {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

#order-standard_cart .sub-heading span,
.sub-heading span {
    background-color: #FF6A1A !important;
    color: #000000 !important;
}

/* Header lined */
#order-standard_cart .header-lined,
.header-lined {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

#order-standard_cart .header-lined h1,
.header-lined h1 {
    color: #FFFFFF !important;
}

/* View cart tabs */
#order-standard_cart .view-cart-tabs,
.view-cart-tabs {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Cart sidebar */
#order-standard_cart .cart-sidebar,
.cart-sidebar {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Sidebar categories */
.sidebar-category,
.category-list {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-category a,
.category-list a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-category a:hover,
.category-list a:hover,
.sidebar-category a.active,
.category-list a.active {
    color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

/* Product pricing tables */
.pricing-table,
.price-table {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.pricing-table th,
.price-table th {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.pricing-table td,
.price-table td {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Invoice/Quote boxes */
.invoice-container,
.quote-container {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* White text on all form elements in order */
#order-standard_cart,
#order-standard_cart * {
    color: inherit;
}

#order-standard_cart p,
#order-standard_cart span,
#order-standard_cart label,
#order-standard_cart div {
    color: #FFFFFF;
}

/* Continue button */
#order-standard_cart #btnCompleteProductConfig,
#btnCompleteProductConfig {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    border: none !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

#order-standard_cart #btnCompleteProductConfig:hover,
#btnCompleteProductConfig:hover {
    background: linear-gradient(90deg, #e85d0f, #e6bc42) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 106, 26, 0.4) !important;
}

/* ==========================================================================
   COMPREHENSIVE WHMCS DARK THEME OVERRIDES
   ========================================================================== */

/* Base body override (important to override theme.css) */
body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Form controls - input fields */
.form-control {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.form-control:focus {
    background-color: #252017 !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 106, 26, 0.25) !important;
}

.form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #0d0b08 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Select dropdowns */
select.form-control,
.custom-select {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

select.form-control option,
.custom-select option {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Image thumbnails */
.img-thumbnail {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Client Area Cards */
.client-home-cards .card,
.card {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.card-header {
    background-color: #252017 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.card-header .card-title {
    color: #FFFFFF !important;
}

.card-body {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.card-footer {
    background-color: #1B1812 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Card accent colors */
.card-accent-blue .card-header {
    border-left: 3px solid #2E3380 !important;
}

.card-accent-green .card-header {
    border-left: 3px solid #22C55E !important;
}

.card-accent-red .card-header {
    border-left: 3px solid #B10C3B !important;
}

.card-accent-gold .card-header,
.card-accent-orange .card-header {
    border-left: 3px solid #FF6A1A !important;
}

/* List groups */
.list-group-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.list-group-item:hover,
.list-group-item-action:hover {
    background-color: #252017 !important;
    color: #FF6A1A !important;
}

.list-group-item.active {
    background-color: rgba(255, 106, 26, 0.2) !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
}

/* Panels (legacy Bootstrap) */
.panel {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.panel-heading {
    background-color: #252017 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.panel-body {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.panel-footer {
    background-color: #1B1812 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Tables */
.table {
    color: #FFFFFF !important;
}

.table th,
.table td {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.table thead th {
    background-color: #252017 !important;
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
}

.table tbody tr {
    background-color: #1B1812 !important;
}

.table tbody tr:nth-of-type(odd) {
    background-color: rgba(27, 24, 18, 0.8) !important;
}

.table tbody tr:hover {
    background-color: rgba(255, 106, 26, 0.1) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #252017 !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 106, 26, 0.15) !important;
}

/* Modals */
.modal-content {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-header {
    background-color: #252017 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.modal-header .modal-title,
.modal-header .close {
    color: #FFFFFF !important;
}

.modal-body {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.modal-footer {
    background-color: #1B1812 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Alerts - maintain visibility while dark */
.alert {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.alert-info {
    background-color: rgba(46, 51, 128, 0.2) !important;
    color: #87CEEB !important;
    border-color: rgba(46, 51, 128, 0.5) !important;
}

.alert-success {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.5) !important;
}

.alert-warning {
    background-color: rgba(255, 210, 74, 0.2) !important;
    color: #FFD24A !important;
    border-color: rgba(255, 210, 74, 0.5) !important;
}

.alert-danger {
    background-color: rgba(177, 12, 59, 0.2) !important;
    color: #fca5a5 !important;
    border-color: rgba(177, 12, 59, 0.5) !important;
}

/* Dropdowns */
.dropdown-menu {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dropdown-item {
    color: #FFFFFF !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #252017 !important;
    color: #FF6A1A !important;
}

.dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Nav tabs */
.nav-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link:hover {
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FF6A1A !important;
}

.nav-tabs .nav-link.active {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #1B1812 !important;
    color: #FF6A1A !important;
}

/* Pagination */
.pagination .page-link {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.pagination .page-link:hover {
    background-color: #252017 !important;
    color: #FF6A1A !important;
}

.pagination .page-item.active .page-link {
    background-color: #FF6A1A !important;
    border-color: #FF6A1A !important;
    color: #000000 !important;
}

.pagination .page-item.disabled .page-link {
    background-color: #0d0b08 !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb-item a {
    color: #FF6A1A !important;
}

.breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important;
}

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

/* Badges */
.badge {
    font-weight: 500 !important;
}

.badge-primary {
    background-color: #FF6A1A !important;
    color: #000000 !important;
}

.badge-secondary {
    background-color: #3B1976 !important;
    color: #FFFFFF !important;
}

.badge-success {
    background-color: #22C55E !important;
    color: #000000 !important;
}

.badge-danger {
    background-color: #B10C3B !important;
    color: #FFFFFF !important;
}

.badge-warning {
    background-color: #FFD24A !important;
    color: #000000 !important;
}

.badge-info {
    background-color: #2E3380 !important;
    color: #FFFFFF !important;
}

/* Well/Jumbotron */
.well,
.jumbotron {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Popover */
.popover {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.popover-header {
    background-color: #252017 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.popover-body {
    color: #FFFFFF !important;
}

/* Tooltip */
.tooltip-inner {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

/* Progress bars */
.progress {
    background-color: #252017 !important;
}

.progress-bar {
    background-color: #FF6A1A !important;
}

/* Sidebar elements */
.sidebar,
.side-nav,
.sidebar-menu {
    background-color: #1B1812 !important;
}

/* Support ticket elements */
.ticket-reply,
.ticket-message {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.ticket-reply-staff {
    background-color: rgba(46, 51, 128, 0.2) !important;
    border-left: 3px solid #2E3380 !important;
}

/* Knowledgebase */
.kb-article,
.kb-category {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Affiliate stats */
.affiliate-stat,
.stats-panel {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Service/Product status badges */
.label-active,
.status-active {
    background-color: #22C55E !important;
    color: #000000 !important;
}

.label-pending,
.status-pending {
    background-color: #FFD24A !important;
    color: #000000 !important;
}

.label-suspended,
.status-suspended {
    background-color: #FF6A1A !important;
    color: #000000 !important;
}

.label-terminated,
.label-cancelled,
.status-terminated,
.status-cancelled {
    background-color: #B10C3B !important;
    color: #FFFFFF !important;
}

/* View more links */
.view-more,
a.view-more {
    color: #FF6A1A !important;
}

.view-more:hover,
a.view-more:hover {
    color: #FFD24A !important;
}

/* ==========================================================================
   CLIENT HOME CARDS - COMPLETE DARK THEME FIX
   ========================================================================== */

/* Card headers on homepage */
.client-home-cards .card-header {
    background-color: #252017 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.client-home-cards .card-header .btn {
    color: #FFFFFF !important;
}

.client-home-cards .card-header .btn:hover {
    color: #FF6A1A !important;
}

.client-home-cards .card-title {
    color: #FFFFFF !important;
}

.client-home-cards .card-body {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.client-home-cards .card-body p {
    color: #FFFFFF !important;
}

.client-home-cards .card-footer {
    background-color: #1B1812 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.client-home-cards .list-group {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.client-home-cards .list-group .list-group-item {
    background-color: #1B1812 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.client-home-cards .list-group .list-group-item:hover {
    background-color: #252017 !important;
    color: #FF6A1A !important;
}

.client-home-cards small {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ==========================================================================
   SUPPORT TICKETS - DARK THEME
   ========================================================================== */

/* Ticket view areas */
.view-ticket .card-body {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.view-ticket .posted-by {
    background-color: #252017 !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.view-ticket .posted-by .posted-by-name {
    color: #FF6A1A !important;
}

.view-ticket .message {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    padding: 15px !important;
}

.view-ticket .message p {
    color: #FFFFFF !important;
}

.view-ticket .attachments {
    border-top-color: rgba(255, 255, 255, 0.15) !important;
    background-color: #1B1812 !important;
}

.view-ticket .attachment-list li span {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background-color: #252017 !important;
}

.view-ticket .attachment-list li figure {
    background-color: #1B1812 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Ticket reply box */
.ticket-reply,
#ticketReply,
.ticket-reply-form {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Staff vs Customer replies */
.ticket-reply-staff,
.ticket-reply.staff {
    background-color: rgba(46, 51, 128, 0.15) !important;
    border-left: 3px solid #2E3380 !important;
}

.ticket-reply-customer,
.ticket-reply.customer {
    background-color: #1B1812 !important;
    border-left: 3px solid #FF6A1A !important;
}

/* Ticket status badges */
.status-customer-reply {
    background-color: #FF6A1A !important;
    color: #000000 !important;
}

/* Ticket feedback */
.ticketfeedbackstaffcont {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.ticketfeedbackrating {
    background-color: #252017 !important;
}

.ticket-rating,
.ticket-reply .rating,
.ticket-reply .rating-done {
    color: #FFD24A !important;
}

/* ==========================================================================
   TEXTAREA & MESSAGE INPUT - DARK THEME
   ========================================================================== */

/* All textareas */
textarea,
textarea.form-control,
textarea.field {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

textarea:focus,
textarea.form-control:focus {
    background-color: #252017 !important;
    border-color: #FF6A1A !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 106, 26, 0.25) !important;
}

textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Markdown editor */
.md-editor {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.md-editor > textarea.markdown-editor {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

.md-editor .btn-toolbar {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.md-editor .btn-toolbar .btn {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.md-editor .btn-toolbar .btn:hover {
    background-color: rgba(255, 106, 26, 0.2) !important;
    color: #FF6A1A !important;
}

/* ==========================================================================
   GLOBAL TEXT COLOR OVERRIDES - WHITE TEXT
   ========================================================================== */

/* Override Bootstrap's default dark text */
body,
p,
span,
div,
label,
li,
td,
th,
dt,
dd {
    color: #FFFFFF;
}

/* Specific dark text color overrides */
.text-dark {
    color: #FFFFFF !important;
}

.text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

.text-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
}

.text-body {
    color: #FFFFFF !important;
}

/* Code and pre elements */
code {
    color: #FF6A1A !important;
    background-color: rgba(27, 24, 18, 0.8) !important;
}

pre {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

pre code {
    background-color: transparent !important;
}

/* Blockquotes */
blockquote {
    border-left-color: #FF6A1A !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Small and muted text */
small,
.small {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Lead text */
.lead {
    color: #FFFFFF !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #FFFFFF !important;
}

/* Links */
a {
    color: #FF6A1A !important;
}

a:hover {
    color: #FFD24A !important;
}

/* Specific WHMCS text elements */
.description,
.product-description {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Form labels */
label,
.form-label,
.control-label {
    color: #FFFFFF !important;
}

/* Help text */
.help-block,
.form-text,
.field-help-text {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Caption text */
caption,
.caption {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Figure captions */
figcaption {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ==========================================================================
   ADDITIONAL WHMCS ELEMENTS - DARK THEME
   ========================================================================== */

/* Sidebar panels */
.panel-sidebar,
.sidebar-box,
.side-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.panel-sidebar .panel-heading,
.sidebar-box .box-title {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

/* Account info box */
.account-info,
.client-info {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Domain search */
.domain-checker,
.domainchecker {
    background-color: #1B1812 !important;
}

.domain-checker input,
.domainchecker input {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* Product groups/categories */
.product-group,
.product-category {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Pricing boxes */
.pricing-box,
.price-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.pricing-box .price,
.price-box .price {
    color: #FF6A1A !important;
}

/* SSL/Certificate boxes */
.ssl-box,
.certificate-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Invoice/Billing elements */
.invoice-header,
.invoice-details {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Quote elements */
.quote-header,
.quote-details {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Email/Notifications */
.email-item,
.notification-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.email-item:hover,
.notification-item:hover {
    background-color: #252017 !important;
}

/* Announcements */
.announcement-item,
.news-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Downloads */
.download-item,
.file-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Contact forms */
.contact-form,
#frmContact {
    background-color: transparent !important;
}

/* Registration form */
.registration-form,
#frmCheckout {
    background-color: transparent !important;
}

/* Login form */
.login-form,
#frmLogin {
    background-color: transparent !important;
}

/* Two-factor auth */
.two-factor,
.security-container {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Payment method boxes */
.payment-method-box,
.gateway-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.payment-method-box.selected,
.gateway-box.selected {
    border-color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

/* Credit card form */
.cc-form,
.card-form {
    background-color: #1B1812 !important;
}

/* Affiliate elements */
.affiliate-banner,
.affiliate-link-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Empty state messages */
.empty-state,
.no-results {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Action icons */
.action-icon,
.action-btn i {
    color: rgba(255, 255, 255, 0.7) !important;
}

.action-icon:hover,
.action-btn:hover i {
    color: #FF6A1A !important;
}

/* Search results */
.search-results,
.search-result-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Filter/Sort boxes */
.filter-box,
.sort-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Status indicators */
.status-indicator {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Server status */
.server-status {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Domain WHOIS */
.whois-info,
.domain-info {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* DNS records */
.dns-record,
.record-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Nameserver inputs */
.nameserver-input,
.ns-input {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   FIX REMAINING BOOTSTRAP LIGHT COLORS
   ========================================================================== */

/* Bootstrap default colors override */
.bg-white {
    background-color: #1B1812 !important;
}

.bg-light {
    background-color: #1B1812 !important;
}

.border-light {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Bootstrap gray utilities */
.text-gray,
.text-grey {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Bootstrap card backgrounds */
.card-bg-light,
.bg-card-light {
    background-color: #1B1812 !important;
}

/* Form validation states - keep readable */
.is-valid,
.was-validated :valid {
    border-color: #22C55E !important;
}

.is-invalid,
.was-validated :invalid {
    border-color: #B10C3B !important;
}

.valid-feedback {
    color: #22C55E !important;
}

.invalid-feedback {
    color: #fca5a5 !important;
}

/* Input group text */
.input-group-text {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   TICKET SUBMISSION FORM - DARK THEME
   ========================================================================== */

/* Ticket form cards */
.card.extra-padding,
.card-body.extra-padding {
    background-color: #1B1812 !important;
}

/* Markdown editor for tickets */
#inputMessage,
textarea.markdown-editor,
textarea[name="message"] {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
    min-height: 200px !important;
}

#inputMessage:focus,
textarea.markdown-editor:focus {
    background-color: #252017 !important;
    border-color: #FF6A1A !important;
}

/* Custom file input */
.custom-file-input {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.custom-file-label {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.custom-file-label::after {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* Attachment groups */
.attachment-group .input-group-append .btn {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

.attachment-group .input-group-append .btn:hover {
    background-color: rgba(255, 106, 26, 0.2) !important;
    color: #FF6A1A !important;
}

/* ==========================================================================
   VIEWTICKET PAGE - DARK THEME
   ========================================================================== */

/* Ticket message content */
.ticket-message-content,
.message-content,
.reply-content {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Reply form */
#replyForm,
.reply-form {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Ticket timeline */
.ticket-timeline,
.timeline {
    border-left-color: rgba(255, 255, 255, 0.1) !important;
}

.timeline-item {
    background-color: #1B1812 !important;
}

/* ==========================================================================
   SIDEBAR AND NAVIGATION - DARK THEME
   ========================================================================== */

/* Main sidebar */
#sidebar,
.main-sidebar,
aside.sidebar {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Sidebar sections */
.sidebar-section,
.sidebar-card {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-section-title,
.sidebar-card-title {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

/* Sidebar links */
.sidebar a,
.sidebar-menu a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar a:hover,
.sidebar-menu a:hover {
    color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

.sidebar a.active,
.sidebar-menu a.active {
    color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.15) !important;
}

/* ==========================================================================
   PRODUCT DETAILS PAGE - DARK THEME
   ========================================================================== */

/* Product detail boxes */
.product-details-box,
.service-details-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Login details */
.login-details,
.service-login {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Resource usage */
.resource-usage,
.usage-stats {
    background-color: #1B1812 !important;
}

.resource-usage .progress {
    background-color: #252017 !important;
}

/* ==========================================================================
   DOMAIN MANAGEMENT - DARK THEME
   ========================================================================== */

/* Domain details */
.domain-details,
.domain-info-box {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Domain status */
.domain-status-active {
    color: #22C55E !important;
}

.domain-status-expired {
    color: #B10C3B !important;
}

.domain-status-pending {
    color: #FFD24A !important;
}

/* EPP code box */
.epp-code-box,
.auth-code-box {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FF6A1A !important;
}

/* DNS management */
.dns-management,
.dns-zone {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dns-record-row {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.dns-record-row:hover {
    background-color: #252017 !important;
}

/* ==========================================================================
   INVOICE PAGE - DARK THEME
   ========================================================================== */

/* Invoice container */
.invoice-container,
#invoice {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Invoice header */
.invoice-header {
    background-color: #252017 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/* Invoice items table */
.invoice-items th {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

.invoice-items td {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Invoice totals */
.invoice-totals {
    background-color: #252017 !important;
}

.invoice-total-row {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.invoice-grand-total {
    color: #FF6A1A !important;
    font-weight: bold !important;
}

/* Payment button */
.invoice-pay-btn,
#btnPay {
    background: linear-gradient(90deg, #FF6A1A, #FFD24A) !important;
    border: none !important;
    color: #000000 !important;
}

/* ==========================================================================
   CHECKOUT PAGE - DARK THEME
   ========================================================================== */

/* Checkout container */
#checkout,
.checkout-container {
    background-color: #000000 !important;
}

/* Order summary */
.checkout-summary,
.order-summary-checkout {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Payment gateway selection */
.gateway-select,
.payment-gateway-list {
    background-color: #1B1812 !important;
}

.gateway-option,
.payment-gateway-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.gateway-option:hover,
.payment-gateway-item:hover {
    background-color: #252017 !important;
    border-color: rgba(255, 106, 26, 0.3) !important;
}

.gateway-option.selected,
.payment-gateway-item.selected {
    border-color: #FF6A1A !important;
    background-color: rgba(255, 106, 26, 0.1) !important;
}

/* ==========================================================================
   KNOWLEDGEBASE - DARK THEME
   ========================================================================== */

/* KB categories */
.kb-categories,
.knowledgebase-categories {
    background-color: #1B1812 !important;
}

.kb-category-item,
.kb-cat {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.kb-category-item:hover {
    background-color: #252017 !important;
}

/* KB articles */
.kb-article-item,
.kb-article {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.kb-article-title a {
    color: #FF6A1A !important;
}

.kb-article-content {
    color: #FFFFFF !important;
}

/* KB search */
.kb-search,
.knowledgebase-search {
    background-color: #1B1812 !important;
}

/* ==========================================================================
   ANNOUNCEMENTS - DARK THEME
   ========================================================================== */

/* Announcement list */
.announcement-list,
.announcements {
    background-color: transparent !important;
}

.announcement-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    margin-bottom: 15px !important;
}

.announcement-title {
    color: #FFFFFF !important;
}

.announcement-title a {
    color: #FF6A1A !important;
}

.announcement-date {
    color: rgba(255, 255, 255, 0.5) !important;
}

.announcement-content {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ==========================================================================
   NETWORK STATUS - DARK THEME
   ========================================================================== */

/* Status page */
.network-status,
.server-status-page {
    background-color: #000000 !important;
}

.status-item,
.server-item {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Status indicators */
.status-online,
.status-up {
    color: #22C55E !important;
}

.status-offline,
.status-down {
    color: #B10C3B !important;
}

.status-maintenance {
    color: #FFD24A !important;
}

/* ==========================================================================
   FINAL CATCH-ALL FOR ANY REMAINING LIGHT ELEMENTS
   ========================================================================== */

/* Any element with white/light inline styles */
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color: #ffffff"],
[style*="background: white"],
[style*="background: #fff"],
[style*="background: #ffffff"] {
    background-color: #1B1812 !important;
}

[style*="color: #212529"],
[style*="color: #333"],
[style*="color: #000"],
[style*="color: black"] {
    color: #FFFFFF !important;
}

/* Any remaining white backgrounds by pattern */
*[class*="white-bg"],
*[class*="bg-white"],
*[class*="light-bg"],
*[class*="bg-light"] {
    background-color: #1B1812 !important;
}

/* Ensure all card variants are dark */
.card-default,
.card-primary,
.card-secondary,
.card-success,
.card-danger,
.card-warning,
.card-info {
    background-color: #1B1812 !important;
}

/* Panel variants */
.panel-default,
.panel-primary,
.panel-info,
.panel-success,
.panel-warning,
.panel-danger {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
    background-color: #252017 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   MARKDOWN EDITOR STATUS BAR FIX
   ========================================================================== */

/* Markdown editor container */
.md-editor {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background-color: #1B1812 !important;
}

/* Markdown editor toolbar */
.md-editor > .btn-toolbar {
    background-color: #252017 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.md-editor > .btn-toolbar .btn {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

.md-editor > .btn-toolbar .btn:hover {
    background-color: rgba(255, 106, 26, 0.2) !important;
    color: #FF6A1A !important;
}

/* Markdown editor textarea and preview */
.md-editor > textarea.markdown-editor,
.md-editor > .md-preview {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* Active state */
div.md-editor.active {
    border-color: #FF6A1A !important;
}

/* Markdown editor status bar (lines: 0 words: 0 saved) */
.markdown-editor-status {
    background-color: #252017 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Markdown preview content */
.md-preview h1, .markdown-content h1,
.md-preview h2, .markdown-content h2,
.md-preview h3, .markdown-content h3,
.md-preview h4, .markdown-content h4 {
    color: #FFFFFF !important;
}

.md-preview pre, .markdown-content pre {
    background-color: #252017 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.md-preview pre code, .markdown-content pre code {
    color: #FFFFFF !important;
}

.md-preview blockquote, .markdown-content blockquote {
    border-left-color: #FF6A1A !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.md-preview table, .markdown-content table {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.md-preview table > thead > tr > th, .markdown-content table > thead > tr > th {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.md-preview table > tbody > tr > td, .markdown-content table > tbody > tr > td {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   HOMEPAGE ACTION ICON BUTTONS (How Can We Help / Your Account)
   ========================================================================== */

/* Main action icon button links */
.action-icon-btns a {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.action-icon-btns a:hover {
    background-color: #252017 !important;
    color: #FF6A1A !important;
    border-color: rgba(255, 106, 26, 0.3) !important;
}

/* Icon container */
.action-icon-btns a .ico-container {
    color: rgba(255, 255, 255, 0.6) !important;
}

.action-icon-btns a .ico-container i {
    color: rgba(255, 255, 255, 0.5) !important;
}

.action-icon-btns a:hover .ico-container,
.action-icon-btns a:hover .ico-container i {
    color: #FF6A1A !important;
}

/* Card accent colors for action buttons */
.action-icon-btns a.card-accent-teal .ico-container i {
    color: #20c997 !important;
}

.action-icon-btns a.card-accent-pomegranate .ico-container i {
    color: #B10C3B !important;
}

.action-icon-btns a.card-accent-sun-flower .ico-container i {
    color: #FFD24A !important;
}

.action-icon-btns a.card-accent-asbestos .ico-container i {
    color: #7f8c8d !important;
}

.action-icon-btns a.card-accent-green .ico-container i {
    color: #22C55E !important;
}

.action-icon-btns a.card-accent-midnight-blue .ico-container i {
    color: #2E3380 !important;
}

/* ==========================================================================
   HOMEPAGE PRODUCT/SERVICE CARDS
   ========================================================================== */

/* Card columns on homepage */
.card-columns.home .card {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.card-columns.home .card .card-body {
    background-color: #1B1812 !important;
}

.card-columns.home .card .card-title {
    color: #FFFFFF !important;
}

.card-columns.home .card p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Outline primary button on cards */
.card-columns.home .btn-outline-primary {
    color: #FF6A1A !important;
    border-color: #FF6A1A !important;
    background-color: transparent !important;
}

.card-columns.home .btn-outline-primary:hover {
    background-color: #FF6A1A !important;
    color: #000000 !important;
}

/* General card-columns styling */
.card-columns .card {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Pricing card title */
.pricing-card-title {
    color: #FFFFFF !important;
}

/* ==========================================================================
   ADDITIONAL CARD FIXES
   ========================================================================== */

/* All card bodies should be dark */
.card .card-body,
.card-body {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Card text */
.card-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Card links */
.card-link {
    color: #FF6A1A !important;
}

.card-link:hover {
    color: #FFD24A !important;
}

/* Card subtitles */
.card-subtitle {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* All general cards */
.card,
.card-default {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   PRODUCT CARDS (Store/Order Pages)
   ========================================================================== */

/* Product card container */
#order-standard_cart .products .product {
    background: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Product card header - brand purple/blue gradient */
#order-standard_cart .products .product header {
    background: linear-gradient(135deg, #2E3380, #3B1976) !important;
    color: #FFFFFF !important;
}

#order-standard_cart .products .product header span {
    color: #FFFFFF !important;
}

/* Product description text - make it readable */
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc p,
#order-standard_cart .products .product div.product-desc {
    color: #FFFFFF !important;
}

#order-standard_cart .products .product .product-desc ul,
#order-standard_cart .products .product .product-desc li {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Product pricing text */
#order-standard_cart .products .product .product-pricing {
    color: #FFFFFF !important;
}

#order-standard_cart .products .product .product-pricing .price {
    color: #FFD24A !important;
}

/* Product footer */
#order-standard_cart .products .product footer {
    color: #FFFFFF !important;
}

/* ==========================================================================
   PREMIUM COMPARISON ORDER FORM (Store Pages like Jellyfin)
   ========================================================================== */

/* Product card header - brand purple/blue gradient */
#order-premium_comparison .price-table-container .price-table .top-head {
    background: linear-gradient(135deg, #2E3380, #3B1976) !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .top-area {
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area {
    border-top-color: rgba(255, 255, 255, 0.2) !important;
}

/* Product description text - make it white */
#order-premium_comparison .price-table-container .price-table ul li {
    color: #FFFFFF !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

#order-premium_comparison .price-table-container .price-table ul li a {
    color: #FF6A1A !important;
}

/* Product card background */
#order-premium_comparison .price-table-container .price-table {
    background: #1B1812 !important;
}

/* Order button - brand orange gradient */
#order-premium_comparison .price-table-container .order-button,
#order-premium_comparison .price-table-container .order-button:hover {
    background: linear-gradient(135deg, #FF6A1A, #FFD24A) !important;
    color: #000000 !important;
}

/* Sidebar panel styling */
.product-selection-sidebar .panel-sidebar,
.product-selection-sidebar .card-sidebar {
    background: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.product-selection-sidebar .panel-heading,
.product-selection-sidebar .card-header {
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.2), rgba(255, 210, 74, 0.1)) !important;
    color: #FFFFFF !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.product-selection-sidebar .panel-title,
.product-selection-sidebar .card-header h3 {
    color: #FFFFFF !important;
}

/* Sidebar list group items */
.product-selection-sidebar .list-group-item {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.product-selection-sidebar .list-group-item:hover {
    background: rgba(255, 106, 26, 0.1) !important;
}

.product-selection-sidebar .list-group-item.active {
    background: linear-gradient(90deg, rgba(255, 106, 26, 0.3), rgba(255, 210, 74, 0.15)) !important;
    color: #FFFFFF !important;
    border-left: 3px solid #FF6A1A !important;
}

/* ==========================================================================
   VIEW CART ITEMS - Review & Checkout page fix
   ========================================================================== */

/* Cart items container */
#order-standard_cart .view-cart-items {
    border-bottom-color: #FF6A1A !important;
}

/* Individual cart item rows - dark background with white text */
#order-standard_cart .view-cart-items .item {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #252017 !important;
}

/* All text elements within cart items */
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item span,
#order-standard_cart .view-cart-items .item small,
#order-standard_cart .view-cart-items .item div,
#order-standard_cart .view-cart-items .item label {
    color: #FFFFFF !important;
}

/* Item title - product name */
#order-standard_cart .view-cart-items .item-title {
    color: #FFFFFF !important;
}

/* Item group - category name */
#order-standard_cart .view-cart-items .item-group {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Item domain */
#order-standard_cart .view-cart-items .item-domain {
    color: #FF6A1A !important;
}

/* Price and cycle */
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-price span {
    color: #FFFFFF !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Quantity input */
#order-standard_cart .view-cart-items .item-qty input {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Edit link */
#order-standard_cart .view-cart-items .item .btn-link {
    color: #FF6A1A !important;
}

/* Remove button */
#order-standard_cart .btn-remove-from-cart {
    color: rgba(255, 255, 255, 0.6) !important;
}

#order-standard_cart .btn-remove-from-cart:hover {
    color: #cc0000 !important;
}

/* Empty cart notice */
#order-standard_cart .view-cart-empty {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

/* Promo code section - tab content area */
#order-standard_cart .view-cart-tabs .tab-content {
    background-color: #1B1812 !important;
    color: #FFFFFF !important;
}

#order-standard_cart .view-cart-tabs .tab-pane {
    color: #FFFFFF !important;
}

/* Applied promo code display */
#order-standard_cart .view-cart-promotion-code {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: #FF6A1A !important;
}

/* Remove promo code button */
#order-standard_cart .view-cart-tabs .text-center .btn,
#order-standard_cart .view-cart-tabs .btn-default {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

#order-standard_cart .view-cart-tabs .text-center .btn:hover,
#order-standard_cart .view-cart-tabs .btn-default:hover {
    background-color: #FF6A1A !important;
    color: #000000 !important;
    border-color: #FF6A1A !important;
}

/* Promo code input field */
#order-standard_cart .view-cart-tabs input,
#order-standard_cart .view-cart-promotion-code input {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

#order-standard_cart .view-cart-tabs input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Tab navigation */
#order-standard_cart .view-cart-tabs .nav-tabs a {
    color: #FFFFFF !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs .active a {
    background-color: #1B1812 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: #1B1812 !important;
}

/* Form labels in promo/tax tabs */
#order-standard_cart .view-cart-tabs label {
    color: #FFFFFF !important;
}

#order-standard_cart .view-cart-tabs select {
    background-color: #252017 !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}