/**
 * Adaptive Web Hosting - Custom WHMCS Theme
 * Brand Colors: Bright Blue #0079F2
 * Font: Roboto Mono
 * Last Updated: December 14, 2024
 */

/* ========================================
   TYPOGRAPHY - Roboto Mono
   ======================================== */

/* Import Roboto Mono from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap');

body,
html {
    margin: 0 !important;
    font-family: 'Roboto Mono', monospace !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.5;
    color: var(--adaptive-text) !important;
    text-align: left;
    background-color: var(--adaptive-background) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.01em;
}

/* Dark theme base styles - AGGRESSIVE OVERRIDES */
body *:not(.btn):not(.badge):not(.label):not(.alert) {
    background-color: inherit;
}

.content-wrapper,
.main-content,
#main-body,
.container-fluid,
.container,
.row,
.col,
[class*="col-"],
.page-content,
.content,
.client-area,
.primary-content,
section,
article,
.wrapper,
#page,
#content,
.site-content {
    background-color: var(--adaptive-background) !important;
    color: var(--adaptive-text) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Mono', monospace !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: var(--adaptive-text) !important;
}

/* Ensure all text is readable */
p, span, div, label, small, strong, b, em, i, code, pre,
li, dt, dd, td, th, legend, caption, figcaption {
    color: var(--adaptive-text) !important;
}

/* Specific text elements */
.text-muted,
.text-secondary,
.help-block,
.form-text,
small.text-muted {
    color: var(--adaptive-text-light) !important;
}

label,
.form-label,
.control-label {
    color: var(--adaptive-text) !important;
    font-weight: 500 !important;
}

/* ========================================
   BRAND COLORS
   ======================================== */

:root {
    --adaptive-primary: #0079F2;
    --adaptive-primary-dark: #005bb5;
    --adaptive-primary-light: #3b9eff;
    --adaptive-secondary: #1f2937;
    --adaptive-accent: #0079F2;
    --adaptive-background: #0f1419;
    --adaptive-background-light: #1a1f2e;
    --adaptive-card-bg: #1f2937;
    --adaptive-text: #e5e7eb;
    --adaptive-text-light: #9ca3af;
    --adaptive-border: #374151;
    --adaptive-border-light: #4b5563;
}

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

/* ========================================
   HEADER - COMPLETE REDESIGN FOR FLOW
   ======================================== */

header,
header.header,
.header,
.top-nav,
.primary-bg-color {
    background-color: var(--adaptive-secondary) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
}

/* Remove all white backgrounds in header BUT keep dropdown menus solid */
header *:not(.dropdown-menu):not(.dropdown-menu *),
header.header *:not(.dropdown-menu):not(.dropdown-menu *),
.header *:not(.dropdown-menu):not(.dropdown-menu *) {
    background-color: transparent !important;
}

/* Header container */
header .container,
header.header .container,
header .container-fluid,
header.header .container-fluid {
    background-color: transparent !important;
}

/* Top bar with login info */
.top-bar,
.login-info,
.user-info {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

/* Search bar */
.search-bar,
.header-search,
header .search,
header input[type="search"],
header input.form-control {
    background-color: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.375rem !important;
}

.search-bar:focus,
header input[type="search"]:focus,
header input.form-control:focus {
    background-color: var(--adaptive-card-bg) !important;
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 121, 242, 0.25) !important;
}

/* ========================================
   MAIN NAVIGATION - INNOVATIVE DESIGN
   ======================================== */

/* Main navigation */
.navbar,
.main-nav,
header nav,
header.header nav {
    background-color: transparent !important;
    padding: 0.75rem 0 !important;
}

/* Navigation links - modern, innovative design */
.navbar-nav,
header nav ul,
header .nav {
    background-color: transparent !important;
    display: flex !important;
    gap: 0.5rem !important;
    align-items: center !important;
}

header .nav-item,
header .navbar-nav .nav-item {
    background-color: transparent !important;
    position: relative !important;
}

header .nav-link,
header .navbar-nav .nav-link,
header.header .toolbar .nav-link {
    background-color: transparent !important;
    color: var(--adaptive-text) !important;
    padding: 0.625rem 1.25rem !important;
    border: none !important;
    border-radius: 0.5rem !important;
    font-size: 0.95em !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-weight: 500 !important;
    position: relative !important;
    letter-spacing: 0.01em !important;
}

/* Innovative hover effect with underline animation */
header .nav-link::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0.25rem !important;
    left: 1.25rem !important;
    right: 1.25rem !important;
    height: 2px !important;
    background: var(--adaptive-primary) !important;
    transform: scaleX(0) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

header .nav-link:hover {
    background-color: rgba(0, 121, 242, 0.1) !important;
    color: var(--adaptive-primary) !important;
    transform: translateY(-2px) !important;
}

header .nav-link:hover::before {
    transform: scaleX(1) !important;
}

header .nav-link.active {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 121, 242, 0.3) !important;
}

header .nav-link.active::before {
    display: none !important;
}

/* User greeting and dropdown */
.user-greeting,
.logged-in-as,
header .dropdown,
header .dropdown-toggle {
    background-color: transparent !important;
    color: var(--adaptive-text) !important;
    border: none !important;
}

header .dropdown-toggle::after {
    border-top-color: var(--adaptive-text) !important;
}

/* Client area link */
.client-area-link,
.portal-link {
    background-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.375rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.client-area-link:hover,
.portal-link:hover {
    background-color: var(--adaptive-primary-light) !important;
    color: #ffffff !important;
}

/* Toolbar */
.toolbar,
header .toolbar {
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* Remove any remaining white blocks */
.bg-white {
    background-color: var(--adaptive-card-bg) !important;
}

header .bg-white,
header.header .bg-white {
    background-color: transparent !important;
}

.navbar-brand img {
    max-height: 50px;
    width: auto;
}

/* ========================================
   BREADCRUMBS - COMPANY BLUE
   ======================================== */

.master-breadcrumb {
    background-color: var(--adaptive-primary) !important;
    border-bottom: 1px solid var(--adaptive-primary-dark) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Make all child elements transparent to show blue through */
.master-breadcrumb *,
.master-breadcrumb .container,
.master-breadcrumb .container-fluid {
    background-color: transparent !important;
}

.breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 0 !important;
    list-style: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.breadcrumb-item,
.breadcrumb-item a {
    color: #ffffff !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.breadcrumb-item a:hover {
    color: #e0e0e0 !important;
    text-decoration: underline !important;
}

.breadcrumb-item.active {
    color: #ffffff !important;
    opacity: 0.9;
}

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

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

.btn,
button {
    font-weight: 500 !important;
}

.btn-primary {
    color: #ffffff !important;
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    font-weight: 500 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #ffffff !important;
    background-color: var(--adaptive-primary-dark) !important;
    border-color: var(--adaptive-primary-dark) !important;
}

.btn-success {
    color: #ffffff !important;
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #ffffff !important;
    background-color: var(--adaptive-primary-light) !important;
    border-color: var(--adaptive-primary-light) !important;
}

.btn-secondary,
.btn-default {
    color: var(--adaptive-text) !important;
    background-color: var(--adaptive-background-light) !important;
    border-color: var(--adaptive-border) !important;
}

.btn-secondary:hover,
.btn-default:hover {
    color: var(--adaptive-text) !important;
    background-color: var(--adaptive-border) !important;
    border-color: var(--adaptive-border-light) !important;
}

.btn-outline-primary {
    color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

.btn-link {
    color: var(--adaptive-primary) !important;
}

.btn-link:hover {
    color: var(--adaptive-primary-light) !important;
}

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

.card,
.mc-promo-manage,
.mc-promo-login,
.panel,
.panel-default {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    word-wrap: break-word !important;
    background-color: var(--adaptive-card-bg) !important;
    background-clip: border-box !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    font-size: 13px !important;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s ease !important;
    overflow: hidden !important;
    color: var(--adaptive-text) !important;
}

.card:hover,
.panel:hover,
.panel-default:hover {
    box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.5), 0 4px 8px -2px rgba(0, 121, 242, 0.2) !important;
    border-color: var(--adaptive-primary) !important;
    transform: translateY(-2px) !important;
}

/* Pricing cards */
.pricing-table .panel,
.product-card,
.pricing-card {
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.pricing-table .panel:hover,
.product-card:hover,
.pricing-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.primary-content .card-body,
.primary-content .mc-promo-manage .content,
.mc-promo-manage .primary-content .content,
.primary-content .mc-promo-login .content,
.mc-promo-login .primary-content .content {
    padding: 10px;
    overflow: auto;
}

.card-header,
.panel-heading {
    background-color: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    font-weight: 600 !important;
    padding: 1rem 1.25rem !important;
    color: var(--adaptive-text) !important;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4 {
    margin: 0 !important;
    color: var(--adaptive-text) !important;
}

.card-body,
.panel-body {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Featured/Highlighted Cards */
.card.featured,
.panel.featured,
.pricing-table .panel.recommended {
    border: 2px solid var(--adaptive-primary);
    box-shadow: 0 4px 6px -1px rgba(0, 121, 242, 0.15), 0 2px 4px -2px rgba(0, 121, 242, 0.15);
}

.card.featured .card-header,
.panel.featured .panel-heading,
.pricing-table .panel.recommended .panel-heading {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%);
    color: #ffffff;
    border-bottom: none;
}

.card.featured .card-header h1,
.card.featured .card-header h2,
.card.featured .card-header h3,
.card.featured .card-header h4,
.panel.featured .panel-heading h1,
.panel.featured .panel-heading h2,
.panel.featured .panel-heading h3,
.panel.featured .panel-heading h4 {
    color: #ffffff;
}

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

.list-group-item {
    position: relative !important;
    display: block !important;
    padding: 0.75rem 1.25rem !important;
    background-color: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    transition: all 0.3s ease !important;
    color: var(--adaptive-text) !important;
}

.list-group-item:hover {
    background-color: var(--adaptive-background-light) !important;
}

.list-group-item.active {
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

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

a {
    color: var(--adaptive-primary) !important;
    transition: color 0.3s ease !important;
}

a:hover,
a:focus {
    color: var(--adaptive-primary-dark) !important;
    text-decoration: none !important;
}

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

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    background-color: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 121, 242, 0.25) !important;
    background-color: var(--adaptive-card-bg) !important;
}

.home-domain-search .input-group-wrapper {
    margin: 15px 0 !important;
    padding: 6px !important;
    background-color: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.25rem !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

/* ========================================
   TABLES - ENHANCED DARK THEME
   ======================================== */

.table,
table {
    color: var(--adaptive-text) !important;
    background-color: var(--adaptive-card-bg) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table thead th {
    border-bottom: 2px solid var(--adaptive-border) !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    background-color: var(--adaptive-background-light) !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    padding: 1rem !important;
}

.table tbody tr {
    border-bottom: 1px solid var(--adaptive-border) !important;
    transition: all 0.2s ease !important;
}

.table tbody tr:hover {
    background-color: rgba(0, 121, 242, 0.08) !important;
}

.table tbody tr[onclick] {
    cursor: pointer !important;
}

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

.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: rgba(0, 121, 242, 0.12) !important;
}

.table td,
.table th {
    border-color: var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 1rem !important;
    vertical-align: middle !important;
}

/* Table Container */
.table-container {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

.table-container .table {
    margin-bottom: 0 !important;
}

/* ========================================
   DATATABLES - ENHANCED STYLING
   ======================================== */

/* DataTables wrapper */
.dataTables_wrapper {
    padding: 1rem !important;
    background: var(--adaptive-card-bg) !important;
    border-radius: 0.75rem !important;
}

/* DataTables header controls */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 1rem !important;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    color: var(--adaptive-text) !important;
    font-size: 0.875rem !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    background-color: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem 0.75rem !important;
    margin: 0 0.5rem !important;
}

.dataTables_wrapper .dataTables_filter input {
    min-width: 200px !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.15) !important;
    outline: none !important;
}

/* DataTables info and pagination */
.dataTables_wrapper .dataTables_info {
    color: var(--adaptive-text-light) !important;
    font-size: 0.875rem !important;
    padding-top: 1rem !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.875rem !important;
    margin: 0 0.25rem !important;
    transition: all 0.2s ease !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: var(--adaptive-background) !important;
    border-color: var(--adaptive-border) !important;
    color: var(--adaptive-text-light) !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* DataTables sorting icons */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none !important;
    position: relative !important;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.3 !important;
    font-size: 0.75rem !important;
}

table.dataTable thead .sorting::after {
    content: '\f0dc' !important;
}

table.dataTable thead .sorting_asc::after {
    content: '\f0de' !important;
    opacity: 1 !important;
    color: var(--adaptive-primary) !important;
}

table.dataTable thead .sorting_desc::after {
    content: '\f0dd' !important;
    opacity: 1 !important;
    color: var(--adaptive-primary) !important;
}

/* Table empty state */
.dataTables_empty {
    color: var(--adaptive-text-light) !important;
    text-align: center !important;
    padding: 3rem !important;
    font-style: italic !important;
}

/* Status labels in tables */
.table .label,
.table .status {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 2rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

.status-active {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
}

.status-pending {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

.status-suspended,
.status-terminated,
.status-cancelled {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
}

.status-fraud {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
    color: #ffffff !important;
}

/* Table list specific styles */
.table-list {
    border-radius: 0 !important;
}

.table-list td {
    background: transparent !important;
}

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

.badge-success,
.label-success {
    background-color: var(--adaptive-primary) !important;
}

.badge-primary,
.label-primary {
    background-color: var(--adaptive-primary) !important;
}

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

.alert-success {
    background-color: rgba(0, 121, 242, 0.1) !important;
    border-color: var(--adaptive-primary) !important;
    color: var(--adaptive-primary-light) !important;
}

.alert-danger {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
    color: #fca5a5 !important;
}

.alert-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    border-color: #f59e0b !important;
    color: #fcd34d !important;
}

.alert-info {
    background-color: rgba(59, 130, 246, 0.1) !important;
    border-color: #3b82f6 !important;
    color: #93c5fd !important;
}

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

.pagination .page-item.active .page-link {
    background-color: var(--adaptive-primary);
    border-color: var(--adaptive-primary);
}

.pagination .page-link {
    color: var(--adaptive-primary);
}

.pagination .page-link:hover {
    color: var(--adaptive-primary-dark);
    background-color: #f9fafb;
}

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

.progress-bar {
    background-color: var(--adaptive-primary);
}

/* ========================================
   TABS
   ======================================== */

.nav-tabs .nav-link.active {
    color: var(--adaptive-primary);
    border-bottom: 2px solid var(--adaptive-primary);
}

.nav-tabs .nav-link:hover {
    color: var(--adaptive-primary);
}

/* ========================================
   FOOTER - SEAMLESS DESIGN
   ======================================== */

.footer {
    background-color: var(--adaptive-secondary) !important;
    color: var(--adaptive-text-light) !important;
    padding: 40px 0 20px !important;
    border-top: 1px solid var(--adaptive-border) !important;
    margin: 0 !important;
}

/* Make all child elements transparent to show footer background through */
.footer *,
.footer .container,
.footer .container-fluid,
.footer ul,
.footer li,
.footer .nav,
.footer .list-inline,
.footer .btn {
    background-color: transparent !important;
    border: none !important;
}

.footer a,
.footer .nav-link {
    color: var(--adaptive-text-light) !important;
    text-decoration: none !important;
}

.footer a:hover,
.footer .nav-link:hover {
    color: var(--adaptive-primary) !important;
}

.footer p,
.footer .copyright {
    color: var(--adaptive-text-light) !important;
    margin-bottom: 0 !important;
}

/* Remove any button styling in footer */
.footer .btn {
    color: var(--adaptive-text-light) !important;
    padding: 0.5rem 1rem !important;
}

.footer .btn:hover {
    color: var(--adaptive-primary) !important;
}

/* Additional Dark Mode Styles */
.modal-content {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
}

.modal-header {
    background-color: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.modal-body {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

.modal-footer {
    background-color: var(--adaptive-background-light) !important;
    border-top: 1px solid var(--adaptive-border) !important;
}

.alert {
    background-color: var(--adaptive-background-light) !important;
    border-color: var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* ========================================
   DROPDOWN MENUS - INNOVATIVE DESIGN
   ======================================== */

.dropdown-menu {
    background-color: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border-light) !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
    margin-top: 0.5rem !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6),
                0 8px 10px -6px rgba(0, 0, 0, 0.5),
                0 0 0 1px rgba(0, 121, 242, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    animation: dropdownFadeIn 0.2s ease-out !important;
    min-width: 200px !important;
    z-index: 9999 !important;
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-item {
    color: var(--adaptive-text) !important;
    padding: 0.625rem 1rem !important;
    border-radius: 0.375rem !important;
    margin-bottom: 0.25rem !important;
    transition: all 0.15s ease !important;
    font-size: 0.95em !important;
    display: flex !important;
    align-items: center !important;
}

.dropdown-item:last-child {
    margin-bottom: 0 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
    transform: translateX(4px) !important;
}

.dropdown-item:active {
    background-color: var(--adaptive-primary-dark) !important;
    color: #ffffff !important;
}

/* Dropdown divider */
.dropdown-divider {
    border-top: 1px solid var(--adaptive-border) !important;
    margin: 0.5rem 0 !important;
}

/* Dropdown header */
.dropdown-header {
    color: var(--adaptive-text-light) !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    padding: 0.5rem 1rem 0.25rem !important;
}

/* ========================================
   SUBMENU ITEMS - ROBOTO MONO FONT
   ======================================== */

/* Ensure all dropdown/submenu items use Roboto Mono */
.dropdown-menu,
.dropdown-menu *,
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item a,
.dropdown-menu li,
.dropdown-menu li a,
ul.dropdown-menu li.dropdown-item,
ul.dropdown-menu li.dropdown-item a {
    font-family: 'Roboto Mono', monospace !important;
}

/* Submenu items in navigation */
#nav .dropdown-menu .dropdown-item,
#nav .dropdown-menu .dropdown-item a,
.navbar-nav .dropdown-menu .dropdown-item,
.navbar-nav .dropdown-menu .dropdown-item a,
header .dropdown-menu .dropdown-item,
header .dropdown-menu .dropdown-item a,
.main-navbar-wrapper .dropdown-menu .dropdown-item,
.main-navbar-wrapper .dropdown-menu .dropdown-item a {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.9em !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
}

/* Collapsable dropdown menu (More menu) */
.collapsable-dropdown-menu,
.collapsable-dropdown-menu *,
.collapsable-dropdown-menu .dropdown-item,
.collapsable-dropdown-menu .dropdown-item a {
    font-family: 'Roboto Mono', monospace !important;
}

/* ========================================
   DOMAIN SEARCH & PRICING
   ======================================== */

.domain-status.Active,
.status.Active {
    color: var(--adaptive-primary);
    font-weight: 600;
}

.pricing-box.featured,
.package.recommended {
    border: 2px solid var(--adaptive-primary);
    box-shadow: 0 10px 15px -3px rgba(0, 121, 242, 0.2), 0 4px 6px -4px rgba(0, 121, 242, 0.2);
    transform: scale(1.05);
    z-index: 10;
    position: relative;
}

.pricing-box.featured .pricing-header,
.package.recommended .package-header {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%);
    color: #ffffff;
    padding: 1.5rem;
}

.pricing-box,
.package {
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}

.pricing-box:hover,
.package:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Recommended badge */
.pricing-box.featured::before,
.package.recommended::before {
    content: "Recommended";
    position: absolute;
    top: -12px;
    right: 20px;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%);
    color: #ffffff;
    padding: 4px 16px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 121, 242, 0.3);
}

/* ========================================
   UTILITY CLASSES
   ======================================== */

.text-primary {
    color: var(--adaptive-primary) !important;
}

.bg-primary {
    background-color: var(--adaptive-primary) !important;
}

.border-primary {
    border-color: var(--adaptive-primary) !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 40px;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

*:focus-visible {
    outline: 2px solid var(--adaptive-primary);
    outline-offset: 2px;
}

/* ========================================
   SELECTION
   ======================================== */

::selection {
    background-color: var(--adaptive-primary);
    color: #ffffff;
}

::-moz-selection {
    background-color: var(--adaptive-primary);
    color: #ffffff;
}

/* ========================================
   PRODUCT GRIDS & LISTINGS
   ======================================== */

.products,
.product-grid,
.domain-checker-result-headline {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.product-item,
.domain-result-item {
    background: #ffffff;
    border: 1px solid var(--adaptive-border);
    border-radius: 0.75rem;
    padding: 1.5rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.product-item:hover,
.domain-result-item:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 121, 242, 0.3);
    transform: translateY(-2px);
}

/* Domain search results */
.domain-checker-result {
    border-radius: 0.5rem;
    overflow: hidden;
}

.domain-checker-result .domain-checker-item {
    border-bottom: 1px solid var(--adaptive-border);
    padding: 1rem;
    transition: background-color 0.2s ease;
}

.domain-checker-result .domain-checker-item:hover {
    background-color: #f9fafb;
}

.domain-checker-result .domain-checker-item:last-child {
    border-bottom: none;
}

/* Product features list */
.product-features,
.package-features {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.product-features li,
.package-features li {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.product-features li:before,
.package-features li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--adaptive-primary);
    font-weight: 700;
    font-size: 1.1em;
}

/* ========================================
   ENHANCED SHADOWS (Tailwind-inspired)
   ======================================== */

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* ========================================
   NAVIGATION & SIDEBAR
   ======================================== */

.navbar,
.navbar-nav,
.nav {
    background-color: var(--adaptive-secondary) !important;
}

.nav-link,
.navbar-nav .nav-link {
    color: var(--adaptive-text) !important;
}

.nav-link:hover,
.navbar-nav .nav-link:hover {
    color: var(--adaptive-primary) !important;
}

.sidebar,
.client-area-sidebar {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

.sidebar .list-group-item,
.client-area-sidebar .list-group-item {
    background-color: transparent !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

.sidebar .list-group-item:hover,
.client-area-sidebar .list-group-item:hover {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
}

/* ========================================
   CODE & PRE BLOCKS
   ======================================== */

code {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary-light) !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

pre {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
    padding: 1rem !important;
    border-radius: 0.375rem !important;
}

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

/* ========================================
   ADDITIONAL TEXT OVERRIDES
   ======================================== */

/* Ensure placeholder text is visible */
::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.6 !important;
}

:-ms-input-placeholder {
    color: var(--adaptive-text-light) !important;
}

::-ms-input-placeholder {
    color: var(--adaptive-text-light) !important;
}

/* Text utilities */
.text-dark {
    color: var(--adaptive-text) !important;
}

.text-light {
    color: var(--adaptive-text-light) !important;
}

.text-white {
    color: #ffffff !important;
}

/* Well and jumbotron */
.well,
.jumbotron {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
}

/* Badge text */
.badge,
.label {
    color: #ffffff !important;
}

/* Price and important numbers */
.price,
.amount,
.total {
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
}

/* ========================================
   CLIENT AREA SPECIFIC FIXES
   ======================================== */

/* Catch all white backgrounds */
.bg-light,
.bg-white,
.bg-transparent,
.panel-white,
.white-bg {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Domain and service panels */
.domain-status,
.service-status,
.product-details,
.service-details,
.domain-details {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

/* Invoice and billing */
.invoice,
.invoice-items,
.billing-info,
.payment-methods,
.invoice-table {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Tickets and support */
.ticket-container,
.ticket-reply,
.support-ticket,
.ticket-details,
.ticket-thread {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

/* Product/Service boxes */
.product-box,
.service-box,
.package-box,
.plan-box {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
}

/* Info boxes and panels */
.info-box,
.alert-box,
.notification-box,
.message-box {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

/* Account sections */
.account-section,
.profile-section,
.security-section,
.settings-section {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Tab content */
.tab-content,
.tab-pane {
    background-color: var(--adaptive-background) !important;
    color: var(--adaptive-text) !important;
}

/* Nav tabs */
.nav-tabs {
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.nav-tabs .nav-link {
    color: var(--adaptive-text) !important;
    background-color: transparent !important;
    border-color: var(--adaptive-border) !important;
}

.nav-tabs .nav-link:hover {
    border-color: var(--adaptive-border) !important;
    background-color: var(--adaptive-background-light) !important;
}

.nav-tabs .nav-link.active {
    color: var(--adaptive-primary) !important;
    background-color: var(--adaptive-card-bg) !important;
    border-color: var(--adaptive-border) var(--adaptive-border) var(--adaptive-card-bg) !important;
}

/* Progress bars */
.progress {
    background-color: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
}

.progress-bar {
    background-color: var(--adaptive-primary) !important;
}

/* Pagination */
.pagination .page-link {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-border) !important;
}

.pagination .page-link:hover {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary-light) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.pagination .page-item.disabled .page-link {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text-light) !important;
    border-color: var(--adaptive-border) !important;
}

/* Input groups */
.input-group-text {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

/* Popover and tooltips */
.popover {
    background-color: var(--adaptive-card-bg) !important;
    border-color: var(--adaptive-border) !important;
}

.popover-header {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.popover-body {
    color: var(--adaptive-text) !important;
}

.tooltip-inner {
    background-color: var(--adaptive-secondary) !important;
    color: var(--adaptive-text) !important;
}

/* Override any remaining white backgrounds */
div[style*="background: white"],
div[style*="background: #fff"],
div[style*="background-color: white"],
div[style*="background-color: #fff"],
div[style*="background-color: #ffffff"] {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Override any remaining black text */
div[style*="color: black"],
div[style*="color: #000"],
div[style*="color: #000000"],
span[style*="color: black"],
span[style*="color: #000"],
p[style*="color: black"] {
    color: var(--adaptive-text) !important;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* ========================================
   DASHBOARD TILES - ENHANCED
   ======================================== */

.tiles .tile {
    background: linear-gradient(135deg, var(--adaptive-card-bg) 0%, var(--adaptive-background-light) 100%) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.tiles .tile:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px -8px rgba(0, 121, 242, 0.3) !important;
    border-color: var(--adaptive-primary) !important;
}

.tiles .tile i {
    font-size: 2rem !important;
    color: var(--adaptive-primary) !important;
    margin-bottom: 0.5rem !important;
}

.tiles .tile .stat {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    line-height: 1 !important;
}

.tiles .tile .title {
    color: var(--adaptive-text-light) !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-top: 0.5rem !important;
}

.tiles .tile .highlight {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    transition: height 0.3s ease !important;
}

.tiles .tile:hover .highlight {
    height: 5px !important;
}

/* ========================================
   ACTION ICON BUTTONS - HOMEPAGE
   ======================================== */

.action-icon-btns a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 1.5rem 1rem !important;
    background-color: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    text-decoration: none !important;
    color: var(--adaptive-text) !important;
    transition: all 0.3s ease !important;
    margin-bottom: 1rem !important;
}

.action-icon-btns a:hover {
    transform: translateY(-4px) !important;
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 8px 16px -4px rgba(0, 121, 242, 0.25) !important;
}

.action-icon-btns .ico-container {
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    border-radius: 50% !important;
    margin-bottom: 1rem !important;
    margin: 0 auto 1rem auto !important;
}

.action-icon-btns .ico-container i {
    font-size: 1.5rem !important;
    color: #ffffff !important;
}

/* ========================================
   CARD FOOTER CLEANUP
   ======================================== */

/* Hide empty card footers */
.card-footer:empty {
    display: none !important;
    padding: 0 !important;
}

.card-footer {
    background-color: var(--adaptive-background-light) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    padding: 0.75rem 1.25rem !important;
}

/* ========================================
   IMPROVED FOCUS STATES (ACCESSIBILITY)
   ======================================== */

.btn:focus,
.form-control:focus,
a:focus,
.nav-link:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.4) !important;
}

/* Skip focus ring for mouse users */
.btn:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
    box-shadow: none !important;
}

/* ========================================
   LOADING SKELETON ANIMATION
   ======================================== */

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.loading-skeleton {
    background: linear-gradient(90deg,
        var(--adaptive-background-light) 25%,
        var(--adaptive-card-bg) 50%,
        var(--adaptive-background-light) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 0.25rem;
}

/* ========================================
   STATUS BADGES - ENHANCED
   ======================================== */

.badge-active, .label-active,
.badge-success, .label-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
}

.badge-pending, .label-pending,
.badge-warning, .label-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

.badge-suspended, .label-suspended,
.badge-danger, .label-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
}

.badge, .label {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.75rem !important;
    padding: 0.35em 0.65em !important;
    border-radius: 0.375rem !important;
    font-weight: 500 !important;
}

/* ========================================
   MOBILE MENU IMPROVEMENTS
   ======================================== */

@media (max-width: 1199px) {
    #mainNavbar {
        background-color: var(--adaptive-card-bg) !important;
        border: 1px solid var(--adaptive-border) !important;
        border-radius: 0.5rem !important;
        padding: 1rem !important;
        margin-top: 0.5rem !important;
    }

    #mainNavbar .navbar-nav .nav-link {
        padding: 0.75rem 1rem !important;
        border-radius: 0.375rem !important;
    }

    #mainNavbar .navbar-nav .nav-link:hover {
        background-color: var(--adaptive-background-light) !important;
    }

    /* Mobile dropdown menus */
    #mainNavbar .dropdown-menu {
        background-color: var(--adaptive-background-light) !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 1rem !important;
    }
}

/* ========================================
   SCROLLBAR STYLING (DARK THEME)
   ======================================== */

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

::-webkit-scrollbar-track {
    background: var(--adaptive-background);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--adaptive-border-light);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--adaptive-primary);
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--adaptive-border-light) var(--adaptive-background);
}

/* ========================================
   INVOICE & BILLING ENHANCEMENTS
   ======================================== */

.invoice-container,
#invoiceContainer {
    background-color: var(--adaptive-card-bg) !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
}

.invoice-header {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    padding: 1.5rem !important;
}

/* ========================================
   DOMAIN SEARCH HERO - INNOVATIVE DESIGN
   ======================================== */

.domain-search-hero {
    position: relative !important;
    background: linear-gradient(135deg, var(--adaptive-background) 0%, var(--adaptive-card-bg) 50%, var(--adaptive-background-light) 100%) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 3rem 0 !important;
    overflow: hidden !important;
}

.domain-hero-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

.grid-lines {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image:
        linear-gradient(rgba(0, 121, 242, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 121, 242, 0.03) 1px, transparent 1px) !important;
    background-size: 50px 50px !important;
}

.floating-dot {
    position: absolute !important;
    border-radius: 50% !important;
    background: var(--adaptive-primary) !important;
    opacity: 0.1 !important;
    animation: floatDot 8s ease-in-out infinite !important;
}

.floating-dot.dot-1 {
    width: 300px !important;
    height: 300px !important;
    top: -100px !important;
    right: -50px !important;
    animation-delay: 0s !important;
}

.floating-dot.dot-2 {
    width: 200px !important;
    height: 200px !important;
    bottom: -50px !important;
    left: 10% !important;
    animation-delay: 2s !important;
}

.floating-dot.dot-3 {
    width: 150px !important;
    height: 150px !important;
    top: 20% !important;
    left: -50px !important;
    animation-delay: 4s !important;
}

@keyframes floatDot {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(20px, -20px) scale(1.1); }
}

.domain-search-content {
    position: relative !important;
    z-index: 2 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

.domain-search-header {
    text-align: center !important;
    margin-bottom: 2rem !important;
}

.domain-icon-badge {
    width: 70px !important;
    height: 70px !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    border-radius: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 1.25rem !important;
    box-shadow: 0 8px 32px rgba(0, 121, 242, 0.3) !important;
    animation: iconFloat 4s ease-in-out infinite !important;
}

@keyframes iconFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.domain-icon-badge i {
    font-size: 1.75rem !important;
    color: #ffffff !important;
}

.domain-search-header h2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin: 0 0 0.5rem 0 !important;
}

.domain-subtitle {
    color: var(--adaptive-text-light) !important;
    font-size: 1rem !important;
    margin: 0 !important;
}

/* Domain Input Container */
.domain-input-wrapper {
    margin-bottom: 1.5rem !important;
}

.domain-input-container {
    display: flex !important;
    align-items: center !important;
    background: var(--adaptive-card-bg) !important;
    border: 2px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    padding: 0.5rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

.domain-input-container:focus-within {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(0, 121, 242, 0.15) !important;
}

.domain-input-container .input-icon {
    padding: 0 1rem !important;
    color: var(--adaptive-text-light) !important;
}

.domain-input-container .input-icon i {
    font-size: 1.1rem !important;
}

.domain-input {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    color: var(--adaptive-text) !important;
    font-size: 1.1rem !important;
    padding: 0.75rem 0.5rem !important;
    outline: none !important;
}

.domain-input::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.6 !important;
}

.domain-buttons {
    display: flex !important;
    gap: 0.5rem !important;
}

.btn-domain-search {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0.875rem 1.5rem !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

.btn-domain-search:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 121, 242, 0.4) !important;
}

.btn-domain-search i {
    transition: transform 0.3s ease !important;
}

.btn-domain-search:hover i {
    transform: translateX(3px) !important;
}

/* Transfer Link */
.transfer-link {
    text-align: center !important;
    margin-top: 1rem !important;
}

.btn-transfer {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: transparent !important;
    color: var(--adaptive-text-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 2rem !important;
    font-size: 0.875rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.btn-transfer:hover {
    color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

/* Mobile Buttons */
.domain-buttons-mobile {
    display: none !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
}

@media (max-width: 575px) {
    .domain-buttons {
        display: none !important;
    }

    .domain-buttons-mobile {
        display: flex !important;
    }

    .domain-buttons-mobile .btn-domain-search,
    .domain-buttons-mobile .btn-transfer {
        flex: 1 !important;
        justify-content: center !important;
    }
}

/* Featured TLDs */
.featured-tlds {
    margin-top: 2rem !important;
}

.tlds-header {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 1.25rem !important;
}

.tlds-label {
    color: var(--adaptive-text-light) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    white-space: nowrap !important;
}

.tlds-divider {
    flex: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, var(--adaptive-border), transparent) !important;
}

.tlds-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

@media (max-width: 767px) {
    .tlds-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 400px) {
    .tlds-grid {
        grid-template-columns: 1fr !important;
    }
}

.tld-card {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.25rem 1rem !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.tld-card:hover {
    border-color: var(--adaptive-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 121, 242, 0.2) !important;
}

.tld-card.featured {
    background: linear-gradient(135deg, var(--adaptive-card-bg) 0%, rgba(0, 121, 242, 0.1) 100%) !important;
    border-color: var(--adaptive-primary) !important;
}

.tld-popular {
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 1rem !important;
    white-space: nowrap !important;
}

.tld-extension {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

.tld-card.featured .tld-extension {
    color: var(--adaptive-primary) !important;
}

.tld-price {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0.25rem !important;
}

.price-amount {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
}

.price-period {
    font-size: 0.75rem !important;
    color: var(--adaptive-text-light) !important;
}

.price-unavailable {
    font-size: 0.8rem !important;
    color: var(--adaptive-text-light) !important;
}

/* View All Link */
.view-all-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: var(--adaptive-primary) !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.view-all-link:hover {
    color: var(--adaptive-primary-light) !important;
    gap: 0.75rem !important;
}

.view-all-link i {
    font-size: 0.75rem !important;
    transition: transform 0.3s ease !important;
}

.view-all-link:hover i {
    transform: translateX(3px) !important;
}

/* Hide old domain search styles */
.home-domain-search {
    display: none !important;
}

.tld-logos {
    display: none !important;
}

/* ========================================
   TOOLTIP ARROW FIX
   ======================================== */

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--adaptive-secondary) !important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--adaptive-secondary) !important;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: var(--adaptive-secondary) !important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--adaptive-secondary) !important;
}

/* ========================================
   POPOVER ARROW FIX
   ======================================== */

.popover .arrow::before,
.popover .arrow::after {
    border-color: transparent !important;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-top-color: var(--adaptive-card-bg) !important;
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: var(--adaptive-card-bg) !important;
}

/* ========================================
   CLIENT ALERTS NOTIFICATION STYLING
   ======================================== */

.client-alerts {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 300px !important;
}

.client-alerts li {
    padding: 0 !important;
    margin: 0 !important;
}

.client-alerts li a {
    display: flex !important;
    align-items: flex-start !important;
    padding: 0.75rem !important;
    color: var(--adaptive-text) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    transition: background-color 0.2s ease !important;
}

.client-alerts li a:hover {
    background-color: var(--adaptive-background-light) !important;
}

.client-alerts li:last-child a {
    border-bottom: none !important;
}

.client-alerts li a i {
    margin-right: 0.75rem !important;
    margin-top: 0.2rem !important;
}

.client-alerts li a .message {
    flex: 1 !important;
    font-size: 0.9rem !important;
}

.client-alerts li.none {
    padding: 1rem !important;
    text-align: center !important;
    color: var(--adaptive-text-light) !important;
}

/* ========================================
   SERVICES SHOWCASE - INNOVATIVE DESIGN
   ======================================== */

.services-showcase {
    padding: 0 !important;
}

/* ========================================
   FEATURED PRODUCT HERO
   ======================================== */

.featured-product-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
    background: linear-gradient(135deg, var(--adaptive-card-bg) 0%, var(--adaptive-background-light) 50%, var(--adaptive-card-bg) 100%) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    padding: 2.5rem !important;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
    overflow: hidden !important;
    min-height: auto !important;
}

.featured-product-hero::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--adaptive-primary), var(--adaptive-primary-light), var(--adaptive-primary)) !important;
}

.hero-glow {
    position: absolute !important;
    top: -50% !important;
    right: -20% !important;
    width: 500px !important;
    height: 500px !important;
    background: radial-gradient(circle, rgba(0, 121, 242, 0.15) 0%, transparent 70%) !important;
    pointer-events: none !important;
    animation: pulseGlow 4s ease-in-out infinite !important;
}

@keyframes pulseGlow {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.1); }
}

.hero-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.hero-icon {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    border-radius: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 8px 24px rgba(0, 121, 242, 0.3) !important;
}

.hero-icon i {
    font-size: 1.5rem !important;
    color: #ffffff !important;
}

.hero-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-light) 100%) !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 2rem !important;
    margin-bottom: 1rem !important;
    width: fit-content !important;
}

.hero-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin: 0 0 0.75rem 0 !important;
    line-height: 1.2 !important;
}

.hero-description {
    color: var(--adaptive-text-light) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 0 1.25rem 0 !important;
}

.hero-features {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.hero-features span {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: var(--adaptive-text) !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

.hero-features span i {
    color: var(--adaptive-primary) !important;
    font-size: 0.9rem !important;
}

.btn-hero {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    padding: 0.875rem 1.75rem !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 16px rgba(0, 121, 242, 0.3) !important;
    width: fit-content !important;
}

.btn-hero:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 121, 242, 0.4) !important;
    color: #ffffff !important;
}

.btn-hero i {
    transition: transform 0.3s ease !important;
}

.btn-hero:hover i {
    transform: translateX(4px) !important;
}

/* Hero Visual Section */
.hero-visual {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
}

.floating-element {
    position: absolute !important;
    width: 50px !important;
    height: 50px !important;
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    animation: float 6s ease-in-out infinite !important;
}

.floating-element i {
    font-size: 1.25rem !important;
    color: var(--adaptive-primary) !important;
}

.floating-element.elem-1 {
    top: 10% !important;
    left: 10% !important;
    animation-delay: 0s !important;
}

.floating-element.elem-2 {
    top: 20% !important;
    right: 15% !important;
    animation-delay: 1s !important;
}

.floating-element.elem-3 {
    bottom: 20% !important;
    left: 20% !important;
    animation-delay: 2s !important;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.server-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    padding: 1.5rem !important;
    background: var(--adaptive-background) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
}

.server-unit {
    width: 120px !important;
    height: 24px !important;
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.25rem !important;
    position: relative !important;
}

.server-unit::before {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--adaptive-border-light) !important;
    border-radius: 50% !important;
}

.server-unit.active::before {
    background: #10b981 !important;
    box-shadow: 0 0 8px #10b981 !important;
    animation: blink 2s ease-in-out infinite !important;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* ========================================
   ADDITIONAL PRODUCTS MINI CARDS
   ======================================== */

.additional-products {
    margin-bottom: 1rem !important;
}

.product-card-mini {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1rem 1.25rem !important;
    transition: all 0.3s ease !important;
}

.product-card-mini:hover {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 4px 16px rgba(0, 121, 242, 0.15) !important;
    transform: translateX(4px) !important;
}

.mini-icon {
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    border-radius: 0.625rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.mini-icon i {
    font-size: 1.1rem !important;
    color: #ffffff !important;
}

.mini-content {
    flex: 1 !important;
}

.mini-content h4 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    margin: 0 0 0.25rem 0 !important;
}

.mini-content p {
    font-size: 0.85rem !important;
    color: var(--adaptive-text-light) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.mini-cta {
    width: 36px !important;
    height: 36px !important;
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.mini-cta i {
    color: var(--adaptive-text-light) !important;
    font-size: 0.8rem !important;
    transition: all 0.3s ease !important;
}

.product-card-mini:hover .mini-cta {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

.product-card-mini:hover .mini-cta i {
    color: #ffffff !important;
    transform: translateX(2px) !important;
}

/* ========================================
   DOMAIN ACTIONS BAR
   ======================================== */

.domain-actions-bar {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    margin-top: 0.5rem !important;
}

.domain-bar-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 1rem 1.5rem !important;
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.domain-bar-header i {
    font-size: 1.25rem !important;
    color: var(--adaptive-primary) !important;
}

.domain-bar-header h3 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    margin: 0 !important;
}

.domain-bar-actions {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: stretch !important;
}

.domain-action {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1.25rem 1.5rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.domain-action:hover {
    background: var(--adaptive-background-light) !important;
}

.domain-action .action-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 0.625rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

.domain-action.register .action-icon {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.domain-action.transfer .action-icon {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
}

.domain-action .action-icon i {
    font-size: 1.1rem !important;
    color: #ffffff !important;
}

.domain-action .action-content {
    flex: 1 !important;
}

.domain-action .action-content strong {
    display: block !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.2rem !important;
}

.domain-action .action-content span {
    font-size: 0.8rem !important;
    color: var(--adaptive-text-light) !important;
}

.domain-action .action-arrow {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
}

.domain-action:hover .action-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.domain-divider {
    width: 1px !important;
    background: var(--adaptive-border) !important;
    margin: 0.75rem 0 !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .featured-product-hero {
        grid-template-columns: 1fr !important;
        padding: 2rem !important;
        min-height: auto !important;
    }

    .hero-visual {
        display: none !important;
    }

    .domain-bar-actions {
        grid-template-columns: 1fr !important;
    }

    .domain-divider {
        width: 100% !important;
        height: 1px !important;
        margin: 0 !important;
    }
}

@media (max-width: 575px) {
    .featured-product-hero {
        padding: 1.5rem !important;
        border-radius: 1rem !important;
    }

    .hero-title {
        font-size: 1.35rem !important;
    }

    .hero-features {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .btn-hero {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ========================================
   MAIN BODY LAYOUT ALIGNMENT
   ======================================== */

#main-body {
    padding-top: 2rem !important;
}

#main-body > .container > .row {
    align-items: flex-start !important;
}

/* Remove extra top margin from primary content */
.primary-content {
    padding-top: 0 !important;
}

.primary-content > *:first-child {
    margin-top: 0 !important;
}

/* ========================================
   HIDE DUPLICATE SECONDARY SIDEBAR
   ======================================== */

/* Secondary sidebar should only show on mobile - AGGRESSIVE HIDE */
.sidebar-secondary,
.sidebar.sidebar-secondary,
.d-lg-none.sidebar,
.d-lg-none.sidebar-secondary,
.primary-content + .sidebar,
.primary-content ~ .sidebar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Only show on small screens if needed */
@media (max-width: 991px) {
    .sidebar-secondary,
    .d-lg-none.sidebar {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        margin-top: 2rem !important;
    }
}

/* ========================================
   SIDEBAR CARDS - INNOVATIVE REDESIGN
   ======================================== */

.sidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.sidebar > *:first-child {
    margin-top: 0 !important;
}

.card-sidebar {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
    margin-top: 0 !important;
}

.card-sidebar:first-child {
    margin-top: 0 !important;
}

/* Ensure mb-3 class doesn't add unwanted spacing */
.sidebar .card-sidebar.mb-3 {
    margin-bottom: 1rem !important;
}

.sidebar .card-sidebar.mb-3:first-child {
    margin-top: 0 !important;
}

.card-sidebar:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    border-color: var(--adaptive-primary) !important;
}

/* Sidebar Card Header */
.card-sidebar .card-header {
    background: linear-gradient(135deg, var(--adaptive-background-light) 0%, var(--adaptive-card-bg) 100%) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 1rem 1.25rem !important;
    position: relative !important;
}

.card-sidebar .card-header::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--adaptive-primary), var(--adaptive-primary-light)) !important;
}

.card-sidebar .card-header .card-title {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.card-sidebar .card-header .card-title i:first-child {
    color: var(--adaptive-primary) !important;
}

.card-sidebar .card-minimise {
    opacity: 0.5 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.card-sidebar:hover .card-minimise {
    opacity: 1 !important;
    color: var(--adaptive-primary) !important;
}

/* Sidebar List Items - Innovative Style */
.card-sidebar .list-group {
    padding: 0.5rem !important;
}

.card-sidebar .list-group-item {
    background: transparent !important;
    border: none !important;
    border-radius: 0.625rem !important;
    padding: 0 !important;
    margin-bottom: 0.25rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.card-sidebar .list-group-item:last-child {
    margin-bottom: 0 !important;
}

.card-sidebar .list-group-item:hover {
    background: var(--adaptive-background-light) !important;
    transform: translateX(4px) !important;
}

.card-sidebar .list-group-item.active {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
}

.card-sidebar .list-group-item.active .sidebar-menu-item-label {
    color: #ffffff !important;
}

.card-sidebar .list-group-item.active .sidebar-menu-item-icon {
    color: #ffffff !important;
}

/* Sidebar Menu Item Wrapper */
.sidebar-menu-item-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.75rem 1rem !important;
    width: 100% !important;
}

.sidebar-menu-item-icon-wrapper {
    width: 36px !important;
    height: 36px !important;
    background: var(--adaptive-background) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

.card-sidebar .list-group-item:hover .sidebar-menu-item-icon-wrapper {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

.card-sidebar .list-group-item:hover .sidebar-menu-item-icon {
    color: #ffffff !important;
}

.card-sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.sidebar-menu-item-icon {
    font-size: 0.9rem !important;
    color: var(--adaptive-primary) !important;
    transition: all 0.3s ease !important;
}

.sidebar-menu-item-label {
    flex: 1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: var(--adaptive-text) !important;
    transition: all 0.3s ease !important;
}

.sidebar-menu-item-badge {
    flex-shrink: 0 !important;
}

.sidebar-menu-item-badge .badge {
    background: var(--adaptive-primary) !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    padding: 0.3em 0.6em !important;
}

/* External Link Indicator */
.card-sidebar .list-group-item[target="_blank"] .sidebar-menu-item-wrapper::after {
    content: '\f35d' !important;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size: 0.7rem !important;
    color: var(--adaptive-text-light) !important;
    opacity: 0.5 !important;
    margin-left: auto !important;
    transition: all 0.3s ease !important;
}

.card-sidebar .list-group-item[target="_blank"]:hover .sidebar-menu-item-wrapper::after {
    opacity: 1 !important;
    color: var(--adaptive-primary) !important;
}

/* Sidebar Card Body */
.card-sidebar .card-body {
    padding: 1rem 1.25rem !important;
    background: var(--adaptive-card-bg) !important;
}

/* Sidebar Card Footer */
.card-sidebar .card-footer {
    background: var(--adaptive-background-light) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    padding: 0.75rem 1.25rem !important;
}

/* ========================================
   CONTROL PANEL LINKS - SPECIAL STYLING
   ======================================== */

/* Target sidebar cards that contain "Control Panel" or external server links */
.card-sidebar .list-group-item[href*="plesk"],
.card-sidebar .list-group-item[href*="cpanel"],
.card-sidebar .list-group-item[href*="control"] {
    background: linear-gradient(135deg, var(--adaptive-background-light) 0%, transparent 100%) !important;
    border: 1px solid var(--adaptive-border) !important;
    margin-bottom: 0.5rem !important;
}

.card-sidebar .list-group-item[href*="plesk"]:hover,
.card-sidebar .list-group-item[href*="cpanel"]:hover,
.card-sidebar .list-group-item[href*="control"]:hover {
    border-color: var(--adaptive-primary) !important;
    background: linear-gradient(135deg, rgba(0, 121, 242, 0.1) 0%, transparent 100%) !important;
}

/* Server-specific icon colors */
.card-sidebar .list-group-item[href*="win2022"] .sidebar-menu-item-icon-wrapper,
.card-sidebar .list-group-item[href*="WIN 2022"] .sidebar-menu-item-icon-wrapper,
.card-sidebar .list-group-item[href*="win-2022"] .sidebar-menu-item-icon-wrapper {
    background: linear-gradient(135deg, #0078D4 0%, #005a9e 100%) !important;
    border-color: #0078D4 !important;
}

.card-sidebar .list-group-item[href*="win2022"] .sidebar-menu-item-icon,
.card-sidebar .list-group-item[href*="WIN 2022"] .sidebar-menu-item-icon,
.card-sidebar .list-group-item[href*="win-2022"] .sidebar-menu-item-icon {
    color: #ffffff !important;
}

.card-sidebar .list-group-item[href*="win2019"] .sidebar-menu-item-icon-wrapper,
.card-sidebar .list-group-item[href*="WIN 2019"] .sidebar-menu-item-icon-wrapper,
.card-sidebar .list-group-item[href*="win-2019"] .sidebar-menu-item-icon-wrapper {
    background: linear-gradient(135deg, #00A4EF 0%, #0078D4 100%) !important;
    border-color: #00A4EF !important;
}

.card-sidebar .list-group-item[href*="win2019"] .sidebar-menu-item-icon,
.card-sidebar .list-group-item[href*="WIN 2019"] .sidebar-menu-item-icon,
.card-sidebar .list-group-item[href*="win-2019"] .sidebar-menu-item-icon {
    color: #ffffff !important;
}

.card-sidebar .list-group-item[href*="linux"] .sidebar-menu-item-icon-wrapper,
.card-sidebar .list-group-item[href*="Linux"] .sidebar-menu-item-icon-wrapper {
    background: linear-gradient(135deg, #FCC624 0%, #E95420 100%) !important;
    border-color: #FCC624 !important;
}

.card-sidebar .list-group-item[href*="linux"] .sidebar-menu-item-icon,
.card-sidebar .list-group-item[href*="Linux"] .sidebar-menu-item-icon {
    color: #000000 !important;
}

/* Pulse animation for server status indicator */
@keyframes serverPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 121, 242, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(0, 121, 242, 0); }
}

.card-sidebar .list-group-item[href*="plesk"] .sidebar-menu-item-icon-wrapper::before,
.card-sidebar .list-group-item[href*="cpanel"] .sidebar-menu-item-icon-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 8px !important;
    height: 8px !important;
    background: #10b981 !important;
    border-radius: 50% !important;
    animation: serverPulse 2s ease-in-out infinite !important;
}

/* ========================================
   SIDEBAR QUICK LINKS CARD STYLE
   ======================================== */

/* Make links without icons more visual */
.card-sidebar .list-group-item:not(:has(.sidebar-menu-item-icon-wrapper)) {
    padding: 0.875rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.card-sidebar .list-group-item:not(:has(.sidebar-menu-item-icon-wrapper))::before {
    content: '' !important;
    width: 4px !important;
    height: 4px !important;
    background: var(--adaptive-primary) !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

.card-sidebar .list-group-item:not(:has(.sidebar-menu-item-icon-wrapper)):hover::before {
    width: 8px !important;
    border-radius: 4px !important;
}

/* ========================================
   COLLAPSIBLE SIDEBAR ANIMATION
   ======================================== */

.collapsable-card-body {
    transition: all 0.3s ease !important;
}

.card-sidebar.collapsed .collapsable-card-body {
    display: none !important;
}

.card-sidebar.collapsed .card-minimise {
    transform: rotate(180deg) !important;
}

/* ========================================
   LOGIN PAGE - SPLIT SCREEN DESIGN
   ======================================== */

.login-page-wrapper {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.login-split-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    background: var(--adaptive-card-bg) !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid var(--adaptive-border) !important;
    margin: 0 !important;
}

/* Left Side - Branding */
.login-brand-side {
    position: relative !important;
    background: linear-gradient(135deg, var(--adaptive-primary-dark) 0%, var(--adaptive-primary) 50%, var(--adaptive-primary-light) 100%) !important;
    padding: 3rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.brand-bg-elements {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
}

.brand-circle {
    position: absolute !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.brand-circle.circle-1 {
    width: 300px !important;
    height: 300px !important;
    top: -100px !important;
    right: -100px !important;
    animation: float 8s ease-in-out infinite !important;
}

.brand-circle.circle-2 {
    width: 200px !important;
    height: 200px !important;
    bottom: -50px !important;
    left: -50px !important;
    animation: float 6s ease-in-out infinite reverse !important;
}

.brand-circle.circle-3 {
    width: 100px !important;
    height: 100px !important;
    top: 50% !important;
    right: 20% !important;
    animation: float 10s ease-in-out infinite !important;
}

.brand-grid {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
}

.brand-content {
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
}

.brand-logo {
    width: 80px !important;
    height: 80px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1.5rem !important;
    backdrop-filter: blur(10px) !important;
}

.brand-logo i {
    font-size: 2rem !important;
    color: #ffffff !important;
}

.brand-content h1 {
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    margin: 0 0 0.5rem 0 !important;
}

.brand-tagline {
    font-size: 1.1rem !important;
    opacity: 0.9 !important;
    margin: 0 0 2.5rem 0 !important;
}

.brand-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.feature-icon {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.625rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.feature-icon i {
    font-size: 1rem !important;
    color: #ffffff !important;
}

.feature-text {
    display: flex !important;
    flex-direction: column !important;
}

.feature-text strong {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

.feature-text span {
    font-size: 0.85rem !important;
    opacity: 0.8 !important;
}

/* Right Side - Login Form */
.login-form-side {
    padding: 3rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.login-form-modern {
    max-width: 380px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.login-form-header {
    margin-bottom: 2rem !important;
}

.login-form-header h2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin: 0 0 0.5rem 0 !important;
}

.login-form-header p {
    color: var(--adaptive-text-light) !important;
    margin: 0 !important;
}

.form-group-modern {
    margin-bottom: 1.25rem !important;
}

.form-group-modern label {
    display: block !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

.label-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.5rem !important;
}

.forgot-link {
    font-size: 0.8rem !important;
    color: var(--adaptive-primary) !important;
    text-decoration: none !important;
}

.forgot-link:hover {
    text-decoration: underline !important;
}

.input-modern {
    display: flex !important;
    align-items: center !important;
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.625rem !important;
    padding: 0 1rem !important;
    transition: all 0.3s ease !important;
}

.input-modern:focus-within {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.15) !important;
}

.input-modern i {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    margin-right: 0.75rem !important;
}

.input-modern input {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    color: var(--adaptive-text) !important;
    padding: 0.875rem 0 !important;
    font-size: 0.95rem !important;
    outline: none !important;
}

.input-modern input::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.6 !important;
}

.input-modern.has-toggle {
    padding-right: 0 !important;
}

.input-modern .btn-reveal-pw {
    background: transparent !important;
    border: none !important;
    color: var(--adaptive-text-light) !important;
    padding: 0.875rem 1rem !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.input-modern .btn-reveal-pw:hover {
    color: var(--adaptive-primary) !important;
}

/* Checkbox */
.remember-row {
    margin-top: 1.5rem !important;
}

.checkbox-modern {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    cursor: pointer !important;
    font-size: 0.875rem !important;
    color: var(--adaptive-text) !important;
}

.checkbox-modern input {
    display: none !important;
}

.checkbox-modern .checkmark {
    width: 20px !important;
    height: 20px !important;
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.375rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.checkbox-modern input:checked + .checkmark {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

.checkbox-modern input:checked + .checkmark::after {
    content: '\f00c' !important;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size: 0.7rem !important;
    color: #ffffff !important;
}

/* Submit Button */
.btn-login-submit {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 1rem !important;
    border-radius: 0.625rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 1.5rem !important;
}

.btn-login-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 121, 242, 0.4) !important;
}

.btn-login-submit i {
    transition: transform 0.3s ease !important;
}

.btn-login-submit:hover i {
    transform: translateX(4px) !important;
}

/* Footer */
.login-footer {
    text-align: center !important;
    margin-top: 2rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid var(--adaptive-border) !important;
}

.login-footer span {
    color: var(--adaptive-text-light) !important;
    font-size: 0.875rem !important;
}

.login-footer a {
    color: var(--adaptive-primary) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 0.25rem !important;
}

.login-footer a:hover {
    text-decoration: underline !important;
}

/* Captcha wrapper */
.captcha-wrapper {
    margin: 1rem 0 !important;
}

/* Responsive */
@media (max-width: 991px) {
    .login-split-container {
        grid-template-columns: 1fr !important;
    }

    .login-brand-side {
        display: none !important;
    }

    .login-form-side {
        padding: 2rem !important;
    }
}

@media (max-width: 575px) {
    .login-form-side {
        padding: 1.5rem !important;
    }

    .login-form-header h2 {
        font-size: 1.5rem !important;
    }
}

/* Hide old login card */
.login-form > .card.mw-540 {
    display: none !important;
}

/* ========================================
   SUPPORT TICKETS - ENHANCED STYLING
   ======================================== */

/* View Ticket Container */
.view-ticket {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
}

.view-ticket .card-body:first-child {
    background: linear-gradient(135deg, var(--adaptive-background-light) 0%, var(--adaptive-card-bg) 100%) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.view-ticket .card-title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

.ticket-actions .btn {
    border-radius: 0.5rem !important;
}

/* Ticket Reply Thread */
.ticket-reply {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    margin-bottom: 1rem !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.ticket-reply:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Client (Customer) Messages */
.ticket-reply:not(.staff) {
    border-left: 4px solid var(--adaptive-primary) !important;
    background: linear-gradient(135deg, rgba(0, 121, 242, 0.05) 0%, var(--adaptive-card-bg) 100%) !important;
}

.ticket-reply:not(.staff) .posted-by {
    background: linear-gradient(135deg, rgba(0, 121, 242, 0.1) 0%, transparent 100%) !important;
    border-bottom: 1px solid rgba(0, 121, 242, 0.15) !important;
    padding: 0.875rem 1rem !important;
}

.ticket-reply:not(.staff) .posted-by-name {
    color: var(--adaptive-primary) !important;
    font-weight: 600 !important;
}

/* Staff Messages */
.ticket-reply.staff {
    border-left: 4px solid #10b981 !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.05) 0%, var(--adaptive-card-bg) 100%) !important;
}

.ticket-reply.staff .posted-by {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, transparent 100%) !important;
    border-bottom: 1px solid rgba(16, 185, 129, 0.15) !important;
    padding: 0.875rem 1rem !important;
}

.ticket-reply.staff .posted-by-name {
    color: #10b981 !important;
    font-weight: 600 !important;
}

/* Posted By Section */
.ticket-reply .posted-by {
    font-size: 0.875rem !important;
    color: var(--adaptive-text-light) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

.ticket-reply .posted-on {
    color: var(--adaptive-text-light) !important;
    font-size: 0.8rem !important;
}

/* Requestor Badge */
.requestor-badge {
    font-size: 0.7rem !important;
    padding: 0.25rem 0.625rem !important;
    border-radius: 2rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

.requestor-type-client {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
}

.requestor-type-owner {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
}

.requestor-type-operator,
.requestor-type-admin {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
}

/* Message Content */
.ticket-reply .message {
    color: var(--adaptive-text) !important;
    line-height: 1.7 !important;
    font-size: 0.95rem !important;
}

.ticket-reply .message p {
    margin-bottom: 1rem !important;
}

.ticket-reply .message p:last-child {
    margin-bottom: 0 !important;
}

.ticket-reply .message hr {
    border-color: var(--adaptive-border) !important;
    margin: 1rem 0 !important;
}

/* Attachments */
.ticket-reply .attachments {
    background: var(--adaptive-background-light) !important;
    border-top: 1px solid var(--adaptive-border) !important;
}

.ticket-reply .attachments strong {
    color: var(--adaptive-text) !important;
    font-size: 0.875rem !important;
}

.ticket-reply .attachments .attachment {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
    margin: 0.5rem 0.25rem 0 0 !important;
    font-size: 0.85rem !important;
    color: var(--adaptive-text) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.ticket-reply .attachments .attachment:hover {
    border-color: var(--adaptive-primary) !important;
    color: var(--adaptive-primary) !important;
}

.ticket-reply .attachments .attachment i {
    color: var(--adaptive-primary) !important;
}

/* Star Rating */
.ticket-reply .rating,
.ticket-reply .rating-done {
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid var(--adaptive-border) !important;
}

.ticket-reply .rating .star,
.ticket-reply .rating-done .star {
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    background: var(--adaptive-background-light) !important;
    border-radius: 0.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.ticket-reply .rating .star::before,
.ticket-reply .rating-done .star::before {
    content: '\f005' !important;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free' !important;
    font-weight: 400 !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.875rem !important;
}

.ticket-reply .rating .star:hover,
.ticket-reply .rating .star:hover ~ .star,
.ticket-reply .rating-done .star.active {
    background: #f59e0b !important;
}

.ticket-reply .rating .star:hover::before,
.ticket-reply .rating .star:hover ~ .star::before,
.ticket-reply .rating-done .star.active::before {
    font-weight: 900 !important;
    color: #ffffff !important;
}

.ticket-reply .rated {
    margin-left: 0.75rem !important;
    font-size: 0.8rem !important;
    color: var(--adaptive-text-light) !important;
    font-style: italic !important;
}

/* Ticket Reply Form */
#ticketReplyContainer {
    margin-top: 2rem !important;
}

#ticketReplyContainer .card {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

#ticketReplyContainer .card-header {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 1rem 1.25rem !important;
}

#ticketReplyContainer textarea {
    min-height: 150px !important;
}

/* Ticket Status Badge */
.ticket-status {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 2rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.ticket-status-open {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
}

.ticket-status-answered {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
}

.ticket-status-customer-reply {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

.ticket-status-closed {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    color: #ffffff !important;
}

.ticket-status-on-hold {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
}

.ticket-status-in-progress {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #ffffff !important;
}

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

/* Invoice Container */
.invoice-container {
    background: var(--adaptive-background) !important;
    color: var(--adaptive-text) !important;
    min-height: 100vh !important;
    padding: 2rem !important;
}

/* Invoice Header */
.invoice-header {
    background: linear-gradient(135deg, var(--adaptive-card-bg) 0%, var(--adaptive-background-light) 100%) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    margin-bottom: 1.5rem !important;
}

.invoice-header h2,
.invoice-header h3 {
    color: var(--adaptive-text) !important;
}

.invoice-col {
    color: var(--adaptive-text) !important;
}

/* Invoice Status Badges */
.invoice-status span {
    display: inline-block !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 2rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.invoice-status .paid {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
}

.invoice-status .unpaid {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
}

.invoice-status .cancelled {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    color: #ffffff !important;
}

.invoice-status .refunded {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
}

.invoice-status .collections {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

.invoice-status .draft {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #ffffff !important;
}

/* Invoice Info Sections */
.invoice-container .small-text {
    color: var(--adaptive-text-light) !important;
    font-size: 0.875rem !important;
    margin-top: 0.5rem !important;
}

/* Invoice Details Card */
.invoice-container .card,
.invoice-container .panel {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    color: var(--adaptive-text) !important;
}

.invoice-container .card-header,
.invoice-container .panel-heading {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Invoice Table */
.invoice-container table {
    background: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

.invoice-container table thead th {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border-bottom: 2px solid var(--adaptive-border) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    padding: 1rem !important;
}

.invoice-container table tbody td {
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 1rem !important;
}

.invoice-container table tbody tr:hover {
    background: rgba(0, 121, 242, 0.05) !important;
}

.invoice-container table tfoot td {
    background: var(--adaptive-background-light) !important;
    border-top: 2px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
    padding: 1rem !important;
}

/* Invoice Totals */
.invoice-container .total-row td {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-primary) !important;
}

/* Invoice Billing/Payment Info */
.invoice-container .billing-info,
.invoice-container .payment-info {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.invoice-container .billing-info h4,
.invoice-container .payment-info h4 {
    color: var(--adaptive-text) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.invoice-container address {
    color: var(--adaptive-text-light) !important;
    font-style: normal !important;
    line-height: 1.8 !important;
}

/* Payment Button */
.payment-btn-container {
    margin-top: 1.5rem !important;
}

.payment-btn-container .btn {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, var(--adaptive-primary-dark) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0.875rem 2rem !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.payment-btn-container .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 121, 242, 0.4) !important;
}

/* Invoice HR */
.invoice-container hr {
    border-color: var(--adaptive-border) !important;
    margin: 1.5rem 0 !important;
}

/* Invoice Notes */
.invoice-container .notes {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.875rem !important;
}

/* Print Styles */
@media print {
    .invoice-container {
        background: #ffffff !important;
        color: #000000 !important;
    }

    .invoice-container table,
    .invoice-container .card,
    .invoice-container .billing-info,
    .invoice-container .payment-info {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #dee2e6 !important;
    }

    .invoice-container table thead th {
        background: #f8f9fa !important;
        color: #000000 !important;
    }

    .invoice-container table tbody td,
    .invoice-container table tfoot td {
        color: #000000 !important;
    }

    .invoice-header {
        background: #f8f9fa !important;
    }

    .d-print-none {
        display: none !important;
    }
}

/* Invoice Transactions */
.invoice-container .transactions {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    margin-top: 1.5rem !important;
}

.invoice-container .transactions h4 {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    padding: 1rem 1.25rem !important;
    margin: 0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

/* Related Invoices */
.invoice-container .related-invoices a {
    color: var(--adaptive-primary) !important;
    text-decoration: none !important;
}

.invoice-container .related-invoices a:hover {
    text-decoration: underline !important;
}

/* ========================================
   REGISTRATION PAGE - SPLIT-SCREEN DESIGN
   ======================================== */

.register-page-wrapper {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.register-split-container {
    display: flex !important;
    min-height: auto !important;
    background: transparent !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4) !important;
}

/* Left Brand Side - Similar to Login */
.register-brand-side {
    flex: 0 0 380px !important;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
    padding: 3rem 2.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.register-brand-side .brand-bg-elements {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

.register-brand-side .brand-circle {
    position: absolute !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, rgba(0, 121, 242, 0.15) 0%, rgba(0, 121, 242, 0.05) 100%) !important;
}

.register-brand-side .circle-1 {
    width: 300px !important;
    height: 300px !important;
    top: -100px !important;
    right: -100px !important;
    animation: float 8s ease-in-out infinite !important;
}

.register-brand-side .circle-2 {
    width: 200px !important;
    height: 200px !important;
    bottom: -50px !important;
    left: -50px !important;
    animation: float 6s ease-in-out infinite reverse !important;
}

.register-brand-side .circle-3 {
    width: 100px !important;
    height: 100px !important;
    top: 50% !important;
    left: 20% !important;
    animation: float 10s ease-in-out infinite !important;
}

.register-brand-side .brand-grid {
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(0, 121, 242, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 121, 242, 0.03) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
}

.register-brand-side .brand-content {
    position: relative !important;
    z-index: 2 !important;
}

.register-brand-side .brand-logo {
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border-radius: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 15px 40px rgba(0, 121, 242, 0.4) !important;
}

.register-brand-side .brand-logo i {
    font-size: 2.5rem !important;
    color: #ffffff !important;
}

.register-brand-side h1 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 0.5rem !important;
}

.register-brand-side .brand-tagline {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 1rem !important;
    margin-bottom: 2.5rem !important;
}

.register-brand-side .brand-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
    margin-bottom: 2.5rem !important;
}

.register-brand-side .feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.register-brand-side .feature-icon {
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 121, 242, 0.2) !important;
    border-radius: 0.625rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.register-brand-side .feature-icon i {
    font-size: 1rem !important;
    color: var(--adaptive-primary) !important;
}

.register-brand-side .feature-text {
    display: flex !important;
    flex-direction: column !important;
}

.register-brand-side .feature-text strong {
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

.register-brand-side .feature-text span {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.8rem !important;
}

/* Brand Stats */
.brand-stats {
    display: flex !important;
    gap: 1.5rem !important;
    padding-top: 2rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.stat-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.stat-number {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-primary) !important;
}

.stat-label {
    font-size: 0.75rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Right Form Side */
.register-form-side {
    flex: 1 !important;
    background: var(--adaptive-card-bg) !important;
    padding: 2.5rem 3rem !important;
    overflow-y: auto !important;
    max-height: 85vh !important;
}

.register-form-modern {
    max-width: 100% !important;
}

.register-form-header {
    margin-bottom: 2rem !important;
}

.register-form-header h2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

.register-form-header p {
    color: var(--adaptive-text-light) !important;
    font-size: 0.95rem !important;
}

/* Registration Sections */
.register-section {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.section-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.section-header i {
    width: 36px !important;
    height: 36px !important;
    background: rgba(0, 121, 242, 0.15) !important;
    border-radius: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--adaptive-primary) !important;
    font-size: 1rem !important;
}

.section-header h3 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    margin: 0 !important;
}

.section-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

/* Form Rows */
.register-form-modern .form-row {
    display: flex !important;
    gap: 1rem !important;
}

.register-form-modern .form-group-modern {
    flex: 1 !important;
    margin-bottom: 0 !important;
}

.register-form-modern .form-group-modern.half {
    flex: 0 0 calc(50% - 0.5rem) !important;
}

.register-form-modern .form-group-modern.third {
    flex: 0 0 calc(33.333% - 0.667rem) !important;
}

.register-form-modern .form-group-modern label {
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

.register-form-modern .form-group-modern label .optional {
    color: var(--adaptive-text-light) !important;
    font-weight: 400 !important;
    font-size: 0.8rem !important;
}

.register-form-modern .input-modern {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.register-form-modern .input-modern i:first-child {
    position: absolute !important;
    left: 1rem !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    z-index: 2 !important;
}

.register-form-modern .input-modern input,
.register-form-modern .input-modern select {
    width: 100% !important;
    padding: 0.75rem 1rem 0.75rem 2.75rem !important;
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    color: var(--adaptive-text) !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
}

.register-form-modern .input-modern input:focus,
.register-form-modern .input-modern select:focus {
    border-color: var(--adaptive-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
}

.register-form-modern .input-modern input::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.6 !important;
}

/* Select Wrapper */
.register-form-modern .select-wrapper select {
    appearance: none !important;
    cursor: pointer !important;
    padding-right: 2.5rem !important;
}

.register-form-modern .select-wrapper::after {
    content: '\f078' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 1rem !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.75rem !important;
    pointer-events: none !important;
}

/* Password Toggle */
.register-form-modern .input-modern.has-toggle input {
    padding-right: 3rem !important;
}

.register-form-modern .btn-reveal-pw {
    position: absolute !important;
    right: 0.75rem !important;
    background: transparent !important;
    border: none !important;
    color: var(--adaptive-text-light) !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    transition: color 0.2s ease !important;
}

.register-form-modern .btn-reveal-pw:hover {
    color: var(--adaptive-primary) !important;
}

/* Password Tools */
.password-tools {
    margin-top: 1rem !important;
    align-items: center !important;
}

.btn-generate-password {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 0.625rem 1rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    transition: all 0.2s ease !important;
}

.btn-generate-password:hover {
    border-color: var(--adaptive-primary) !important;
    color: var(--adaptive-primary) !important;
}

.btn-generate-password i {
    font-size: 0.9rem !important;
}

/* Password Strength Meter */
.password-strength-meter {
    width: 100% !important;
}

.password-strength-meter .progress {
    height: 6px !important;
    background: var(--adaptive-border) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    margin-bottom: 0.5rem !important;
}

.password-strength-meter .progress-bar {
    height: 100% !important;
    transition: width 0.3s ease, background-color 0.3s ease !important;
}

.password-strength-meter .strength-text {
    font-size: 0.75rem !important;
    color: var(--adaptive-text-light) !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Custom Field Input */
.custom-field-input {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
}

.custom-field-input input,
.custom-field-input select,
.custom-field-input textarea {
    background: transparent !important;
    border: none !important;
    color: var(--adaptive-text) !important;
    width: 100% !important;
    padding: 0.5rem !important;
}

.field-help-text {
    display: block !important;
    font-size: 0.75rem !important;
    color: var(--adaptive-text-light) !important;
    margin-top: 0.25rem !important;
    padding-left: 0.5rem !important;
}

/* Marketing Section */
.marketing-section {
    padding: 1.25rem !important;
}

.marketing-content {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.marketing-icon {
    width: 48px !important;
    height: 48px !important;
    background: linear-gradient(135deg, rgba(0, 121, 242, 0.2) 0%, rgba(0, 121, 242, 0.1) 100%) !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.marketing-icon i {
    font-size: 1.25rem !important;
    color: var(--adaptive-primary) !important;
}

.marketing-text {
    flex: 1 !important;
}

.marketing-text h4 {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    margin: 0 0 0.25rem 0 !important;
}

.marketing-text p {
    font-size: 0.8rem !important;
    color: var(--adaptive-text-light) !important;
    margin: 0 !important;
}

/* Toggle Switch */
.toggle-switch {
    position: relative !important;
    display: inline-block !important;
    width: 50px !important;
    height: 26px !important;
    flex-shrink: 0 !important;
}

.toggle-switch input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.toggle-slider {
    position: absolute !important;
    cursor: pointer !important;
    inset: 0 !important;
    background: var(--adaptive-border) !important;
    border-radius: 26px !important;
    transition: all 0.3s ease !important;
}

.toggle-slider::before {
    content: '' !important;
    position: absolute !important;
    height: 20px !important;
    width: 20px !important;
    left: 3px !important;
    bottom: 3px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.toggle-switch input:checked + .toggle-slider {
    background: var(--adaptive-primary) !important;
}

.toggle-switch input:checked + .toggle-slider::before {
    transform: translateX(24px) !important;
}

/* TOS Agreement */
.tos-agreement {
    padding: 1rem 0 !important;
}

.tos-agreement .checkbox-modern {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    cursor: pointer !important;
    font-size: 0.9rem !important;
    color: var(--adaptive-text-light) !important;
}

.tos-agreement .checkbox-modern input {
    display: none !important;
}

.tos-agreement .checkmark {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--adaptive-border) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}

.tos-agreement .checkbox-modern input:checked + .checkmark {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
}

.tos-agreement .checkbox-modern input:checked + .checkmark::after {
    content: '\f00c' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size: 0.65rem !important;
    color: #ffffff !important;
}

.tos-agreement a {
    color: var(--adaptive-primary) !important;
    text-decoration: none !important;
}

.tos-agreement a:hover {
    text-decoration: underline !important;
}

/* Submit Button */
.btn-register-submit {
    width: 100% !important;
    padding: 1rem 2rem !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0.625rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    transition: all 0.3s ease !important;
    margin-top: 1rem !important;
}

.btn-register-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 121, 242, 0.4) !important;
}

.btn-register-submit i {
    transition: transform 0.3s ease !important;
}

.btn-register-submit:hover i {
    transform: translateX(4px) !important;
}

/* Register Footer */
.register-footer {
    text-align: center !important;
    padding-top: 1.5rem !important;
    margin-top: 1.5rem !important;
    border-top: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
}

.register-footer a {
    color: var(--adaptive-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    margin-left: 0.5rem !important;
}

.register-footer a:hover {
    text-decoration: underline !important;
}

/* Responsive Design */
@media (max-width: 992px) {
    .register-split-container {
        flex-direction: column !important;
    }

    .register-brand-side {
        flex: none !important;
        padding: 2rem !important;
    }

    .brand-stats {
        justify-content: center !important;
    }

    .register-form-side {
        padding: 2rem !important;
        max-height: none !important;
    }

    .register-form-modern .form-row {
        flex-direction: column !important;
    }

    .register-form-modern .form-group-modern.half,
    .register-form-modern .form-group-modern.third {
        flex: 1 !important;
    }
}

/* ========================================
   PASSWORD RESET PAGES - MODERN STYLING
   ======================================== */

.password-reset-wrapper {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.password-reset-container {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.password-reset-card {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4) !important;
    max-width: 480px !important;
    width: 100% !important;
}

.reset-card-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    padding: 2.5rem 2rem !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.reset-card-header::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(0, 121, 242, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 121, 242, 0.03) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
}

.reset-icon {
    width: 70px !important;
    height: 70px !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border-radius: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 1.5rem !important;
    position: relative !important;
    box-shadow: 0 15px 40px rgba(0, 121, 242, 0.4) !important;
}

.reset-icon i {
    font-size: 2rem !important;
    color: #ffffff !important;
}

.reset-card-header h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 0.5rem 0 !important;
    position: relative !important;
}

.reset-card-header p {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 0.9rem !important;
    margin: 0 !important;
    position: relative !important;
}

.reset-card-body {
    padding: 2rem !important;
}

.reset-instructions {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.6 !important;
}

/* Reset Alerts */
.reset-alert {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 1rem !important;
    border-radius: 0.5rem !important;
    margin-bottom: 1.5rem !important;
}

.reset-alert.error {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
}

.reset-alert.success {
    background: rgba(34, 197, 94, 0.1) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
    color: #22c55e !important;
}

.reset-alert i {
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

.success-message {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
}

/* Reset Form */
.reset-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.reset-form .form-group-modern {
    margin-bottom: 0 !important;
}

.reset-form .form-group-modern label {
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

.reset-form .input-modern {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.reset-form .input-modern i:first-child {
    position: absolute !important;
    left: 1rem !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    z-index: 2 !important;
}

.reset-form .input-modern input {
    width: 100% !important;
    padding: 0.875rem 1rem 0.875rem 2.75rem !important;
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    color: var(--adaptive-text) !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
}

.reset-form .input-modern input:focus {
    border-color: var(--adaptive-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
}

.reset-form .input-modern input::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.6 !important;
}

/* Password Toggle in Reset Form */
.reset-form .input-modern.has-toggle input {
    padding-right: 3rem !important;
}

.reset-form .btn-reveal-pw {
    position: absolute !important;
    right: 0.75rem !important;
    background: transparent !important;
    border: none !important;
    color: var(--adaptive-text-light) !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    transition: color 0.2s ease !important;
}

.reset-form .btn-reveal-pw:hover {
    color: var(--adaptive-primary) !important;
}

/* Password Strength Section */
.password-strength-section {
    margin-top: 0.5rem !important;
}

.password-strength-section label {
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

/* Reset Submit Button */
.btn-reset-submit {
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0.5rem !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    transition: all 0.3s ease !important;
    margin-top: 0.5rem !important;
}

.btn-reset-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

.btn-reset-submit i {
    transition: transform 0.3s ease !important;
}

.btn-reset-submit:hover i {
    transform: translateX(3px) !important;
}

/* Cancel Button */
.btn-reset-cancel {
    padding: 0.875rem 1.5rem !important;
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-text-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-reset-cancel:hover {
    background: var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Button Row */
.btn-row {
    display: flex !important;
    gap: 1rem !important;
    margin-top: 0.5rem !important;
}

.btn-row .btn-reset-submit {
    flex: 1 !important;
    margin-top: 0 !important;
}

.btn-row .btn-reset-cancel {
    flex-shrink: 0 !important;
}

/* Captcha Wrapper */
.reset-form .captcha-wrapper {
    margin: 0.5rem 0 !important;
}

/* Reset Card Footer */
.reset-card-footer {
    padding: 1.25rem 2rem !important;
    background: var(--adaptive-background-light) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    text-align: center !important;
}

.back-to-login {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: var(--adaptive-text-light) !important;
    text-decoration: none !important;
    font-size: 0.9rem !important;
    transition: color 0.2s ease !important;
}

.back-to-login:hover {
    color: var(--adaptive-primary) !important;
}

.back-to-login i {
    font-size: 0.8rem !important;
    transition: transform 0.2s ease !important;
}

.back-to-login:hover i {
    transform: translateX(-3px) !important;
}

/* Responsive */
@media (max-width: 576px) {
    .password-reset-card {
        margin: 1rem !important;
        max-width: none !important;
    }

    .reset-card-header,
    .reset-card-body {
        padding: 1.5rem !important;
    }

    .btn-row {
        flex-direction: column !important;
    }
}

/* ========================================
   KNOWLEDGEBASE - CARD-BASED DESIGN
   ======================================== */

/* Search Hero */
.kb-search {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
}

.kb-search::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(0, 121, 242, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 121, 242, 0.05) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    pointer-events: none !important;
}

.kb-search .form-control {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem 0 0 0.5rem !important;
    color: var(--adaptive-text) !important;
    padding: 1rem 1.25rem !important;
    font-size: 1rem !important;
    position: relative !important;
    z-index: 1 !important;
}

.kb-search .form-control:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
    outline: none !important;
}

.kb-search .form-control::placeholder {
    color: var(--adaptive-text-light) !important;
}

.kb-search .input-group-append {
    position: relative !important;
    z-index: 1 !important;
}

.kb-search .btn-primary {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border: none !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
    padding: 1rem 2rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.kb-search .btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(0, 121, 242, 0.4) !important;
}

/* Category Cards */
.kb-category {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.kb-category:hover {
    border-color: var(--adaptive-primary) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
}

.kb-category .card-body {
    padding: 1.5rem !important;
    display: block !important;
    text-decoration: none !important;
}

.kb-category .h5 {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    color: var(--adaptive-text) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
}

.kb-category .h5 i {
    width: 36px !important;
    height: 36px !important;
    background: rgba(0, 121, 242, 0.15) !important;
    border-radius: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--adaptive-primary) !important;
    font-size: 1rem !important;
}

.kb-category .badge-info {
    background: var(--adaptive-primary) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 1rem !important;
}

.kb-category .text-muted {
    color: var(--adaptive-text-light) !important;
}

.kb-category p {
    margin-left: calc(36px + 0.75rem) !important;
}

/* Article List */
.kb-article-item {
    background: var(--adaptive-card-bg) !important;
    border: none !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 1.25rem 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    color: var(--adaptive-text) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.kb-article-item:hover {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
}

.kb-article-item:last-child {
    border-bottom: none !important;
}

.kb-article-item i {
    color: var(--adaptive-primary) !important;
    margin-right: 0.5rem !important;
}

.kb-article-item small {
    color: var(--adaptive-text-light) !important;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin-left: 1.5rem !important;
}

/* Popular/Related Articles Section */
.list-group-flush .list-group-item {
    background: var(--adaptive-card-bg) !important;
    border-color: var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Article View Page */
.card h1 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}

.card h1 .btn {
    flex-shrink: 0 !important;
}

.list-inline-item .badge-pill {
    background: rgba(0, 121, 242, 0.15) !important;
    color: var(--adaptive-primary) !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
}

.list-inline-item.text-muted {
    color: var(--adaptive-text-light) !important;
}

/* Article Content */
article {
    color: var(--adaptive-text) !important;
    line-height: 1.8 !important;
    font-size: 1rem !important;
}

article h2,
article h3,
article h4 {
    color: var(--adaptive-text) !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

article p {
    margin-bottom: 1rem !important;
}

article code {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.25rem !important;
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.9em !important;
}

article pre {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem 1.25rem !important;
    overflow-x: auto !important;
}

article pre code {
    background: transparent !important;
    padding: 0 !important;
}

article a {
    color: var(--adaptive-primary) !important;
}

article ul,
article ol {
    margin-bottom: 1rem !important;
    padding-left: 1.5rem !important;
}

article li {
    margin-bottom: 0.5rem !important;
}

/* Helpful Section */
.card h4 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 1rem !important;
}

.card form .btn-secondary {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 0.5rem 1.5rem !important;
    transition: all 0.2s ease !important;
}

.card form .btn-secondary:hover {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.card form .btn-secondary i {
    margin-right: 0.35rem !important;
}

/* Back Link */
a.btn-default[href*="javascript:history"] {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
    margin-top: 1.5rem !important;
}

a.btn-default[href*="javascript:history"]:hover {
    border-color: var(--adaptive-primary) !important;
    color: var(--adaptive-primary) !important;
}

/* Edit Buttons */
.show-on-card-hover {
    background: var(--adaptive-primary) !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 0.25rem !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

.card:hover .show-on-card-hover,
.kb-article-item:hover .show-on-card-hover {
    opacity: 1 !important;
}

/* ========================================
   ANNOUNCEMENTS - NEWS-STYLE CARDS
   ======================================== */

/* Announcements Container */
.announcements {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
}

/* Individual Announcement Card */
.announcement {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.announcement:hover {
    border-color: var(--adaptive-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/* Announcement Title */
.announcement h1 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.75rem !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}

.announcement h1 a {
    color: var(--adaptive-text) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    flex: 1 !important;
}

.announcement h1 a:hover {
    color: var(--adaptive-primary) !important;
}

/* Date Badge */
.announcement .list-inline {
    margin-bottom: 1rem !important;
}

.announcement .list-inline-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: rgba(0, 121, 242, 0.1) !important;
    color: var(--adaptive-primary) !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

.announcement .list-inline-item i {
    font-size: 0.75rem !important;
}

/* Announcement Content */
.announcement article {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    line-height: 1.7 !important;
    margin-bottom: 1rem !important;
}

/* Read More Button */
.announcement .btn-default {
    background: transparent !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.announcement .btn-default:hover {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.announcement .btn-default i {
    transition: transform 0.2s ease !important;
}

.announcement .btn-default:hover i {
    transform: translateX(3px) !important;
}

/* Edit Button */
.announcement .show-on-hover {
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
    font-size: 0.75rem !important;
    padding: 0.25rem 0.75rem !important;
}

.announcement:hover .show-on-hover {
    opacity: 1 !important;
}

/* View Announcement Page */
.card-body.extra-padding {
    padding: 2rem !important;
}

.card-body.extra-padding h1 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 1rem !important;
    line-height: 1.3 !important;
}

.card-body.extra-padding .list-inline {
    margin-bottom: 0 !important;
    padding-bottom: 1.5rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.card-body.extra-padding .list-inline-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
}

.card-body.extra-padding .list-inline-item i {
    color: var(--adaptive-primary) !important;
}

.card-body.extra-padding .py-5 {
    padding: 2rem 0 !important;
}

.card-body.extra-padding .py-5,
.card-body.extra-padding .py-5 p {
    color: var(--adaptive-text) !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

/* Pagination */
.pagination {
    display: flex !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    margin-top: 2rem !important;
}

.page-item .page-link {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
}

.page-item .page-link:hover {
    border-color: var(--adaptive-primary) !important;
    color: var(--adaptive-primary) !important;
}

.page-item.active .page-link {
    background: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.page-item.disabled .page-link {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-text-light) !important;
    cursor: not-allowed !important;
}

/* ========================================
   CONTACT FORM - MODERN STYLED FORM
   ======================================== */

/* Contact Form Header */
.card-body.extra-padding .h3 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    margin-bottom: 0.5rem !important;
}

.card-body.extra-padding .mb-4 .text-muted {
    color: var(--adaptive-text-light) !important;
    font-size: 0.95rem !important;
}

/* Contact Form Container */
.card-body.extra-padding form[action*="contact.php"] {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding-top: 1.5rem !important;
}

/* Form Group Styling */
.card-body.extra-padding .form-group.row {
    margin-bottom: 1.5rem !important;
}

.card-body.extra-padding .form-group.row label {
    color: var(--adaptive-text) !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    padding-top: 0.75rem !important;
}

/* Enhanced Form Controls */
.card-body.extra-padding .form-group.row .form-control {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    color: var(--adaptive-text) !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.95rem !important;
    transition: all 0.2s ease !important;
}

.card-body.extra-padding .form-group.row .form-control:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
    outline: none !important;
}

.card-body.extra-padding .form-group.row .form-control::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.6 !important;
}

/* Textarea Styling */
.card-body.extra-padding .form-group.row textarea.form-control {
    min-height: 150px !important;
    resize: vertical !important;
}

/* Submit Button */
.card-body.extra-padding .text-center .btn-primary {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border: none !important;
    padding: 0.875rem 2.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    transition: all 0.3s ease !important;
}

.card-body.extra-padding .text-center .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

/* Success Message */
.card-body.extra-padding .alert-success {
    background: rgba(34, 197, 94, 0.1) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
    color: #22c55e !important;
    border-radius: 0.75rem !important;
    padding: 1.25rem !important;
}

/* Error Message */
.card-body.extra-padding .alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
    border-radius: 0.75rem !important;
    padding: 1.25rem !important;
}

/* Captcha Wrapper */
.card-body.extra-padding .margin-bottom {
    margin-bottom: 1.5rem !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .card-body.extra-padding .form-group.row label {
        text-align: left !important;
        margin-bottom: 0.5rem !important;
    }

    .card-body.extra-padding form[action*="contact.php"] {
        max-width: 100% !important;
    }
}

/* ========================================
   CLIENT AREA HOME - ENHANCED DASHBOARD
   ======================================== */

/* Dashboard Tiles */
.tiles {
    background: transparent !important;
    border-radius: 0 !important;
}

.tiles .tile {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0.5rem !important;
}

.tiles .tile:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
}

.tiles .tile i {
    font-size: 2rem !important;
    margin-bottom: 0.75rem !important;
    color: var(--adaptive-primary) !important;
}

.tiles .tile .stat {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-text) !important;
    line-height: 1 !important;
    margin-bottom: 0.5rem !important;
}

.tiles .tile .title {
    font-size: 0.85rem !important;
    color: var(--adaptive-text-light) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.tiles .tile .highlight {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    transition: height 0.3s ease !important;
}

.tiles .tile:hover .highlight {
    height: 6px !important;
}

/* Highlight Colors */
.highlight.bg-color-blue {
    background: linear-gradient(90deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
}

.highlight.bg-color-green {
    background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%) !important;
}

.highlight.bg-color-red {
    background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%) !important;
}

.highlight.bg-color-gold {
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%) !important;
}

/* Client Home Cards */
.client-home-cards .card {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    margin-bottom: 1.5rem !important;
    overflow: hidden !important;
}

.client-home-cards .card-header {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 1rem 1.25rem !important;
}

.client-home-cards .card-title {
    color: var(--adaptive-text) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.client-home-cards .card-title i {
    color: var(--adaptive-primary) !important;
    margin-right: 0.5rem !important;
}

.client-home-cards .card-body {
    padding: 1.25rem !important;
    color: var(--adaptive-text) !important;
}

.client-home-cards .card-footer {
    background: transparent !important;
    border-top: 1px solid var(--adaptive-border) !important;
    padding: 0.75rem 1.25rem !important;
}

/* List Group in Cards */
.client-home-cards .list-group-item {
    background: var(--adaptive-card-bg) !important;
    border: none !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 0.875rem 1.25rem !important;
    transition: all 0.2s ease !important;
}

.client-home-cards .list-group-item:last-child {
    border-bottom: none !important;
}

.client-home-cards .list-group-item:hover {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
}

.client-home-cards .list-group-item i {
    color: var(--adaptive-primary) !important;
    margin-right: 0.5rem !important;
}

.client-home-cards .list-group-item .badge {
    background: var(--adaptive-primary) !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.75rem !important;
}

/* Card Accent Colors */
.card-accent-blue {
    border-left: 4px solid var(--adaptive-primary) !important;
}

.card-accent-green {
    border-left: 4px solid #22c55e !important;
}

.card-accent-red {
    border-left: 4px solid #ef4444 !important;
}

.card-accent-gold {
    border-left: 4px solid #f59e0b !important;
}

.card-accent-teal {
    border-left: 4px solid #14b8a6 !important;
}

/* Button Colors */
.btn.bg-color-blue {
    background: var(--adaptive-primary) !important;
    color: #ffffff !important;
    border: none !important;
}

.btn.bg-color-green {
    background: #22c55e !important;
    color: #ffffff !important;
    border: none !important;
}

.btn.bg-color-red {
    background: #ef4444 !important;
    color: #ffffff !important;
    border: none !important;
}

.btn.bg-color-gold {
    background: #f59e0b !important;
    color: #ffffff !important;
    border: none !important;
}

/* ========================================
   PRODUCT PAGES & SHOPPING CART DARK MODE
   ======================================== */

/* Product Group Header */
.product-group-header {
    background: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Product Cards */
.product,
.products .product {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    transition: all 0.3s ease !important;
}

.product:hover,
.products .product:hover {
    border-color: var(--adaptive-primary) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
}

.product .product-title,
.products .product-title {
    color: var(--adaptive-text) !important;
    font-weight: 700 !important;
}

.product .product-desc,
.products .product-desc {
    color: var(--adaptive-text-light) !important;
}

.product .product-price,
.products .product-price {
    color: var(--adaptive-primary) !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

.product .product-price small,
.products .product-price small {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
}

/* Product Features List */
.product ul,
.products .product ul {
    list-style: none !important;
    padding: 0 !important;
}

.product ul li,
.products .product ul li {
    color: var(--adaptive-text-light) !important;
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.product ul li:last-child,
.products .product ul li:last-child {
    border-bottom: none !important;
}

/* Order Button */
.product .btn-order-now,
.products .product .btn-order-now,
.product .btn-order,
.products .product .btn-order,
.product a.btn,
.products .product a.btn {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.product .btn-order-now:hover,
.products .product .btn-order-now:hover,
.product .btn-order:hover,
.products .product .btn-order:hover,
.product a.btn:hover,
.products .product a.btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 121, 242, 0.4) !important;
}

/* Product Group Page */
.product-group .card {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
}

.product-group .card-header {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.product-group .card-body {
    color: var(--adaptive-text) !important;
}

/* Shopping Cart */
.main-content .card,
.order-summary .card,
.cart .card {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

.main-content .card-header,
.order-summary .card-header,
.cart .card-header {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.main-content .card-body,
.order-summary .card-body,
.cart .card-body {
    color: var(--adaptive-text) !important;
}

/* Cart Tables */
.cart-body table,
.cart table,
.order-summary table {
    background: transparent !important;
}

.cart-body table th,
.cart table th,
.order-summary table th {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

.cart-body table td,
.cart table td,
.order-summary table td {
    background: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border-color: var(--adaptive-border) !important;
}

/* Order Form */
.order-form,
#order-standard_cart {
    background: transparent !important;
}

.order-form .form-control,
#order-standard_cart .form-control {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.order-form .form-control:focus,
#order-standard_cart .form-control:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
}

.order-form label,
#order-standard_cart label {
    color: var(--adaptive-text) !important;
}

/* Checkout Summary */
.order-summary,
.checkout-summary {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

.order-summary .total,
.checkout-summary .total {
    color: var(--adaptive-primary) !important;
    font-weight: 700 !important;
}

/* Product Config Options */
.panel-configopts,
.product-config,
.configurable-options {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

.panel-configopts .panel-heading,
.product-config .panel-heading {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.panel-configopts .panel-body,
.product-config .panel-body {
    color: var(--adaptive-text) !important;
}

/* Billing Cycle Selection */
.billing-cycle,
.pricing-cycle {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    color: var(--adaptive-text) !important;
}

.billing-cycle.active,
.pricing-cycle.active,
.billing-cycle:hover,
.pricing-cycle:hover {
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

/* Quick Summary Box */
.quick-summary,
.product-summary {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    color: var(--adaptive-text-light) !important;
}

.quick-summary strong,
.product-summary strong {
    color: var(--adaptive-text) !important;
}

/* Promo Code */
.promo-code input,
.coupon-input input {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Steps/Progress */
.order-steps,
.checkout-steps {
    background: var(--adaptive-card-bg) !important;
}

.order-steps li,
.checkout-steps li {
    color: var(--adaptive-text-light) !important;
}

.order-steps li.active,
.checkout-steps li.active {
    color: var(--adaptive-primary) !important;
}

/* View Cart */
#btnViewCart,
.view-cart-btn {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

/* ========================================
   DOMAIN CONFIGURATION CARD - DARK MODE
   ======================================== */

/* Domain Selection Container */
.domain-selection,
.domain-checker,
#domainChecker,
.domain-options {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    color: var(--adaptive-text) !important;
}

/* Domain Selection Header */
.domain-selection h3,
.domain-selection h4,
.domain-checker h3,
.domain-checker h4,
#domainChecker h3,
#domainChecker h4 {
    color: var(--adaptive-text) !important;
}

/* Domain Options Radio/Checkbox */
.domain-selection .sub-heading,
.domain-option-heading,
.domain-selection label,
#domainChecker label {
    color: var(--adaptive-text) !important;
}

/* Domain Input Fields */
.domain-selection input[type="text"],
.domain-selection input[type="search"],
.domain-checker input[type="text"],
#domainChecker input[type="text"],
#inputDomain,
input[name="sld"],
input[name="domain"] {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.5rem 0 0 0.5rem !important;
    padding: 0.75rem 1rem !important;
}

.domain-selection input[type="text"]:focus,
.domain-selection input[type="search"]:focus,
.domain-checker input[type="text"]:focus,
#domainChecker input[type="text"]:focus,
#inputDomain:focus,
input[name="sld"]:focus,
input[name="domain"]:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
    outline: none !important;
}

/* TLD Select Dropdown */
.domain-selection select,
.domain-checker select,
#domainChecker select,
select[name="tld"] {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

/* Domain Option Cards */
.domain-option,
.transfer-option,
.existing-domain-option,
.domain-selection .option {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.domain-option:hover,
.transfer-option:hover,
.existing-domain-option:hover,
.domain-selection .option:hover {
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.05) !important;
}

.domain-option.active,
.transfer-option.active,
.existing-domain-option.active,
.domain-selection .option.active,
.domain-option.selected,
.transfer-option.selected {
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

/* Radio Button Labels */
.domain-selection .radio label,
.domain-selection .checkbox label,
.domain-option label,
.transfer-option label {
    color: var(--adaptive-text) !important;
    font-weight: 500 !important;
}

/* Domain Description Text */
.domain-selection p,
.domain-selection .text-muted,
.domain-option p,
.domain-option .text-muted,
.domain-selection small {
    color: var(--adaptive-text-light) !important;
}

/* Input Group */
.domain-selection .input-group,
.domain-checker .input-group,
#domainChecker .input-group {
    display: flex !important;
}

.domain-selection .input-group .form-control,
.domain-checker .input-group .form-control,
#domainChecker .input-group .form-control {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.domain-selection .input-group-append .btn,
.domain-checker .input-group-append .btn,
#domainChecker .input-group-append .btn,
.domain-selection .input-group .btn {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

/* Input Group Prepend (www.) */
.domain-selection .input-group-prepend .input-group-text,
.domain-checker .input-group-prepend .input-group-text,
#domainChecker .input-group-prepend .input-group-text,
.input-group-text {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-right: none !important;
    color: var(--adaptive-text-light) !important;
}

/* Domain Search Results */
.domain-lookup-result,
.domain-search-result,
.lookup-result {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    color: var(--adaptive-text) !important;
}

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

.domain-unavailable {
    border-color: #ef4444 !important;
    background: rgba(239, 68, 68, 0.1) !important;
}

/* Spotlight TLDs */
.spotlight-tlds,
.tld-pricing {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
}

.spotlight-tlds .tld-row,
.tld-pricing .tld-row {
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 0.75rem !important;
    color: var(--adaptive-text) !important;
}

.spotlight-tlds .tld-row:last-child,
.tld-pricing .tld-row:last-child {
    border-bottom: none !important;
}

.spotlight-tlds .tld-price,
.tld-pricing .tld-price {
    color: var(--adaptive-primary) !important;
    font-weight: 600 !important;
}

/* Panel for Domain Config */
.panel-domain,
.panel-domainchecker {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

.panel-domain .panel-heading,
.panel-domainchecker .panel-heading {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.75rem 0.75rem 0 0 !important;
    padding: 1rem 1.25rem !important;
}

.panel-domain .panel-body,
.panel-domainchecker .panel-body {
    padding: 1.25rem !important;
    color: var(--adaptive-text) !important;
}

/* Order Box Container */
#order-boxes,
.order-boxes {
    background: transparent !important;
}

#order-boxes .order-box,
.order-boxes .order-box {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

/* Sub Heading Style */
.sub-heading {
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    margin-bottom: 1rem !important;
}

/* Field Description */
.field-help,
.help-block {
    color: var(--adaptive-text-light) !important;
    font-size: 0.85rem !important;
}

/* ========================================
   ORDER CONFIGURE STEP - DARK MODE
   ======================================== */

/* Main Order Container */
#order-standard_cart,
.order-form,
#frmConfigureProduct {
    background: transparent !important;
    color: var(--adaptive-text) !important;
}

/* Product Header/Title */
.product-header,
.configure-header,
#order-standard_cart h2,
#order-standard_cart h3,
.order-form h2,
.order-form h3 {
    color: var(--adaptive-text) !important;
}

/* Product Description Text */
#order-standard_cart p,
.order-form p,
.configure-description {
    color: var(--adaptive-text-light) !important;
}

/* Quick Summary Box */
.product-info-box,
.product-details-box,
.quick-summary,
.summary-box {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.25rem !important;
    color: var(--adaptive-text-light) !important;
}

.product-info-box h4,
.product-details-box h4,
.quick-summary h4,
.summary-box h4 {
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
}

/* Billing Cycle Selection */
.pricing-table,
.billing-cycles,
.cycle-options,
#inputBillingcycle,
select[name="billingcycle"] {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1rem !important;
}

#inputBillingcycle option,
select[name="billingcycle"] option {
    background: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Billing Cycle Radio Buttons */
.billing-cycle-options,
.pricing-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
}

.billing-cycle-option,
.pricing-option,
.cycle-option {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem 1.25rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.billing-cycle-option:hover,
.pricing-option:hover,
.cycle-option:hover {
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.05) !important;
}

.billing-cycle-option.selected,
.billing-cycle-option.active,
.pricing-option.selected,
.pricing-option.active,
.cycle-option.selected,
.cycle-option.active {
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

.billing-cycle-option label,
.pricing-option label,
.cycle-option label {
    color: var(--adaptive-text) !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.billing-cycle-option .price,
.pricing-option .price,
.cycle-option .price {
    color: var(--adaptive-primary) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* Available Addons Section */
.available-addons,
.addon-products,
.configurable-options,
.product-addons {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    margin-top: 1.5rem !important;
}

.available-addons h4,
.addon-products h4,
.configurable-options h4,
.product-addons h4 {
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

/* Individual Addon Item */
.addon,
.addon-item,
.addon-product,
.product-addon {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1rem 1.25rem !important;
    margin-bottom: 0.75rem !important;
    transition: all 0.2s ease !important;
}

.addon:hover,
.addon-item:hover,
.addon-product:hover,
.product-addon:hover {
    border-color: var(--adaptive-primary) !important;
}

.addon:last-child,
.addon-item:last-child,
.addon-product:last-child,
.product-addon:last-child {
    margin-bottom: 0 !important;
}

/* Addon Checkbox */
.addon input[type="checkbox"],
.addon-item input[type="checkbox"],
.addon-product input[type="checkbox"] {
    accent-color: var(--adaptive-primary) !important;
    width: 18px !important;
    height: 18px !important;
}

/* Addon Title */
.addon-name,
.addon-title,
.addon label,
.addon-item label,
.addon-product label {
    color: var(--adaptive-text) !important;
    font-weight: 500 !important;
}

/* Addon Description */
.addon-description,
.addon p,
.addon-item p,
.addon-product p,
.addon .text-muted,
.addon-item .text-muted {
    color: var(--adaptive-text-light) !important;
    font-size: 0.875rem !important;
    margin-top: 0.5rem !important;
    line-height: 1.5 !important;
}

/* Addon Price */
.addon-price,
.addon .price,
.addon-item .price,
.addon-product .price {
    color: var(--adaptive-primary) !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

/* Add to Cart Button */
.addon .btn-add-to-cart,
.addon-item .btn-add-to-cart,
.addon-product .btn,
.btn-add-addon {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.375rem !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.addon .btn-add-to-cart:hover,
.addon-item .btn-add-to-cart:hover,
.addon-product .btn:hover,
.btn-add-addon:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 121, 242, 0.3) !important;
}

/* Order Summary Sidebar */
.order-summary,
.cart-summary,
.sidebar-summary,
#orderSummary {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

.order-summary .card-header,
.cart-summary .card-header,
#orderSummary .card-header,
.order-summary h4,
.cart-summary h4 {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    padding: 1rem 1.25rem !important;
    font-weight: 600 !important;
}

.order-summary .card-body,
.cart-summary .card-body,
#orderSummary .card-body {
    padding: 1.25rem !important;
}

/* Summary Line Items */
.order-summary .line-item,
.cart-summary .line-item,
.summary-item,
.order-summary tr,
.cart-summary tr {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

.order-summary .line-item:last-child,
.cart-summary .line-item:last-child,
.summary-item:last-child {
    border-bottom: none !important;
}

.order-summary .item-name,
.cart-summary .item-name,
.summary-item .name {
    color: var(--adaptive-text) !important;
}

.order-summary .item-price,
.cart-summary .item-price,
.summary-item .price {
    color: var(--adaptive-text-light) !important;
    font-weight: 500 !important;
}

/* Summary Section Headers */
.order-summary .summary-section,
.cart-summary .summary-section {
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

.order-summary .summary-section:last-child,
.cart-summary .summary-section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Summary Total */
.order-summary .total,
.cart-summary .total,
.summary-total,
.order-summary .grand-total,
#orderSummary .total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 1rem !important;
    margin-top: 1rem !important;
    border-top: 2px solid var(--adaptive-border) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.order-summary .total .label,
.cart-summary .total .label,
.summary-total .label {
    color: var(--adaptive-text) !important;
}

.order-summary .total .amount,
.cart-summary .total .amount,
.summary-total .amount,
.order-summary .total-due,
#orderSummary .total-amount {
    color: var(--adaptive-primary) !important;
    font-size: 1.25rem !important;
}

/* Setup Fees, Monthly Labels */
.order-summary .fee-label,
.cart-summary .fee-label,
.summary-fees {
    color: var(--adaptive-text-light) !important;
    font-size: 0.85rem !important;
}

/* Product Name in Summary */
.order-summary .product-name,
.cart-summary .product-name,
#orderSummary .product-name {
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
}

/* Product Group Name */
.order-summary .product-group,
.cart-summary .product-group,
#orderSummary .product-group {
    color: var(--adaptive-text-light) !important;
    font-size: 0.85rem !important;
}

/* Contact Sales Link */
.contact-sales,
a[href*="contact"],
.help-link {
    color: var(--adaptive-primary) !important;
}

.contact-sales:hover,
a[href*="contact"]:hover,
.help-link:hover {
    color: var(--adaptive-primary) !important;
    text-decoration: underline !important;
}

/* Continue/Checkout Button */
.btn-checkout,
.btn-continue,
#btnCompleteOrder,
button[type="submit"].btn-primary,
input[type="submit"].btn-primary {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0.875rem 2rem !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

.btn-checkout:hover,
.btn-continue:hover,
#btnCompleteOrder:hover,
button[type="submit"].btn-primary:hover,
input[type="submit"].btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

/* Panel Default Override */
.panel-default {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

.panel-default > .panel-heading {
    background: var(--adaptive-background-light) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.75rem 0.75rem 0 0 !important;
}

.panel-default > .panel-body {
    background: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Well Override */
.well {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    color: var(--adaptive-text) !important;
}

/* List Styling in Order */
#order-standard_cart ul,
.order-form ul {
    list-style: none !important;
    padding-left: 0 !important;
}

#order-standard_cart ul li,
.order-form ul li {
    color: var(--adaptive-text-light) !important;
    padding: 0.35rem 0 !important;
    position: relative !important;
    padding-left: 1.25rem !important;
}

#order-standard_cart ul li::before,
.order-form ul li::before {
    content: '-' !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--adaptive-primary) !important;
}

/* ========================================
   STANDARD CART SPECIFIC DARK MODE
   ======================================== */

/* Cart Body */
#order-standard_cart .cart-body {
    background: transparent !important;
    color: var(--adaptive-text) !important;
}

/* Header */
#order-standard_cart .header-lined {
    border-color: var(--adaptive-border) !important;
}

#order-standard_cart .header-lined h1 {
    color: var(--adaptive-text) !important;
}

/* Secondary Cart Body - Main Content Area */
#order-standard_cart .secondary-cart-body {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    color: var(--adaptive-text) !important;
}

#order-standard_cart .secondary-cart-body p {
    color: var(--adaptive-text-light) !important;
}

/* Product Info Box */
#order-standard_cart .product-info {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

#order-standard_cart .product-info .product-title {
    color: var(--adaptive-text) !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
}

#order-standard_cart .product-info p {
    color: var(--adaptive-text-light) !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Field Container */
#order-standard_cart .field-container {
    margin-bottom: 1.5rem !important;
}

/* Sub Heading */
#order-standard_cart .sub-heading {
    margin: 1.5rem 0 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color {
    background: transparent !important;
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

/* Form Labels */
#order-standard_cart label {
    color: var(--adaptive-text) !important;
    font-weight: 500 !important;
}

/* Form Controls */
#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="number"],
#order-standard_cart textarea {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .form-control:focus,
#order-standard_cart select:focus,
#order-standard_cart input:focus {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
    outline: none !important;
}

#order-standard_cart select option {
    background: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}

/* Custom Select */
#order-standard_cart .custom-select {
    background: var(--adaptive-background-light) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
    border: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Addon Products Container */
#order-standard_cart .addon-products {
    background: transparent !important;
}

/* Panel Addon Cards */
#order-standard_cart .panel-addon,
#order-standard_cart .panel.panel-addon {
    background: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
    margin-bottom: 1rem !important;
}

#order-standard_cart .panel-addon:hover {
    border-color: var(--adaptive-primary) !important;
}

#order-standard_cart .panel-addon.panel-addon-selected {
    border-color: var(--adaptive-primary) !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .card-body {
    background: transparent !important;
    padding: 1rem !important;
    color: var(--adaptive-text-light) !important;
}

#order-standard_cart .panel-addon .panel-body label,
#order-standard_cart .panel-addon .card-body label {
    color: var(--adaptive-text) !important;
    font-weight: 600 !important;
}

/* Addon Price */
#order-standard_cart .panel-addon .panel-price {
    background: var(--adaptive-card-bg) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-primary) !important;
    font-weight: 700 !important;
    padding: 0.75rem 1rem !important;
    text-align: center !important;
}

/* Addon Add Button */
#order-standard_cart .panel-addon .panel-add {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    padding: 0.75rem 1rem !important;
    text-align: center !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .panel-addon .panel-add:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004494 100%) !important;
}

/* Alert Warning */
#order-standard_cart .alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #f59e0b !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-warning .alert-link {
    color: #f59e0b !important;
    text-decoration: underline !important;
}

/* Alert Danger */
#order-standard_cart .alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
    border-radius: 0.5rem !important;
}

/* Secondary Cart Sidebar - Order Summary */
#order-standard_cart .secondary-cart-sidebar {
    background: transparent !important;
}

#order-standard_cart #orderSummary {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

#order-standard_cart #orderSummary .order-summary {
    background: transparent !important;
    padding: 1.5rem !important;
    position: relative !important;
}

#order-standard_cart #orderSummary .order-summary h2 {
    color: var(--adaptive-text) !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

#order-standard_cart #orderSummary .summary-container {
    color: var(--adaptive-text) !important;
}

#order-standard_cart #orderSummary .summary-container .clearfix,
#order-standard_cart #orderSummary .summary-container > div {
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
}

#order-standard_cart #orderSummary .summary-container .item-title,
#order-standard_cart #orderSummary .summary-container strong {
    color: var(--adaptive-text) !important;
}

#order-standard_cart #orderSummary .summary-container .item-value,
#order-standard_cart #orderSummary .summary-container .text-right {
    color: var(--adaptive-text-light) !important;
}

#order-standard_cart #orderSummary .summary-container .total-due-today {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: var(--adaptive-primary) !important;
    padding-top: 1rem !important;
    margin-top: 0.5rem !important;
    border-top: 2px solid var(--adaptive-border) !important;
}

/* Continue Button */
#order-standard_cart #btnCompleteProductConfig {
    background: linear-gradient(135deg, var(--adaptive-primary) 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0.875rem 2rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    width: 100% !important;
    margin-top: 1rem !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart #btnCompleteProductConfig:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

/* Loader */
#order-standard_cart .loader {
    color: var(--adaptive-primary) !important;
}

/* Cart Sidebar */
#order-standard_cart .cart-sidebar {
    background: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 0.75rem !important;
}

#order-standard_cart .cart-sidebar .list-group-item {
    background: transparent !important;
    border-color: var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item.active {
    background: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
}

/* Configurable Options */
#order-standard_cart .product-configurable-options {
    background: transparent !important;
}

#order-standard_cart .product-configurable-options label {
    color: var(--adaptive-text) !important;
}

/* Checkbox and Radio styling */
#order-standard_cart input[type="checkbox"],
#order-standard_cart input[type="radio"] {
    accent-color: var(--adaptive-primary) !important;
}

/* ========================================
   ADDITIONAL CART PAGE OVERRIDES
   ======================================== */

/* Ensure body background for pages containing cart */
body:has(#order-standard_cart) {
    background-color: #0f1419 !important;
}

/* Fallback for browsers without :has() */
#order-standard_cart {
    background-color: #0f1419 !important;
    min-height: 100vh;
    padding-bottom: 2rem;
}

/* Page title styling */
#order-standard_cart .font-size-36 {
    color: #e5e7eb !important;
    font-family: 'Roboto Mono', monospace !important;
}

#order-standard_cart .font-size-30 {
    color: #e5e7eb !important;
    font-family: 'Roboto Mono', monospace !important;
}

/* View Cart Items Header */
#order-standard_cart .view-cart-items-header {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
    padding: 1rem !important;
    color: #e5e7eb !important;
    font-weight: 600 !important;
}

/* View Cart Items */
#order-standard_cart .view-cart-items {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-top: none !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
}

#order-standard_cart .view-cart-items .item {
    background: transparent !important;
    border-bottom: 1px solid #374151 !important;
    padding: 1rem !important;
    color: #e5e7eb !important;
}

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

#order-standard_cart .view-cart-items .item-title {
    color: #e5e7eb !important;
    font-weight: 600 !important;
}

#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-domain {
    color: #9ca3af !important;
}

#order-standard_cart .view-cart-items .item-price {
    color: #0079F2 !important;
    font-weight: 600 !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Empty Cart */
#order-standard_cart .view-cart-empty {
    background: #1f2937 !important;
    color: #9ca3af !important;
    padding: 3rem !important;
    text-align: center !important;
}

/* Empty Cart Button */
#order-standard_cart .empty-cart {
    margin-top: 1rem !important;
}

#order-standard_cart .empty-cart .btn-link {
    color: #ef4444 !important;
}

/* View Cart Tabs - Promo Code */
#order-standard_cart .view-cart-tabs {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    margin-top: 1.5rem !important;
    overflow: hidden !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs {
    background: #1a1f2e !important;
    border-bottom: 1px solid #374151 !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-item .nav-link {
    background: transparent !important;
    color: #9ca3af !important;
    border: none !important;
    padding: 0.75rem 1.25rem !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-item .nav-link.active {
    background: #1f2937 !important;
    color: #0079F2 !important;
    border-bottom: 2px solid #0079F2 !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    padding: 1.25rem !important;
}

#order-standard_cart .view-cart-tabs .tab-pane .form-control {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .view-cart-tabs .btn-default {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #e5e7eb !important;
}

#order-standard_cart .view-cart-tabs .btn-default:hover {
    background: #4b5563 !important;
}

/* Promotion Code Display */
#order-standard_cart .view-cart-promotion-code {
    background: rgba(0, 121, 242, 0.1) !important;
    border: 1px solid rgba(0, 121, 242, 0.3) !important;
    color: #0079F2 !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.5rem !important;
    margin-bottom: 1rem !important;
}

/* Order Summary Sidebar - Additional */
#order-standard_cart .order-summary {
    background: #1f2937 !important;
    padding: 1.5rem !important;
    border-radius: 0.75rem !important;
    border: 1px solid #374151 !important;
}

#order-standard_cart .order-summary h2 {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #374151 !important;
}

#order-standard_cart .summary-container {
    color: #e5e7eb !important;
}

#order-standard_cart .summary-container .subtotal,
#order-standard_cart .summary-container .clearfix {
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid #374151 !important;
}

#order-standard_cart .summary-container .bordered-totals {
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
    margin: 0.75rem 0 !important;
    background: #1a1f2e !important;
}

#order-standard_cart .summary-container .bordered-totals .clearfix {
    border-bottom: 1px dashed #374151 !important;
}

#order-standard_cart .summary-container .bordered-totals .clearfix:last-child {
    border-bottom: none !important;
}

#order-standard_cart .summary-container .recurring-totals {
    padding: 0.75rem 0 !important;
}

#order-standard_cart .summary-container .recurring-charges .cost {
    color: #0079F2 !important;
    font-weight: 600 !important;
}

#order-standard_cart .summary-container .total-due-today {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    padding: 1.25rem !important;
    border-radius: 0.5rem !important;
    margin-top: 1rem !important;
    text-align: center !important;
}

#order-standard_cart .summary-container .total-due-today .amt {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    display: block !important;
}

/* Checkout Button */
#order-standard_cart .btn-checkout {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 1rem 2rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    margin-top: 1rem !important;
    display: inline-block !important;
}

#order-standard_cart .btn-checkout:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important;
}

#order-standard_cart .btn-checkout.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Continue Shopping Link */
#order-standard_cart .btn-continue-shopping {
    color: #9ca3af !important;
    margin-top: 0.5rem !important;
    display: inline-block !important;
}

#order-standard_cart .btn-continue-shopping:hover {
    color: #0079F2 !important;
}

/* Modals */
#order-standard_cart .modal-content {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.75rem !important;
    color: #e5e7eb !important;
}

#order-standard_cart .modal-header {
    border-bottom: 1px solid #374151 !important;
}

#order-standard_cart .modal-footer {
    border-top: 1px solid #374151 !important;
}

#order-standard_cart .modal-title {
    color: #e5e7eb !important;
}

/* Remove Item Modal */
#order-standard_cart .modal-remove-item .modal-body {
    text-align: center !important;
    padding: 2rem !important;
}

#order-standard_cart .modal-remove-item .modal-title i {
    color: #ef4444 !important;
    margin-bottom: 1rem !important;
}

/* All link buttons in cart */
#order-standard_cart .btn-link {
    color: #0079F2 !important;
}

#order-standard_cart .btn-link:hover {
    color: #3b9eff !important;
}

/* Remove button */
#order-standard_cart .btn-remove-from-cart {
    color: #ef4444 !important;
}

#order-standard_cart .btn-remove-from-cart:hover {
    color: #dc2626 !important;
}

/* Row styling */
#order-standard_cart .row {
    margin: 0 -15px !important;
}

/* Quantity input */
#order-standard_cart .item-qty .form-control {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    width: 60px !important;
    text-align: center !important;
}

#order-standard_cart .item-qty .btn {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #e5e7eb !important;
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
    margin-top: 0.25rem !important;
}

/* Period dropdown */
#order-standard_cart .dropdown-menu {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
}

#order-standard_cart .dropdown-menu .dropdown-item {
    color: #e5e7eb !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.25rem !important;
}

#order-standard_cart .dropdown-menu .dropdown-item a {
    color: #e5e7eb !important;
    text-decoration: none !important;
}

#order-standard_cart .dropdown-menu .dropdown-item:hover,
#order-standard_cart .dropdown-menu .dropdown-item a:hover {
    background: #374151 !important;
    color: #0079F2 !important;
}

/* Express checkout buttons */
#order-standard_cart .express-checkout-buttons {
    margin: 1rem 0 !important;
}

#order-standard_cart .express-checkout-buttons .separator {
    color: #6b7280 !important;
    text-align: center !important;
    padding: 0.5rem 0 !important;
}

/* Alert Success */
#order-standard_cart .alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10b981 !important;
    border-radius: 0.5rem !important;
}

/* Alert Info */
#order-standard_cart .alert-info {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #3b82f6 !important;
    border-radius: 0.5rem !important;
}

/* Small text helper */
#order-standard_cart small {
    color: #9ca3af !important;
}

/* Metrics pricing */
#order-standard_cart ul {
    color: #9ca3af !important;
}

#order-standard_cart ul li {
    color: #9ca3af !important;
    margin-bottom: 0.5rem !important;
}

/* Field help text */
#order-standard_cart .field-help-text {
    color: #9ca3af !important;
    font-size: 0.85rem !important;
    margin-top: 0.25rem !important;
}

/* Cards within cart */
#order-standard_cart .card {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .card-body {
    background: transparent !important;
    color: #e5e7eb !important;
}

#order-standard_cart .card-header {
    background: #1a1f2e !important;
    border-bottom: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

/* Panels */
#order-standard_cart .panel {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .panel-body {
    background: transparent !important;
    color: #e5e7eb !important;
}

#order-standard_cart .panel-default {
    border-color: #374151 !important;
}

/* ========================================
   ORDER SUMMARY CARD - AGGRESSIVE OVERRIDES
   ======================================== */

/* Main Order Summary Container */
#orderSummary {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

#orderSummary * {
    color: #e5e7eb !important;
}

#orderSummary .order-summary {
    background: #1f2937 !important;
    padding: 1.5rem !important;
}

#orderSummary h2,
#orderSummary .font-size-30 {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #374151 !important;
    font-family: 'Roboto Mono', monospace !important;
}

/* Product Total Container - Dynamic Content */
#producttotal {
    background: transparent !important;
    color: #e5e7eb !important;
}

#producttotal * {
    color: #e5e7eb !important;
    background: transparent !important;
}

#producttotal .item,
#producttotal .clearfix,
#producttotal > div {
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid #374151 !important;
}

#producttotal .item:last-child,
#producttotal .clearfix:last-child,
#producttotal > div:last-child {
    border-bottom: none !important;
}

#producttotal .item-title,
#producttotal strong,
#producttotal b {
    color: #e5e7eb !important;
    font-weight: 600 !important;
}

#producttotal .item-group,
#producttotal .small,
#producttotal small {
    color: #9ca3af !important;
}

#producttotal .item-price,
#producttotal .price,
#producttotal .amt {
    color: #0079F2 !important;
    font-weight: 600 !important;
}

/* Summary rows */
#producttotal .summary-row,
#producttotal .total-row,
#producttotal tr {
    background: transparent !important;
}

#producttotal td,
#producttotal th {
    background: transparent !important;
    color: #e5e7eb !important;
    padding: 0.5rem !important;
    border-color: #374151 !important;
}

/* Total Due Today in Summary */
#producttotal .total-due-today,
#producttotal .grand-total {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    padding: 1rem !important;
    border-radius: 0.5rem !important;
    margin-top: 1rem !important;
    text-align: center !important;
}

#producttotal .total-due-today *,
#producttotal .grand-total * {
    color: #ffffff !important;
}

#producttotal .total-due-today .amt,
#producttotal .grand-total .amt {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    display: block !important;
    color: #ffffff !important;
}

/* Continue Button Below Summary */
#orderSummary .text-center {
    background: #1f2937 !important;
    padding: 0 1.5rem 1.5rem !important;
}

#orderSummary .btn-primary,
#orderSummary #btnCompleteProductConfig {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0.875rem 2rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

#orderSummary .btn-primary:hover,
#orderSummary #btnCompleteProductConfig:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

/* Scrolling Panel Container */
#scrollingPanelContainer {
    background: transparent !important;
}

/* Summary Container inside order-summary */
.order-summary .summary-container {
    background: transparent !important;
    color: #e5e7eb !important;
}

.order-summary .summary-container * {
    color: #e5e7eb !important;
}

/* Additional table styling if summary uses tables */
#orderSummary table {
    background: transparent !important;
    color: #e5e7eb !important;
}

#orderSummary table td,
#orderSummary table th {
    background: transparent !important;
    color: #e5e7eb !important;
    border-color: #374151 !important;
}

#orderSummary table tr {
    background: transparent !important;
}

/* Horizontal rules in summary */
#orderSummary hr {
    border-color: #374151 !important;
}

/* Loader styling */
#orderSummaryLoader {
    color: #0079F2 !important;
}

#orderSummaryLoader i {
    color: #0079F2 !important;
}

/* ========================================
   ORDER SUMMARY CONTENT - SPECIFIC CLASSES
   ======================================== */

/* Product name and group in summary */
#orderSummary .product-name,
#producttotal .product-name {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    display: block !important;
    margin-bottom: 0.25rem !important;
}

#orderSummary .product-group,
#producttotal .product-group {
    color: #9ca3af !important;
    font-size: 0.85rem !important;
    display: block !important;
    margin-bottom: 1rem !important;
}

/* Clearfix rows - line items */
#orderSummary .clearfix,
#producttotal .clearfix {
    background: transparent !important;
    color: #e5e7eb !important;
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid #374151 !important;
}

#orderSummary .clearfix:last-child,
#producttotal .clearfix:last-child {
    border-bottom: none !important;
}

/* Float classes for text alignment */
#orderSummary .pull-left,
#orderSummary .float-left,
#producttotal .pull-left,
#producttotal .float-left {
    color: #e5e7eb !important;
}

#orderSummary .pull-right,
#orderSummary .float-right,
#producttotal .pull-right,
#producttotal .float-right {
    color: #0079F2 !important;
    font-weight: 600 !important;
}

/* Summary totals section */
#orderSummary .summary-totals,
#producttotal .summary-totals {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    margin: 1rem 0 !important;
}

#orderSummary .summary-totals .clearfix,
#producttotal .summary-totals .clearfix {
    border-bottom: 1px dashed #374151 !important;
    padding: 0.375rem 0 !important;
}

#orderSummary .summary-totals .clearfix:last-child,
#producttotal .summary-totals .clearfix:last-child {
    border-bottom: none !important;
}

/* Total Due Today Box */
#orderSummary .total-due-today,
#producttotal .total-due-today {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    padding: 1.25rem !important;
    border-radius: 0.5rem !important;
    margin-top: 1rem !important;
    text-align: center !important;
}

#orderSummary .total-due-today span,
#producttotal .total-due-today span {
    color: #ffffff !important;
}

#orderSummary .total-due-today .amt,
#producttotal .total-due-today .amt {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    display: block !important;
    color: #ffffff !important;
    margin-bottom: 0.25rem !important;
}

/* All spans within order summary */
#orderSummary span,
#producttotal span {
    color: inherit !important;
}

/* Links within summary */
#orderSummary a,
#producttotal a {
    color: #0079F2 !important;
}

#orderSummary a:hover,
#producttotal a:hover {
    color: #3b9eff !important;
}

/* Remove icons */
#orderSummary .fa-trash-alt,
#producttotal .fa-trash-alt {
    color: #ef4444 !important;
}

/* Ensure nested divs are transparent */
#orderSummary div,
#producttotal div {
    background: transparent !important;
}

/* Override any white backgrounds */
#orderSummary > *,
#producttotal > * {
    background: transparent !important;
}

/* ========================================
   INNOVATIVE HOSTING PLAN CARDS
   Modern pricing card design for store pages
   ======================================== */

/* Container - 3 column grid layout */
#order-standard_cart .products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    margin: 2rem 0 !important;
    padding: 0 !important;
}

/* Responsive: 2 columns on medium screens */
@media (max-width: 1200px) {
    #order-standard_cart .products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Responsive: 1 column on small screens */
@media (max-width: 768px) {
    #order-standard_cart .products {
        grid-template-columns: 1fr !important;
    }
}

/* Remove the default row containers */
#order-standard_cart .products .row,
#order-standard_cart .products .row-eq-height {
    display: contents !important;
}

#order-standard_cart .products .col-md-6 {
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Individual Product Card */
#order-standard_cart .products .product {
    display: flex !important;
    flex-direction: column !important;
    background: linear-gradient(145deg, #1a1f2e 0%, #0f1419 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
}

#order-standard_cart .products .product::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #0079F2 0%, #00d4ff 50%, #0079F2 100%) !important;
    background-size: 200% 100% !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

@keyframes shimmer {
    0%, 100% { background-position: 200% 0; }
    50% { background-position: -200% 0; }
}

#order-standard_cart .products .product:hover {
    transform: translateY(-8px) scale(1.02) !important;
    border-color: #0079F2 !important;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(0, 121, 242, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Card Header */
#order-standard_cart .products .product header {
    background: linear-gradient(135deg, rgba(0, 121, 242, 0.15) 0%, rgba(0, 121, 242, 0.05) 100%) !important;
    padding: 1.5rem 1.5rem 1.25rem !important;
    border-bottom: 1px solid rgba(0, 121, 242, 0.2) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
}

#order-standard_cart .products .product header span {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: block !important;
    letter-spacing: -0.025em !important;
}

#order-standard_cart .products .product header .qty {
    float: none !important;
    display: block !important;
    margin-top: 0.5rem !important;
    font-size: 0.8rem !important;
    color: #9ca3af !important;
    font-style: normal !important;
}

/* Product Description / Features */
#order-standard_cart .products .product .product-desc {
    float: none !important;
    width: 100% !important;
    padding: 1.5rem !important;
    flex: 1 !important;
    font-size: 0.9rem !important;
}

#order-standard_cart .products .product .product-desc p {
    color: #0079F2 !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    margin-bottom: 1rem !important;
    padding: 0.5rem 0.75rem !important;
    background: rgba(0, 121, 242, 0.1) !important;
    border-radius: 0.5rem !important;
    text-align: center !important;
    border: 1px solid rgba(0, 121, 242, 0.2) !important;
}

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

#order-standard_cart .products .product .product-desc ul li {
    display: flex !important;
    align-items: flex-start !important;
    padding: 0.65rem 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #d1d5db !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
}

#order-standard_cart .products .product .product-desc ul li:last-child {
    border-bottom: none !important;
}

#order-standard_cart .products .product .product-desc ul li::before {
    content: '✓' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-right: 0.75rem !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(16, 185, 129, 0.1) 100%) !important;
    color: #10b981 !important;
    font-size: 0.7rem !important;
    font-weight: bold !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

#order-standard_cart .products .product .product-desc ul li .feature-value {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-right: 0.25rem !important;
}

/* Product Footer / Pricing */
#order-standard_cart .products .product footer {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.5rem !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    text-align: center !important;
    font-size: 1rem !important;
}

#order-standard_cart .products .product .product-pricing {
    margin-bottom: 1.25rem !important;
}

#order-standard_cart .products .product .product-pricing .price {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    display: block !important;
    line-height: 1.1 !important;
    letter-spacing: -0.025em !important;
    text-shadow: 0 2px 10px rgba(0, 121, 242, 0.3) !important;
}

#order-standard_cart .products .product footer br {
    display: none !important;
}

#order-standard_cart .products .product footer br + br {
    display: none !important;
}

/* Billing cycle text */
#order-standard_cart .products .product footer {
    font-size: 0.9rem !important;
    color: #9ca3af !important;
}

/* Setup fee */
#order-standard_cart .products .product footer small {
    display: block !important;
    margin-top: 0.5rem !important;
    font-size: 0.8rem !important;
    color: #6b7280 !important;
}

/* Order Button */
#order-standard_cart .products .product .btn-order-now {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    padding: 1rem 1.5rem !important;
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    border: none !important;
    border-radius: 0.75rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: 0 4px 15px rgba(0, 121, 242, 0.3) !important;
}

#order-standard_cart .products .product .btn-order-now:hover {
    background: linear-gradient(135deg, #0066cc 0%, #004494 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

#order-standard_cart .products .product .btn-order-now i {
    font-size: 0.9rem !important;
}

/* Popular/Featured Plan Highlight (middle card) */
#order-standard_cart .products .col-md-6:nth-child(2) .product {
    border-color: #0079F2 !important;
    transform: scale(1.02) !important;
    box-shadow: 0 10px 40px rgba(0, 121, 242, 0.2) !important;
}

#order-standard_cart .products .col-md-6:nth-child(2) .product::after {
    content: 'POPULAR' !important;
    position: absolute !important;
    top: 1rem !important;
    right: -2rem !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    padding: 0.35rem 2.5rem !important;
    transform: rotate(45deg) !important;
    letter-spacing: 0.05em !important;
    box-shadow: 0 2px 10px rgba(245, 158, 11, 0.3) !important;
    z-index: 10 !important;
}

#order-standard_cart .products .col-md-6:nth-child(2) .product:hover {
    transform: translateY(-8px) scale(1.04) !important;
}

/* Starting from text */
#order-standard_cart .products .product footer:has(.price)::before {
    content: '' !important;
    display: none !important;
}

/* Make sure clearfix doesn't break layout */
#order-standard_cart .products .product.clearfix::after {
    display: none !important;
}

/* Page Header Styling */
#order-standard_cart .header-lined h1 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 2.25rem !important;
    margin-bottom: 0.75rem !important;
}

#order-standard_cart .header-lined p {
    color: #9ca3af !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    max-width: 800px !important;
}

/* Cart body background */
#order-standard_cart .cart-body {
    background: transparent !important;
}

/* Responsive adjustments for popular badge */
@media (max-width: 1200px) {
    #order-standard_cart .products .col-md-6:nth-child(2) .product {
        transform: scale(1) !important;
    }
    #order-standard_cart .products .col-md-6:nth-child(2) .product:hover {
        transform: translateY(-8px) scale(1.02) !important;
    }
}

/* ========================================
   ORDER PROCESS - DOMAIN SELECTION DARK MODE
   "Choose a Domain" step after clicking Order Now
   ======================================== */

/* Domain Selection Options Container */
#order-standard_cart .domain-selection-options {
    background: transparent !important;
    margin: 1.5rem 0 !important;
}

/* Individual Option Cards (Register/Transfer/Existing) */
#order-standard_cart .domain-selection-options .option {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 0.75rem !important;
    padding: 1rem 1.5rem !important;
    margin-bottom: 0.75rem !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

#order-standard_cart .domain-selection-options .option:hover {
    border-color: #0079F2 !important;
    background: linear-gradient(145deg, #1e2536 0%, #1a1f2e 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 121, 242, 0.15) !important;
}

#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .domain-selection-options .option.active {
    border-color: #0079F2 !important;
    background: linear-gradient(145deg, rgba(0, 121, 242, 0.15) 0%, rgba(0, 121, 242, 0.05) 100%) !important;
    box-shadow: 0 0 20px rgba(0, 121, 242, 0.2) !important;
}

/* Labels inside options */
#order-standard_cart .domain-selection-options .option label {
    color: #e5e7eb !important;
    font-weight: 500 !important;
    margin: 0 !important;
    cursor: pointer !important;
}

#order-standard_cart .domain-selection-options .option-selected label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Domain Input Group */
#order-standard_cart .domain-input-group {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    margin: 1rem 0 !important;
}

/* Input fields in domain selection */
#order-standard_cart .domain-input-group input[type="text"],
#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-selection-options input[type="text"],
#order-standard_cart .domain-selection-options .form-control {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1rem !important;
}

#order-standard_cart .domain-input-group input[type="text"]:focus,
#order-standard_cart .domain-input-group .form-control:focus,
#order-standard_cart .domain-selection-options input[type="text"]:focus,
#order-standard_cart .domain-selection-options .form-control:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.15) !important;
    outline: none !important;
}

/* TLD Select dropdown */
#order-standard_cart .domain-input-group select,
#order-standard_cart .domain-selection-options select,
#order-standard_cart select[name="tld"],
#order-standard_cart .input-group select {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1rem !important;
}

/* Input group styling (www. prefix) */
#order-standard_cart .input-group-prepend .input-group-text,
#order-standard_cart .input-group-text {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    color: #9ca3af !important;
    border-radius: 0.5rem 0 0 0.5rem !important;
}

#order-standard_cart .input-group .form-control {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

#order-standard_cart .input-group .form-control:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.15) !important;
}

/* Input group append (TLD dropdown container) */
#order-standard_cart .input-group-append select,
#order-standard_cart .input-group select.form-control {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    border-left: none !important;
    color: #e5e7eb !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

/* TLD Dropdown - Make wider to show full extension names */

/* Fix the column widths for domain input rows */
#order-standard_cart .domains-row .col-xs-3,
#order-standard_cart .domains-row .col-3 {
    flex: 0 0 140px !important;
    max-width: 140px !important;
    min-width: 140px !important;
    width: 140px !important;
}

#order-standard_cart .domains-row .col-xs-9,
#order-standard_cart .domains-row .col-9 {
    flex: 1 1 auto !important;
    max-width: calc(100% - 150px) !important;
}

/* Target the specific TLD select dropdowns by ID */
#order-standard_cart #registertld,
#order-standard_cart #transfertld,
#order-standard_cart #subdomaintld,
#order-standard_cart #incartsld {
    min-width: 130px !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    appearance: menulist !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}

/* Match the domain input field height */
#order-standard_cart #registersld,
#order-standard_cart #transfersld,
#order-standard_cart #owndomainsld,
#order-standard_cart #subdomainsld,
#order-standard_cart .domain-input-group .input-group .form-control {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

/* Match the www. prefix height */
#order-standard_cart .domain-input-group .input-group-text,
#order-standard_cart .domain-input-group .input-group-addon .input-group-text {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
}

/* Own domain TLD text input */
#order-standard_cart #owndomaintld {
    min-width: 100px !important;
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.95rem !important;
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart #owndomaintld::placeholder {
    color: #6b7280 !important;
}

/* Ensure the input group flex properly */
#order-standard_cart .input-group {
    flex-wrap: nowrap !important;
}

#order-standard_cart .domain-input-group .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

#order-standard_cart .domains-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
}

/* Sub-heading / Section title */
#order-standard_cart .sub-heading {
    border-top-color: #374151 !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color {
    background: #0f1419 !important;
    color: #0079F2 !important;
}

/* Field labels */
#order-standard_cart .field-container label,
#order-standard_cart label {
    color: #d1d5db !important;
}

/* Domain suggestions/results */
#order-standard_cart .domain-lookup-primary-results,
#order-standard_cart .domain-checker-result-headline {
    color: #e5e7eb !important;
}

#order-standard_cart .domain-checker-available {
    color: #10b981 !important;
}

#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
    color: #ef4444 !important;
}

/* Transfer eligible/not eligible boxes */
#order-standard_cart .transfer-eligible {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10b981 !important;
    border-radius: 0.75rem !important;
}

#order-standard_cart .transfer-not-eligible {
    background: rgba(107, 114, 128, 0.1) !important;
    border: 1px solid #374151 !important;
    color: #9ca3af !important;
    border-radius: 0.75rem !important;
}

/* Domain suggestions panel */
#order-standard_cart .domain-suggestions {
    background: transparent !important;
}

#order-standard_cart .domain-suggestions .list-group-item {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    color: #e5e7eb !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .domain-suggestions .list-group-item:hover {
    border-color: #0079F2 !important;
    background: linear-gradient(145deg, #1e2536 0%, #1a1f2e 100%) !important;
}

#order-standard_cart .domain-suggestions .extension {
    color: #0079F2 !important;
}

#order-standard_cart .domain-suggestions .price {
    color: #10b981 !important;
    font-weight: 600 !important;
}

/* Spotlight TLDs */
#order-standard_cart .spotlight-tlds {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 0.75rem !important;
}

#order-standard_cart .spotlight-tld {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

#order-standard_cart .spotlight-tld:hover {
    border-color: #0079F2 !important;
}

#order-standard_cart .spotlight-tld span {
    color: #9ca3af !important;
}

/* Buttons in domain section */
#order-standard_cart .domain-selection-options .btn,
#order-standard_cart .domain-input-group .btn,
#order-standard_cart .btn-check-availability {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .domain-selection-options .btn:hover,
#order-standard_cart .domain-input-group .btn:hover,
#order-standard_cart .btn-check-availability:hover {
    background: linear-gradient(135deg, #0066cc 0%, #004494 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 121, 242, 0.3) !important;
}

/* Secondary/outline buttons */
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary {
    background: transparent !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover {
    background: #1a1f2e !important;
    border-color: #0079F2 !important;
    color: #ffffff !important;
}

/* Radio/checkbox styling */
#order-standard_cart .domain-selection-options .iradio_square-blue,
#order-standard_cart .domain-selection-options .icheckbox_square-blue {
    margin-right: 0.75rem !important;
}

/* Help text */
#order-standard_cart .field-help-text,
#order-standard_cart .help-block,
#order-standard_cart small.text-muted {
    color: #6b7280 !important;
}

/* Alert boxes */
#order-standard_cart .alert-info {
    background: rgba(0, 121, 242, 0.1) !important;
    border: 1px solid rgba(0, 121, 242, 0.3) !important;
    color: #60a5fa !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10b981 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
    border-radius: 0.5rem !important;
}

/* ========================================
   ORDER PROCESS - GLOBAL FORM FIELD STYLING
   Consistent height and styling for ALL form fields
   ======================================== */

/* All text inputs throughout order process */
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="number"],
#order-standard_cart input[type="search"],
#order-standard_cart input[type="url"],
#order-standard_cart .form-control,
#order-standard_cart textarea.form-control {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea should be taller */
#order-standard_cart textarea.form-control {
    height: auto !important;
    min-height: 100px !important;
}

/* All select dropdowns throughout order process */
#order-standard_cart select,
#order-standard_cart select.form-control,
#order-standard_cart .custom-select {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 2.5rem 0.625rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    appearance: menulist !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    cursor: pointer !important;
}

/* Focus states for all form fields */
#order-standard_cart input[type="text"]:focus,
#order-standard_cart input[type="email"]:focus,
#order-standard_cart input[type="password"]:focus,
#order-standard_cart input[type="tel"]:focus,
#order-standard_cart input[type="number"]:focus,
#order-standard_cart input[type="search"]:focus,
#order-standard_cart input[type="url"]:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart select:focus,
#order-standard_cart select.form-control:focus,
#order-standard_cart .custom-select:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.15) !important;
    outline: none !important;
}

/* Placeholder text */
#order-standard_cart input::placeholder,
#order-standard_cart textarea::placeholder,
#order-standard_cart .form-control::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

/* Input group addons (www., etc.) */
#order-standard_cart .input-group-text,
#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-prepend .input-group-text,
#order-standard_cart .input-group-append .input-group-text {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    color: #9ca3af !important;
    display: flex !important;
    align-items: center !important;
}

/* Input group buttons */
#order-standard_cart .input-group-btn .btn,
#order-standard_cart .input-group-append .btn,
#order-standard_cart .input-group .btn {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 1.25rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Form control large variant */
#order-standard_cart .form-control-lg,
#order-standard_cart .input-group-lg .form-control,
#order-standard_cart .input-group-lg .input-group-text {
    height: 52px !important;
    min-height: 52px !important;
    padding: 0.75rem 1.25rem !important;
    font-size: 1.125rem !important;
}

/* Billing cycle dropdown specific */
#order-standard_cart select[name="billingcycle"],
#order-standard_cart #inputBillingCycle,
#order-standard_cart .billing-cycle select {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.625rem 2.5rem 0.625rem 1rem !important;
    font-size: 1rem !important;
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
}

/* Quantity inputs */
#order-standard_cart input[type="number"],
#order-standard_cart .form-control-qty {
    width: 80px !important;
    text-align: center !important;
}

/* Disabled/readonly fields */
#order-standard_cart input:disabled,
#order-standard_cart input[readonly],
#order-standard_cart select:disabled,
#order-standard_cart select[readonly],
#order-standard_cart .form-control:disabled,
#order-standard_cart .form-control[readonly] {
    background: #1a1f2e !important;
    color: #6b7280 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* Form labels */
#order-standard_cart label,
#order-standard_cart .control-label,
#order-standard_cart .form-label {
    color: #d1d5db !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.95rem !important;
}

/* Required field indicator */
#order-standard_cart label .required,
#order-standard_cart .required-indicator {
    color: #ef4444 !important;
}

/* Form groups spacing */
#order-standard_cart .form-group {
    margin-bottom: 1.25rem !important;
}

/* Checkbox and radio styling */
#order-standard_cart input[type="checkbox"],
#order-standard_cart input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #0079F2 !important;
    cursor: pointer !important;
}

#order-standard_cart .checkbox label,
#order-standard_cart .radio label {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
}

/* Validation states */
#order-standard_cart .has-error .form-control,
#order-standard_cart .is-invalid,
#order-standard_cart input.error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

#order-standard_cart .has-success .form-control,
#order-standard_cart .is-valid {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

#order-standard_cart .help-block.text-danger,
#order-standard_cart .invalid-feedback,
#order-standard_cart .error-message {
    color: #ef4444 !important;
    font-size: 0.85rem !important;
    margin-top: 0.375rem !important;
}

/* Panels and cards in order process */
#order-standard_cart .panel,
#order-standard_cart .card {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 0.75rem !important;
}

#order-standard_cart .panel-heading,
#order-standard_cart .card-header {
    background: rgba(0, 121, 242, 0.1) !important;
    border-bottom: 1px solid #2d3748 !important;
    color: #ffffff !important;
    padding: 1rem 1.25rem !important;
}

#order-standard_cart .panel-body,
#order-standard_cart .card-body {
    padding: 1.25rem !important;
    color: #e5e7eb !important;
}

#order-standard_cart .panel-footer,
#order-standard_cart .card-footer {
    background: rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid #2d3748 !important;
    padding: 1rem 1.25rem !important;
}

/* ========================================
   CHECKOUT FORM - FIX PLACEHOLDER CUTOFF
   Proper padding so placeholder text shows fully
   ======================================== */

/* Reset prepend icon padding that cuts off text */
#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon input,
#order-standard_cart .prepend-icon .form-control {
    padding-left: 0.875rem !important;
    text-indent: 0 !important;
}

/* Remove icon positioning that causes cutoff */
#order-standard_cart .prepend-icon .field-icon {
    display: none !important;
}

/* Checkout form specific inputs */
#order-standard_cart input#inputFirstName,
#order-standard_cart input#inputLastName,
#order-standard_cart input#inputEmail,
#order-standard_cart input#inputPhone,
#order-standard_cart input#inputCompanyName,
#order-standard_cart input#inputAddress1,
#order-standard_cart input#inputAddress2,
#order-standard_cart input#inputCity,
#order-standard_cart input#inputPostcode,
#order-standard_cart input[name="firstname"],
#order-standard_cart input[name="lastname"],
#order-standard_cart input[name="email"],
#order-standard_cart input[name="phonenumber"],
#order-standard_cart input[name="companyname"],
#order-standard_cart input[name="address1"],
#order-standard_cart input[name="address2"],
#order-standard_cart input[name="city"],
#order-standard_cart input[name="postcode"],
#order-standard_cart input[name="tax_id"],
#order-standard_cart input[name="customfield[]"],
#order-standard_cart .checkout input.form-control,
#order-standard_cart .field {
    padding: 0.625rem 0.875rem !important;
    padding-left: 0.875rem !important;
    text-indent: 0 !important;
    background-position: left 0.875rem center !important;
}

/* Phone number input with country code */
#order-standard_cart .iti input,
#order-standard_cart .iti__tel-input,
#order-standard_cart input[type="tel"] {
    padding-left: 52px !important;
}

/* Country/State select dropdowns */
#order-standard_cart select#inputCountry,
#order-standard_cart select#stateselect,
#order-standard_cart select[name="country"],
#order-standard_cart select[name="state"] {
    padding: 0.625rem 2.5rem 0.625rem 0.875rem !important;
}

/* Fix any field with prepended icon */
#order-standard_cart .form-group .prepend-icon input {
    padding-left: 0.875rem !important;
}

/* Ensure placeholder is visible */
#order-standard_cart input::placeholder {
    opacity: 1 !important;
    color: #6b7280 !important;
    text-overflow: ellipsis !important;
}

/* International telephone input flag dropdown */
#order-standard_cart .iti {
    width: 100% !important;
}

#order-standard_cart .iti__flag-container {
    padding: 0 !important;
}

#order-standard_cart .iti__selected-flag {
    background: #1a1f2e !important;
    border-right: 1px solid #374151 !important;
    padding: 0 8px !important;
    height: 44px !important;
}

#order-standard_cart .iti__country-list {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

#order-standard_cart .iti__country:hover,
#order-standard_cart .iti__country.iti__highlight {
    background: #2d3748 !important;
}

#order-standard_cart .iti__dial-code {
    color: #9ca3af !important;
}

/* Checkout section headers */
#order-standard_cart .sub-heading span {
    background: #0f1419 !important;
    padding: 0 1rem !important;
}

/* ========================================
   CHECKOUT - RECOMMENDED/UPSELL CARDS DARK MODE
   ======================================== */

/* Main promo container */
#order-standard_cart .mc-promo,
#order-standard_cart .addon-promo-container,
#order-standard_cart .panel-addon,
#order-standard_cart .product-recommendations,
#order-standard_cart .addon-products .panel,
#order-standard_cart .addon-products .card,
#order-standard_cart .marketconnect-addon-promo,
#order-standard_cart .marketconnect-promo,
#order-standard_cart [class*="promo-box"],
#order-standard_cart [class*="addon-promo"] {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 0.75rem !important;
    color: #e5e7eb !important;
}

/* Promo card headers and titles */
#order-standard_cart .mc-promo .headline,
#order-standard_cart .mc-promo h3,
#order-standard_cart .mc-promo h4,
#order-standard_cart .addon-promo-container h3,
#order-standard_cart .addon-promo-container h4,
#order-standard_cart .panel-addon .panel-heading,
#order-standard_cart .panel-addon .panel-title,
#order-standard_cart .marketconnect-promo h3,
#order-standard_cart .marketconnect-promo h4,
#order-standard_cart .addon-products .panel-heading,
#order-standard_cart .addon-products .card-header,
#order-standard_cart [class*="promo"] .headline,
#order-standard_cart [class*="addon"] .panel-heading {
    color: #ffffff !important;
    background: transparent !important;
    border-bottom: 1px solid #2d3748 !important;
}

/* "Recommended for you" label */
#order-standard_cart .recommended-label,
#order-standard_cart .promo-label,
#order-standard_cart .mc-promo .label,
#order-standard_cart [class*="recommended"] {
    color: #10b981 !important;
    font-weight: 600 !important;
}

/* Promo pricing - make it stand out */
#order-standard_cart .mc-promo .price,
#order-standard_cart .mc-promo .pricing,
#order-standard_cart .addon-promo-container .price,
#order-standard_cart .panel-addon .price,
#order-standard_cart .marketconnect-promo .price,
#order-standard_cart [class*="promo"] .price {
    color: #10b981 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

/* Promo description text */
#order-standard_cart .mc-promo p,
#order-standard_cart .mc-promo .description,
#order-standard_cart .addon-promo-container p,
#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .marketconnect-promo p,
#order-standard_cart .addon-products .panel-body {
    color: #9ca3af !important;
    background: transparent !important;
}

/* Feature lists in promo cards */
#order-standard_cart .mc-promo ul,
#order-standard_cart .mc-promo li,
#order-standard_cart .addon-promo-container ul,
#order-standard_cart .addon-promo-container li,
#order-standard_cart .panel-addon ul,
#order-standard_cart .panel-addon li,
#order-standard_cart .marketconnect-promo ul li,
#order-standard_cart [class*="promo"] .features li {
    color: #d1d5db !important;
}

/* Feature list checkmarks/icons */
#order-standard_cart .mc-promo li::before,
#order-standard_cart .mc-promo li i,
#order-standard_cart .addon-promo-container li i,
#order-standard_cart [class*="promo"] li i,
#order-standard_cart [class*="promo"] .fa-check,
#order-standard_cart [class*="promo"] .fa-check-circle {
    color: #10b981 !important;
}

/* Promo card buttons */
#order-standard_cart .mc-promo .btn,
#order-standard_cart .mc-promo button,
#order-standard_cart .addon-promo-container .btn,
#order-standard_cart .panel-addon .btn,
#order-standard_cart .marketconnect-promo .btn,
#order-standard_cart [class*="promo"] .btn-add,
#order-standard_cart [class*="promo"] .btn-order {
    background: linear-gradient(135deg, #0079F2 0%, #005bb5 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .mc-promo .btn:hover,
#order-standard_cart .addon-promo-container .btn:hover,
#order-standard_cart .panel-addon .btn:hover,
#order-standard_cart .marketconnect-promo .btn:hover,
#order-standard_cart [class*="promo"] .btn:hover {
    background: linear-gradient(135deg, #0066cc 0%, #004a99 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 121, 242, 0.3) !important;
}

/* Product name in promo */
#order-standard_cart .mc-promo .product-name,
#order-standard_cart .mc-promo .addon-name,
#order-standard_cart .addon-promo-container .product-name,
#order-standard_cart .marketconnect-promo .product-name {
    color: #f3f4f6 !important;
    font-weight: 600 !important;
}

/* Promo card images/logos */
#order-standard_cart .mc-promo img,
#order-standard_cart .addon-promo-container img,
#order-standard_cart .marketconnect-promo img {
    filter: brightness(1.1) !important;
}

/* Card hover effect */
#order-standard_cart .mc-promo:hover,
#order-standard_cart .addon-promo-container:hover,
#order-standard_cart .panel-addon:hover,
#order-standard_cart .marketconnect-promo:hover {
    border-color: #0079F2 !important;
    box-shadow: 0 4px 20px rgba(0, 121, 242, 0.15) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* MarketConnect specific styling */
#order-standard_cart .marketconnect-addon-promo,
#order-standard_cart .mc-addon,
#order-standard_cart [class*="marketconnect"] {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    color: #e5e7eb !important;
}

/* Any white backgrounds in promo sections */
#order-standard_cart .mc-promo *,
#order-standard_cart .addon-promo-container *,
#order-standard_cart .marketconnect-promo *,
#order-standard_cart [class*="promo-box"] * {
    background-color: transparent !important;
}

/* Reset backgrounds on specific elements that need them */
#order-standard_cart .mc-promo .btn,
#order-standard_cart .addon-promo-container .btn,
#order-standard_cart .marketconnect-promo .btn {
    background: linear-gradient(135deg, #0079F2 0%, #005bb5 100%) !important;
}

/* ========================================
   MC-PROMO SPECIFIC STRUCTURE FIX
   ======================================== */

/* Main mc-promo container */
#order-standard_cart .mc-promo {
    background: linear-gradient(145deg, #1a1f2e 0%, #151a24 100%) !important;
    border: 1px solid #2d3748 !important;
    border-radius: 0.75rem !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: 120px !important;
    margin-bottom: 1.5rem !important;
}

/* Header section - override base height: 70px and overflow: hidden */
#order-standard_cart .mc-promo .header {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #2d3748 !important;
    height: auto !important;
    min-height: 70px !important;
    overflow: visible !important;
    padding: 10px !important;
}

/* CTA section with price and button - keep float right from base CSS */
#order-standard_cart .mc-promo .cta {
    background: transparent !important;
    border: none !important;
    float: right !important;
    padding: 8px 10px !important;
    text-align: center !important;
}

/* Expander icon */
#order-standard_cart .mc-promo .expander {
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
}

#order-standard_cart .mc-promo .expander i {
    color: #9ca3af !important;
}

/* Icon container */
#order-standard_cart .mc-promo .icon {
    background: transparent !important;
    border: none !important;
}

/* Content section with headline and tagline */
#order-standard_cart .mc-promo .content {
    background: transparent !important;
    border: none !important;
}

#order-standard_cart .mc-promo .headline {
    color: #ffffff !important;
    background: transparent !important;
}

#order-standard_cart .mc-promo .tagline {
    color: #9ca3af !important;
    background: transparent !important;
}

/* Body section with features */
#order-standard_cart .mc-promo .body {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #2d3748 !important;
}

#order-standard_cart .mc-promo .body ul {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 1rem !important;
}

#order-standard_cart .mc-promo .body li {
    background: transparent !important;
    border: none !important;
    color: #d1d5db !important;
}

#order-standard_cart .mc-promo .body li.left,
#order-standard_cart .mc-promo .body li.right {
    background: transparent !important;
    border: none !important;
}

/* Price styling */
#order-standard_cart .mc-promo .price {
    color: #10b981 !important;
    background: transparent !important;
    font-weight: 700 !important;
}

/* Add to cart button */
#order-standard_cart .mc-promo .btn-add {
    background: linear-gradient(135deg, #0079F2 0%, #005bb5 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

#order-standard_cart .mc-promo .btn-add .text {
    background: transparent !important;
    color: #ffffff !important;
    display: inline-block !important;
    padding: 6px 10px !important;
}

#order-standard_cart .mc-promo .btn-add .arrow {
    background: rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
    display: inline-block !important;
    padding: 6px 10px !important;
}

#order-standard_cart .mc-promo .btn-add i {
    color: #ffffff !important;
}

/* Remove any box shadows that might appear white */
#order-standard_cart .mc-promo,
#order-standard_cart .mc-promo * {
    box-shadow: none !important;
}

/* Force all children to have transparent background */
#order-standard_cart .mc-promo > *,
#order-standard_cart .mc-promo .header > *,
#order-standard_cart .mc-promo .body > * {
    background-color: transparent !important;
}

/* ========================================
   EASYMDE MARKDOWN EDITOR - DARK MODE
   Complete dark theme for ticket message editor
   ======================================== */

/* Main EasyMDE Container */
.EasyMDEContainer {
    background-color: var(--adaptive-background-light) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Editor Toolbar */
.EasyMDEContainer .editor-toolbar,
.editor-toolbar {
    background-color: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 8px !important;
}

.editor-toolbar a,
.EasyMDEContainer .editor-toolbar a {
    color: var(--adaptive-text) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
}

.editor-toolbar a:hover,
.EasyMDEContainer .editor-toolbar a:hover,
.editor-toolbar a.active,
.EasyMDEContainer .editor-toolbar a.active {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
}

.editor-toolbar a::before,
.EasyMDEContainer .editor-toolbar a::before {
    color: var(--adaptive-text) !important;
}

.editor-toolbar a:hover::before,
.EasyMDEContainer .editor-toolbar a:hover::before {
    color: var(--adaptive-primary) !important;
}

/* Toolbar Separator */
.editor-toolbar i.separator,
.EasyMDEContainer .editor-toolbar i.separator {
    border-left-color: var(--adaptive-border) !important;
    border-right-color: var(--adaptive-border) !important;
}

/* Toolbar Disabled State */
.editor-toolbar.disabled-for-preview a:not(.no-disable),
.EasyMDEContainer .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    opacity: 0.4 !important;
}

/* CodeMirror Editor Area */
.EasyMDEContainer .CodeMirror,
.CodeMirror {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    font-family: 'Roboto Mono', monospace !important;
}

.CodeMirror-scroll {
    background-color: var(--adaptive-background-light) !important;
}

.CodeMirror-gutters {
    background-color: var(--adaptive-card-bg) !important;
    border-right: 1px solid var(--adaptive-border) !important;
}

.CodeMirror-linenumber {
    color: var(--adaptive-text-light) !important;
}

/* CodeMirror Cursor */
.CodeMirror-cursor {
    border-left: 2px solid var(--adaptive-primary) !important;
}

/* CodeMirror Selection */
.CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected {
    background-color: rgba(0, 121, 242, 0.3) !important;
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
    background-color: rgba(0, 121, 242, 0.3) !important;
}

/* CodeMirror Placeholder */
.CodeMirror-placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.7 !important;
}

/* Markdown Syntax Highlighting */
.cm-header,
.CodeMirror .cm-header {
    color: #60a5fa !important;
    font-weight: bold !important;
}

.cm-strong,
.CodeMirror .cm-strong {
    color: #f9fafb !important;
    font-weight: bold !important;
}

.cm-em,
.CodeMirror .cm-em {
    color: #fbbf24 !important;
    font-style: italic !important;
}

.cm-link,
.CodeMirror .cm-link {
    color: var(--adaptive-primary) !important;
    text-decoration: underline !important;
}

.cm-url,
.CodeMirror .cm-url {
    color: #10b981 !important;
}

.cm-string,
.CodeMirror .cm-string {
    color: #34d399 !important;
}

.cm-comment,
.CodeMirror .cm-comment {
    color: var(--adaptive-text-light) !important;
}

.cm-quote,
.CodeMirror .cm-quote {
    color: #a78bfa !important;
    font-style: italic !important;
}

.cm-tag,
.CodeMirror .cm-tag {
    color: #f472b6 !important;
}

.cm-attribute,
.CodeMirror .cm-attribute {
    color: #fbbf24 !important;
}

.cm-keyword,
.CodeMirror .cm-keyword {
    color: #f472b6 !important;
}

.cm-variable,
.cm-variable-2,
.cm-variable-3,
.CodeMirror .cm-variable,
.CodeMirror .cm-variable-2,
.CodeMirror .cm-variable-3 {
    color: var(--adaptive-text) !important;
}

.cm-s-easymde .cm-header-1 {
    font-size: 1.5em !important;
}

.cm-s-easymde .cm-header-2 {
    font-size: 1.3em !important;
}

.cm-s-easymde .cm-header-3 {
    font-size: 1.1em !important;
}

/* Preview Mode */
.editor-preview,
.EasyMDEContainer .editor-preview,
.editor-preview-side,
.EasyMDEContainer .editor-preview-side {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
    padding: 20px !important;
}

.editor-preview pre,
.EasyMDEContainer .editor-preview pre,
.editor-preview-side pre,
.EasyMDEContainer .editor-preview-side pre {
    background-color: var(--adaptive-background) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 4px !important;
    padding: 12px !important;
}

.editor-preview code,
.EasyMDEContainer .editor-preview code,
.editor-preview-side code,
.EasyMDEContainer .editor-preview-side code {
    background-color: var(--adaptive-background) !important;
    color: #34d399 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

.editor-preview blockquote,
.EasyMDEContainer .editor-preview blockquote,
.editor-preview-side blockquote,
.EasyMDEContainer .editor-preview-side blockquote {
    border-left: 4px solid var(--adaptive-primary) !important;
    background-color: var(--adaptive-background-light) !important;
    padding: 10px 15px !important;
    margin: 10px 0 !important;
    color: var(--adaptive-text-light) !important;
}

.editor-preview a,
.EasyMDEContainer .editor-preview a,
.editor-preview-side a,
.EasyMDEContainer .editor-preview-side a {
    color: var(--adaptive-primary) !important;
}

.editor-preview h1,
.editor-preview h2,
.editor-preview h3,
.editor-preview h4,
.editor-preview h5,
.editor-preview h6,
.EasyMDEContainer .editor-preview h1,
.EasyMDEContainer .editor-preview h2,
.EasyMDEContainer .editor-preview h3,
.EasyMDEContainer .editor-preview h4,
.EasyMDEContainer .editor-preview h5,
.EasyMDEContainer .editor-preview h6 {
    color: var(--adaptive-text) !important;
    border-bottom-color: var(--adaptive-border) !important;
}

/* Status Bar */
.editor-statusbar,
.EasyMDEContainer .editor-statusbar {
    background-color: var(--adaptive-card-bg) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text-light) !important;
    padding: 8px 15px !important;
}

.editor-statusbar span,
.EasyMDEContainer .editor-statusbar span {
    color: var(--adaptive-text-light) !important;
}

/* Fullscreen Mode */
.EasyMDEContainer.fullscreen,
.editor-toolbar.fullscreen,
.CodeMirror-fullscreen {
    background-color: var(--adaptive-background) !important;
}

/* Side by Side Mode */
.EasyMDEContainer .CodeMirror-sided {
    border-right: 1px solid var(--adaptive-border) !important;
}

/* Tooltip */
.editor-toolbar [data-tooltip]::after {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
}

/* Focus State */
.EasyMDEContainer .CodeMirror-focused {
    border-color: var(--adaptive-primary) !important;
    box-shadow: 0 0 0 2px rgba(0, 121, 242, 0.2) !important;
}

/* Scrollbars for CodeMirror */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar {
    background-color: var(--adaptive-background-light) !important;
}

.CodeMirror-vscrollbar::-webkit-scrollbar,
.CodeMirror-hscrollbar::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

.CodeMirror-vscrollbar::-webkit-scrollbar-track,
.CodeMirror-hscrollbar::-webkit-scrollbar-track {
    background: var(--adaptive-background-light) !important;
}

.CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
    background-color: var(--adaptive-border) !important;
    border-radius: 4px !important;
}

.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover,
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--adaptive-text-light) !important;
}

/* Active Line Highlighting */
.CodeMirror-activeline-background {
    background-color: rgba(0, 121, 242, 0.1) !important;
}

/* Matching Brackets */
.CodeMirror-matchingbracket {
    color: var(--adaptive-primary) !important;
    background-color: rgba(0, 121, 242, 0.2) !important;
    font-weight: bold !important;
}

/* ========================================
   BOOTSTRAP MARKDOWN EDITOR - DARK MODE
   Complete dark theme for ticket message editor
   ======================================== */

/* Main Bootstrap Markdown Container */
.md-editor,
[data-provide="markdown"] {
    background-color: var(--adaptive-background-light) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Markdown Header/Toolbar */
.md-header,
.md-editor .md-header {
    background-color: var(--adaptive-card-bg) !important;
    border-bottom: 1px solid var(--adaptive-border) !important;
    padding: 8px !important;
}

/* Toolbar Buttons */
.md-header .btn,
.md-header .btn-default,
.md-header .btn-sm,
.md-editor .md-header .btn,
.md-editor .md-header .btn-default {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: var(--adaptive-text) !important;
    border-radius: 4px !important;
}

.md-header .btn:hover,
.md-header .btn-default:hover,
.md-editor .md-header .btn:hover {
    background-color: var(--adaptive-background-light) !important;
    border-color: var(--adaptive-border) !important;
    color: var(--adaptive-primary) !important;
}

.md-header .btn:focus,
.md-header .btn-default:focus,
.md-editor .md-header .btn:focus {
    background-color: var(--adaptive-background-light) !important;
    border-color: var(--adaptive-primary) !important;
    box-shadow: none !important;
    outline: none !important;
}

.md-header .btn.active,
.md-header .btn-default.active,
.md-editor .md-header .btn.active {
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

/* Toolbar Button Icons */
.md-header .btn span,
.md-header .btn i,
.md-header .btn .fas,
.md-header .btn .far,
.md-editor .md-header .btn span {
    color: inherit !important;
}

/* Button Groups */
.md-header .btn-group,
.md-editor .md-header .btn-group {
    margin-right: 8px !important;
}

/* Preview Button - Primary Style */
.md-header .btn-primary,
.md-editor .md-header .btn-primary {
    background-color: var(--adaptive-primary) !important;
    border-color: var(--adaptive-primary) !important;
    color: #ffffff !important;
}

.md-header .btn-primary:hover,
.md-editor .md-header .btn-primary:hover {
    background-color: var(--adaptive-primary-dark) !important;
    border-color: var(--adaptive-primary-dark) !important;
}

/* Fullscreen Control */
.md-controls,
.md-editor .md-controls {
    background-color: transparent !important;
}

.md-control,
.md-control-fullscreen,
.md-editor .md-control {
    color: var(--adaptive-text) !important;
}

.md-control:hover,
.md-control-fullscreen:hover,
.md-editor .md-control:hover {
    color: var(--adaptive-primary) !important;
}

/* Textarea / Input Area */
.md-editor textarea,
.md-editor .md-input,
.md-input,
textarea.md-input {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border: none !important;
    border-top: 1px solid var(--adaptive-border) !important;
    padding: 15px !important;
    font-family: 'Roboto Mono', monospace !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.md-editor textarea:focus,
.md-editor .md-input:focus,
.md-input:focus,
textarea.md-input:focus {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    outline: none !important;
    box-shadow: none !important;
}

.md-editor textarea::placeholder,
.md-input::placeholder {
    color: var(--adaptive-text-light) !important;
    opacity: 0.7 !important;
}

/* Preview Area */
.md-preview,
.md-editor .md-preview {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    padding: 15px !important;
}

.md-preview pre,
.md-editor .md-preview pre {
    background-color: var(--adaptive-background) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
    border-radius: 4px !important;
    padding: 12px !important;
}

.md-preview code,
.md-editor .md-preview code {
    background-color: var(--adaptive-background) !important;
    color: #34d399 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

.md-preview blockquote,
.md-editor .md-preview blockquote {
    border-left: 4px solid var(--adaptive-primary) !important;
    background-color: var(--adaptive-background-light) !important;
    padding: 10px 15px !important;
    margin: 10px 0 !important;
    color: var(--adaptive-text-light) !important;
}

.md-preview a,
.md-editor .md-preview a {
    color: var(--adaptive-primary) !important;
}

.md-preview h1,
.md-preview h2,
.md-preview h3,
.md-preview h4,
.md-preview h5,
.md-preview h6,
.md-editor .md-preview h1,
.md-editor .md-preview h2,
.md-editor .md-preview h3,
.md-editor .md-preview h4,
.md-editor .md-preview h5,
.md-editor .md-preview h6 {
    color: var(--adaptive-text) !important;
}

/* Footer / Status */
.md-footer,
.md-editor .md-footer {
    background-color: var(--adaptive-card-bg) !important;
    border-top: 1px solid var(--adaptive-border) !important;
    color: var(--adaptive-text-light) !important;
    padding: 8px 15px !important;
}

/* Fullscreen Mode */
.md-fullscreen-mode,
.md-editor.md-fullscreen-mode {
    background-color: var(--adaptive-background) !important;
}

.md-fullscreen-mode .md-header,
.md-editor.md-fullscreen-mode .md-header {
    background-color: var(--adaptive-card-bg) !important;
}

.md-fullscreen-mode textarea,
.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode textarea {
    background-color: var(--adaptive-background-light) !important;
}

/* Dropdown Menus (if any) */
.md-editor .dropdown-menu,
.md-header .dropdown-menu {
    background-color: var(--adaptive-card-bg) !important;
    border: 1px solid var(--adaptive-border) !important;
}

.md-editor .dropdown-menu > li > a,
.md-header .dropdown-menu > li > a {
    color: var(--adaptive-text) !important;
}

.md-editor .dropdown-menu > li > a:hover,
.md-header .dropdown-menu > li > a:hover {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-primary) !important;
}

/* Markdown Editor specific textarea styling */
textarea[data-provide="markdown"],
textarea.markdown-editor {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
    border: 1px solid var(--adaptive-border) !important;
}

/* Force dark background on the wrapper div that bootstrap-markdown creates */
.md-editor > .md-header + textarea,
.md-editor > .md-header ~ textarea,
.md-editor > textarea {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
}

/* Ensure btn-toolbar in markdown header is dark */
.md-header.btn-toolbar,
.md-editor .md-header.btn-toolbar {
    background-color: var(--adaptive-card-bg) !important;
}

/* ========================================
   BOOTSTRAP MARKDOWN - CRITICAL OVERRIDES
   These override the hardcoded styles in bootstrap-markdown.min.css
   ======================================== */

/* Override: .md-editor{border:1px solid #ddd} */
.md-editor {
    border: 1px solid var(--adaptive-border) !important;
    background-color: var(--adaptive-background-light) !important;
}

/* Override: .md-editor .md-footer,.md-editor>.md-header{background:#f5f5f5} */
.md-editor .md-footer,
.md-editor > .md-header {
    background: var(--adaptive-card-bg) !important;
    background-color: var(--adaptive-card-bg) !important;
}

/* Override: .md-editor>.md-preview{background:#fff} */
.md-editor > .md-preview {
    background: var(--adaptive-card-bg) !important;
    background-color: var(--adaptive-card-bg) !important;
    border-top: 1px dashed var(--adaptive-border) !important;
    border-bottom: 1px dashed var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Override: .md-editor>textarea{background:#eee} */
.md-editor > textarea {
    background: var(--adaptive-background-light) !important;
    background-color: var(--adaptive-background-light) !important;
    border-top: 1px dashed var(--adaptive-border) !important;
    border-bottom: 1px dashed var(--adaptive-border) !important;
    color: var(--adaptive-text) !important;
}

/* Override: .md-editor>textarea:focus{background:#fff} */
.md-editor > textarea:focus {
    background: var(--adaptive-background-light) !important;
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
}

/* Override: .md-editor.active{border-color:#66afe9} */
.md-editor.active {
    border-color: var(--adaptive-primary) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 121, 242, 0.4) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 121, 242, 0.4) !important;
}

/* Override: .md-editor .md-controls .md-control{color:#bebebe} */
.md-editor .md-controls .md-control {
    color: var(--adaptive-text-light) !important;
}

/* Override: .md-editor .md-controls .md-control:hover{color:#333} */
.md-editor .md-controls .md-control:hover {
    color: var(--adaptive-primary) !important;
}

/* Override fullscreen mode styles */
.md-editor.md-fullscreen-mode {
    background: var(--adaptive-background) !important;
    background-color: var(--adaptive-background) !important;
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
    background: var(--adaptive-background-light) !important;
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
}

.md-editor.md-fullscreen-mode .md-preview {
    color: var(--adaptive-text) !important;
}

.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
    color: var(--adaptive-text) !important;
    background: var(--adaptive-background-light) !important;
    background-color: var(--adaptive-background-light) !important;
}

.md-editor.md-fullscreen-mode .btn {
    color: var(--adaptive-text-light) !important;
}

.md-editor.md-fullscreen-mode .btn.active,
.md-editor.md-fullscreen-mode .btn:active,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn:hover {
    color: var(--adaptive-primary) !important;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    color: var(--adaptive-text-light) !important;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    color: var(--adaptive-primary) !important;
}

/* Additional specificity for stubborn elements */
body .md-editor,
html .md-editor {
    background-color: var(--adaptive-background-light) !important;
}

body .md-editor > .md-header,
html .md-editor > .md-header {
    background-color: var(--adaptive-card-bg) !important;
}

body .md-editor > textarea,
html .md-editor > textarea {
    background-color: var(--adaptive-background-light) !important;
    color: var(--adaptive-text) !important;
}

body .md-editor > .md-preview,
html .md-editor > .md-preview {
    background-color: var(--adaptive-card-bg) !important;
    color: var(--adaptive-text) !important;
}