/* ================================================
   RCA2 DARK THEME
   Overrides Tailwind utility classes when [data-theme="dark"]
   ================================================ */

/* ================================================
   CSS VARIABLES (matching main theme.css)
   ================================================ */
[data-theme="dark"] {
    --rca2-bg-primary: #1a1d24;
    --rca2-bg-secondary: #22262f;
    --rca2-bg-card: #2a2f3a;
    --rca2-bg-input: #333945;
    --rca2-bg-hover: #3c4250;
    
    --rca2-text-primary: #f5f5f5;
    --rca2-text-secondary: #e0e0e0;
    --rca2-text-muted: #a0a0a0;
    --rca2-text-light: #808080;
    
    --rca2-border-color: #404552;
    --rca2-border-light: #363b47;
    
    --rca2-accent-primary: #ef5350;
    --rca2-accent-success: #81c784;
    --rca2-accent-warning: #ffd54f;
    --rca2-accent-danger: #e57373;
    --rca2-accent-info: #64b5f6;
}

/* ================================================
   BODY & PAGE BACKGROUND
   ================================================ */
[data-theme="dark"] body {
    background-color: #1a1d24 !important;
}

[data-theme="dark"] .min-h-screen {
    background-color: #1a1d24 !important;
}

[data-theme="dark"] .bg-gradient-to-br {
    background: linear-gradient(to bottom right, #1a1d24, #22262f) !important;
}

/* ================================================
   BACKGROUND COLOR OVERRIDES
   ================================================ */

/* White backgrounds -> Dark card */
[data-theme="dark"] .bg-white {
    background-color: #2a2f3a !important;
}

/* Gray backgrounds */
[data-theme="dark"] .bg-gray-50 {
    background-color: #22262f !important;
}

[data-theme="dark"] .bg-gray-100 {
    background-color: #333945 !important;
}

[data-theme="dark"] .bg-gray-200 {
    background-color: #3c4250 !important;
}

/* Red/Primary backgrounds */
[data-theme="dark"] .bg-red-50,
[data-theme="dark"] .bg-primary-light {
    background-color: rgba(239, 83, 80, 0.15) !important;
}

[data-theme="dark"] .bg-red-100 {
    background-color: rgba(239, 83, 80, 0.2) !important;
}

/* Blue backgrounds */
[data-theme="dark"] .bg-blue-50 {
    background-color: rgba(100, 181, 246, 0.15) !important;
}

[data-theme="dark"] .bg-blue-100 {
    background-color: rgba(100, 181, 246, 0.2) !important;
}

/* Green backgrounds */
[data-theme="dark"] .bg-green-50 {
    background-color: rgba(129, 199, 132, 0.15) !important;
}

[data-theme="dark"] .bg-green-100 {
    background-color: rgba(129, 199, 132, 0.2) !important;
}

/* Amber/Yellow backgrounds */
[data-theme="dark"] .bg-amber-50 {
    background-color: rgba(255, 213, 79, 0.15) !important;
}

[data-theme="dark"] .bg-amber-100 {
    background-color: rgba(255, 213, 79, 0.2) !important;
}

/* Purple backgrounds */
[data-theme="dark"] .bg-purple-50 {
    background-color: rgba(149, 117, 205, 0.15) !important;
}

[data-theme="dark"] .bg-purple-100 {
    background-color: rgba(149, 117, 205, 0.2) !important;
}

/* Purple borders */
[data-theme="dark"] .border-purple-200 {
    border-color: rgba(149, 117, 205, 0.3) !important;
}

/* Purple text */
[data-theme="dark"] .text-purple-500 {
    color: #b39ddb !important;
}

[data-theme="dark"] .text-purple-700 {
    color: #d1c4e9 !important;
}

/* ================================================
   TEXT COLOR OVERRIDES
   ================================================ */

[data-theme="dark"] .text-gray-900 {
    color: #f5f5f5 !important;
}

[data-theme="dark"] .text-gray-800 {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .text-gray-700 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .text-gray-600 {
    color: #c0c0c0 !important;
}

[data-theme="dark"] .text-gray-500 {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .text-gray-400 {
    color: #909090 !important;
}

/* Ensure headings and paragraphs are readable */
[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6 {
    color: #f5f5f5 !important;
}

[data-theme="dark"] p {
    color: #e0e0e0 !important;
}

[data-theme="dark"] label {
    color: #e0e0e0 !important;
}

[data-theme="dark"] span {
    color: #e0e0e0;
}

/* Generic font-medium elements */
[data-theme="dark"] .font-medium {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .font-semibold {
    color: #f5f5f5 !important;
}

[data-theme="dark"] .font-bold {
    color: #f5f5f5 !important;
}

/* Default text color for dark mode */
[data-theme="dark"] div {
    color: #e0e0e0;
}

/* Step labels */
[data-theme="dark"] .step-label {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .step-label.active {
    color: #ef5350 !important;
}

[data-theme="dark"] .step-label.completed {
    color: #81c784 !important;
}

/* Generic text size classes - ensure readable in dark mode */
[data-theme="dark"] .text-xs,
[data-theme="dark"] .text-sm {
    color: #c0c0c0;
}

[data-theme="dark"] .text-base,
[data-theme="dark"] .text-lg,
[data-theme="dark"] .text-xl,
[data-theme="dark"] .text-2xl {
    color: #e0e0e0;
}

/* Specific color classes should override the size-based colors */
/* Blue text */
[data-theme="dark"] .text-blue-500,
[data-theme="dark"] .text-blue-600,
[data-theme="dark"] .text-blue-700,
[data-theme="dark"] .text-blue-800 {
    color: #64b5f6 !important;
}

/* Red text */
[data-theme="dark"] .text-red-500,
[data-theme="dark"] .text-red-600 {
    color: #ef5350 !important;
}

/* Green text */
[data-theme="dark"] .text-green-500,
[data-theme="dark"] .text-green-600,
[data-theme="dark"] .text-green-700,
[data-theme="dark"] .text-green-800 {
    color: #81c784 !important;
}

/* Amber text */
[data-theme="dark"] .text-amber-500,
[data-theme="dark"] .text-amber-600 {
    color: #ffd54f !important;
}

/* Purple text */
[data-theme="dark"] .text-purple-600 {
    color: #b39ddb !important;
}

/* ================================================
   BORDER COLOR OVERRIDES
   ================================================ */

[data-theme="dark"] .border-gray-100 {
    border-color: #363b47 !important;
}

[data-theme="dark"] .border-gray-200 {
    border-color: #404552 !important;
}

[data-theme="dark"] .border-gray-300 {
    border-color: #505664 !important;
}

[data-theme="dark"] .border-blue-100 {
    border-color: rgba(100, 181, 246, 0.3) !important;
}

[data-theme="dark"] .border-red-200 {
    border-color: rgba(239, 83, 80, 0.3) !important;
}

/* ================================================
   FORM INPUTS & SELECTS
   ================================================ */

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select {
    background-color: #333945 !important;
    color: #f5f5f5 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #808080 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-select:focus {
    border-color: #ef5350 !important;
    box-shadow: 0 0 0 2px rgba(239, 83, 80, 0.12) !important;
}

/* Error state for inputs (validation errors) */
[data-theme="dark"] input.error,
[data-theme="dark"] input.border-red-500,
[data-theme="dark"] textarea.error,
[data-theme="dark"] textarea.border-red-500,
[data-theme="dark"] .form-input.error {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
    /* No box-shadow - border is enough */
    color: #f5f5f5 !important;
}

/* Select error state - keep dark background, only change border */
[data-theme="dark"] select.error,
[data-theme="dark"] select.border-red-500,
[data-theme="dark"] .form-select.error {
    background-color: #333945 !important;
    border-color: #ef4444 !important;
    /* No box-shadow - cleaner */
    color: #f5f5f5 !important;
}

/* Select options should always be readable */
[data-theme="dark"] select.error option,
[data-theme="dark"] select.border-red-500 option,
[data-theme="dark"] .form-select.error option {
    background-color: #333945 !important;
    color: #f5f5f5 !important;
}

[data-theme="dark"] input.error::placeholder,
[data-theme="dark"] input.border-red-500::placeholder {
    color: #f87171 !important;
}

/* Ring utility overrides for error state */
[data-theme="dark"] .ring-red-200 {
    --tw-ring-color: rgba(239, 68, 68, 0.4) !important;
}

[data-theme="dark"] .border-red-500 {
    border-color: #ef4444 !important;
}

/* Select dropdown arrow for dark mode */
[data-theme="dark"] select,
[data-theme="dark"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a0a0a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
}

/* Input disabled state */
[data-theme="dark"] input:disabled,
[data-theme="dark"] select:disabled,
[data-theme="dark"] textarea:disabled {
    background-color: #22262f !important;
    color: #808080 !important;
    opacity: 0.7;
}

/* ================================================
   RADIO CARDS
   ================================================ */

[data-theme="dark"] .radio-card {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
}

/* Icons neutral gray by default */
[data-theme="dark"] .radio-card .w-10,
[data-theme="dark"] .radio-card .w-8 {
    color: #909090 !important;
}

[data-theme="dark"] .radio-card:not(.selected):hover {
    border-color: #707580 !important;
    background-color: #333945 !important;
}

/* Selected state - clean, minimal (no box-shadow) */
[data-theme="dark"] .radio-card.selected {
    border-color: #ef5350 !important;
    background-color: #2a2f3a !important;
}

/* Icon turns accent color when selected */
[data-theme="dark"] .radio-card.selected .w-10,
[data-theme="dark"] .radio-card.selected .w-8 {
    color: #ef5350 !important;
}

[data-theme="dark"] .radio-card.selected:hover {
    background-color: rgba(239, 83, 80, 0.1) !important;
}

[data-theme="dark"] .radio-card .font-medium {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .radio-card .text-sm {
    color: #a0a0a0 !important;
}

/* Radio card icon backgrounds */
[data-theme="dark"] .radio-card .bg-gray-100 {
    background-color: #3c4250 !important;
}

[data-theme="dark"] .radio-card.selected .bg-red-100,
[data-theme="dark"] .radio-card.selected .bg-primary-light {
    background-color: rgba(239, 83, 80, 0.2) !important;
}

/* ================================================
   PERSON CARDS
   ================================================ */

[data-theme="dark"] .person-card {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
}

/* Person card icons neutral by default */
[data-theme="dark"] .person-card .w-12 {
    color: #909090 !important;
}

[data-theme="dark"] .person-card:hover {
    border-color: #707580 !important;
}

[data-theme="dark"] .person-card.selected {
    border-color: #ef5350 !important;
    background-color: #2a2f3a !important;
}

[data-theme="dark"] .person-card.selected .w-12 {
    color: #ef5350 !important;
}

[data-theme="dark"] .person-card.selected:hover {
    background-color: rgba(239, 83, 80, 0.1) !important;
}

[data-theme="dark"] .person-card .font-medium {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .person-card .text-sm {
    color: #a0a0a0 !important;
}

/* Person card buttons - keep white text */
[data-theme="dark"] .person-card .select-person-btn {
    color: white !important;
}

/* Person card avatar backgrounds */
[data-theme="dark"] .person-card .bg-blue-100 {
    background-color: rgba(100, 181, 246, 0.2) !important;
}

[data-theme="dark"] .person-card .bg-purple-100 {
    background-color: rgba(149, 117, 205, 0.2) !important;
}

/* ================================================
   OFFER CARDS
   ================================================ */

[data-theme="dark"] .offer-card {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .offer-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .offer-card.cheapest {
    border-color: #81c784 !important;
    /* No box-shadow - cleaner look */
}

[data-theme="dark"] .offer-card.no-offer {
    background-color: #22262f !important;
    opacity: 0.5;
}

/* Insurer logos - add light background for visibility */
[data-theme="dark"] .offer-card .insurer-logo-container,
[data-theme="dark"] .offer-card .insurer-logo-mobile {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
}

[data-theme="dark"] .offer-card .insurer-logo-container img,
[data-theme="dark"] .offer-card .insurer-logo-mobile img {
    filter: none !important;
}

/* Desktop: Larger logo container */
@media (min-width: 768px) {
    [data-theme="dark"] .offer-card .insurer-logo-container {
        width: 140px !important;
        height: 50px !important;
        min-width: 140px !important;
    }
    
    [data-theme="dark"] .offer-card .insurer-logo-container img {
        max-height: 38px !important;
        max-width: 120px !important;
    }
}

/* ================================================
   ENTRY METHOD BUTTONS
   ================================================ */

[data-theme="dark"] .entry-method-btn {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
}

/* Icons neutral by default */
[data-theme="dark"] .entry-method-btn i:first-child {
    color: #909090 !important;
}

[data-theme="dark"] .entry-method-btn:hover {
    border-color: #707580 !important;
    background-color: #333945 !important;
}

/* Selected - clean, no gradient, no box-shadow */
[data-theme="dark"] .entry-method-btn.selected {
    border-color: #81c784 !important;
    background-color: #2a2f3a !important;
}

[data-theme="dark"] .entry-method-btn.selected i:first-child {
    color: #81c784 !important;
}

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

[data-theme="dark"] .ocr-btn {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .ocr-btn:hover {
    border-color: #ef5350 !important;
    background-color: rgba(239, 83, 80, 0.1) !important;
}

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

/* Gray buttons */
[data-theme="dark"] .bg-gray-100.hover\:bg-gray-200,
[data-theme="dark"] button.bg-gray-100,
[data-theme="dark"] a.bg-gray-100 {
    background-color: #3c4250 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .bg-gray-100.hover\:bg-gray-200:hover,
[data-theme="dark"] button.bg-gray-100:hover,
[data-theme="dark"] a.bg-gray-100:hover {
    background-color: #4a5060 !important;
}

/* Download offer button */
[data-theme="dark"] #btn-download-offer {
    background-color: #3c4250 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] #btn-download-offer:hover {
    background-color: #4a5060 !important;
}

/* Period/Sort buttons */
[data-theme="dark"] .btn-period {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .btn-period:hover {
    background-color: #333945 !important;
}

[data-theme="dark"] .btn-period.active,
[data-theme="dark"] .btn-period.selected {
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #ffffff !important;
}

/* Sort buttons - active state (red when selected) */
[data-theme="dark"] .sort-btn.bg-primary {
    background-color: #ef5350 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .sort-btn.bg-gray-100 {
    background-color: #3c4250 !important;
    color: #e0e0e0 !important;
}

/* Select offer buttons */
[data-theme="dark"] .btn-select-offer {
    background-color: #ef5350 !important;
    color: #ffffff !important;
}

/* ================================================
   WIZARD STEPS
   ================================================ */

[data-theme="dark"] .step-indicator {
    background-color: #3c4250 !important;
    color: #a0a0a0 !important;
}

[data-theme="dark"] .step-indicator.active {
    background-color: #ef5350 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .step-indicator.completed {
    background-color: #81c784 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .step-indicator.completed:hover {
    box-shadow: 0 0 0 3px rgba(129, 199, 132, 0.3) !important;
}

[data-theme="dark"] .step-line {
    background-color: #505664 !important;
}

[data-theme="dark"] .step-line.completed {
    background-color: #81c784 !important;
}

[data-theme="dark"] .step-text {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .step-text.active {
    color: #f0f0f0 !important;
}

/* Progress steps container */
[data-theme="dark"] #progress-steps {
    background-color: #22262f !important;
    border-color: #404552 !important;
}

[data-theme="dark"] .step-text.completed {
    color: #81c784 !important;
}

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

/* Modal overlay already black, no change needed */

/* Modal content */
[data-theme="dark"] #payment-modal > div,
[data-theme="dark"] #vehicle-confirm-modal > div,
[data-theme="dark"] #special-plate-modal > div,
[data-theme="dark"] #primarie-status-modal > div,
[data-theme="dark"] #unregistered-type-modal > div,
[data-theme="dark"] #select-owner-modal > div {
    background-color: #2a2f3a !important;
}

/* Modal headers */
[data-theme="dark"] #payment-modal .border-b,
[data-theme="dark"] #vehicle-confirm-modal .border-b,
[data-theme="dark"] #special-plate-modal .border-b,
[data-theme="dark"] #primarie-status-modal .border-b,
[data-theme="dark"] #unregistered-type-modal .border-b,
[data-theme="dark"] #select-owner-modal .border-b {
    border-color: #404552 !important;
}

/* Modal footers */
[data-theme="dark"] #payment-modal .border-t,
[data-theme="dark"] #vehicle-confirm-modal .border-t,
[data-theme="dark"] #special-plate-modal .border-t,
[data-theme="dark"] #primarie-status-modal .border-t,
[data-theme="dark"] #unregistered-type-modal .border-t,
[data-theme="dark"] #select-owner-modal .border-t {
    border-color: #404552 !important;
}

/* Modal title text */
[data-theme="dark"] #payment-modal h3,
[data-theme="dark"] #vehicle-confirm-modal h3,
[data-theme="dark"] #special-plate-modal h3,
[data-theme="dark"] #primarie-status-modal h3,
[data-theme="dark"] #unregistered-type-modal h3,
[data-theme="dark"] #select-owner-modal h3 {
    color: #f5f5f5 !important;
}

/* Modal gray boxes */
[data-theme="dark"] #payment-modal .bg-gray-50,
[data-theme="dark"] #vehicle-confirm-modal .bg-gray-50 {
    background-color: #333945 !important;
}

/* Modal choice buttons (in special plate modal, etc.) */
[data-theme="dark"] #btn-plate-primarie,
[data-theme="dark"] #btn-plate-rosii,
[data-theme="dark"] #btn-primarie-registered,
[data-theme="dark"] #btn-primarie-pending,
[data-theme="dark"] #btn-prima-inmatriculare,
[data-theme="dark"] #btn-transfer-proprietate {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
}

[data-theme="dark"] #btn-plate-primarie:hover {
    border-color: #ffd54f !important;
    background-color: rgba(255, 213, 79, 0.1) !important;
}

[data-theme="dark"] #btn-plate-rosii:hover {
    border-color: #ef5350 !important;
    background-color: rgba(239, 83, 80, 0.1) !important;
}

[data-theme="dark"] #btn-primarie-registered:hover,
[data-theme="dark"] #btn-prima-inmatriculare:hover {
    border-color: #81c784 !important;
    background-color: rgba(129, 199, 132, 0.1) !important;
}

[data-theme="dark"] #btn-primarie-pending:hover,
[data-theme="dark"] #btn-transfer-proprietate:hover {
    border-color: #ffd54f !important;
    background-color: rgba(255, 213, 79, 0.1) !important;
}

/* Modal button text */
[data-theme="dark"] #btn-plate-primarie .font-semibold,
[data-theme="dark"] #btn-plate-rosii .font-semibold,
[data-theme="dark"] #btn-primarie-registered .font-semibold,
[data-theme="dark"] #btn-primarie-pending .font-semibold,
[data-theme="dark"] #btn-prima-inmatriculare .font-semibold,
[data-theme="dark"] #btn-transfer-proprietate .font-semibold {
    color: #f0f0f0 !important;
}

/* Select owner modal - owner cards */
[data-theme="dark"] #select-owner-list .person-card,
[data-theme="dark"] #select-owner-list .select-owner-btn,
[data-theme="dark"] #select-owner-list > div {
    background-color: #333945 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] #select-owner-list .person-card:hover,
[data-theme="dark"] #select-owner-list .select-owner-btn:hover,
[data-theme="dark"] #select-owner-list > div:hover,
[data-theme="dark"] #select-owner-modal .select-owner-btn:hover,
[data-theme="dark"] #select-owner-modal .select-owner-btn.hover\:bg-purple-50:hover {
    background-color: #3c4250 !important;
    border-color: #a78bfa !important;
}

/* Select owner modal - override Tailwind hover states */
[data-theme="dark"] #select-owner-modal button.select-owner-btn:hover {
    background-color: #3c4250 !important;
    border-color: #a78bfa !important;
}

/* Select owner modal - text colors */
[data-theme="dark"] #select-owner-modal p.text-gray-500 {
    color: #9ca3af !important;
}

[data-theme="dark"] #select-owner-modal .select-owner-btn .text-gray-900,
[data-theme="dark"] #select-owner-modal .select-owner-btn span.font-semibold {
    color: #f0f0f0 !important;
}

[data-theme="dark"] #select-owner-modal .select-owner-btn .text-gray-500,
[data-theme="dark"] #select-owner-modal .select-owner-btn span.text-xs {
    color: #9ca3af !important;
}

[data-theme="dark"] #select-owner-modal .select-owner-btn .bg-gray-100 {
    background-color: #404552 !important;
}

[data-theme="dark"] #select-owner-modal .select-owner-btn .text-gray-500 i {
    color: #9ca3af !important;
}

/* Select owner modal - X close button */
[data-theme="dark"] #btn-close-owner-modal {
    color: #9ca3af !important;
}

[data-theme="dark"] #btn-close-owner-modal:hover {
    background-color: #404552 !important;
    color: #f0f0f0 !important;
}

/* Select owner modal - vehicle info box */
[data-theme="dark"] #owner-modal-vehicle-info {
    background-color: rgba(59, 130, 246, 0.15) !important;
}

[data-theme="dark"] #owner-modal-vehicle-info .text-blue-700,
[data-theme="dark"] #owner-modal-vehicle-text {
    color: #93c5fd !important;
}

[data-theme="dark"] #owner-modal-vehicle-info .text-blue-500 {
    color: #60a5fa !important;
}

/* Select owner modal - footer buttons */
[data-theme="dark"] #btn-keep-owner {
    background-color: #404552 !important;
    color: #d1d5db !important;
}

[data-theme="dark"] #btn-keep-owner:hover {
    background-color: #4a5061 !important;
}

/* ================================================
   CAMERA MODAL
   ================================================ */

[data-theme="dark"] #camera-modal {
    background-color: #000000 !important;
}

[data-theme="dark"] .camera-header {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

[data-theme="dark"] .camera-controls {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

/* ================================================
   INFO BANNERS & ALERTS
   ================================================ */

/* Red/Primary info banner */
[data-theme="dark"] .bg-gradient-to-r.from-red-50 {
    background: linear-gradient(to right, rgba(239, 83, 80, 0.15), rgba(239, 83, 80, 0.1)) !important;
    border-color: rgba(239, 83, 80, 0.3) !important;
}

/* Red alert box (e.g., high risk warning) */
[data-theme="dark"] .bg-red-50.border-red-200,
[data-theme="dark"] .bg-red-50.border {
    background-color: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .bg-red-50 .text-red-800,
[data-theme="dark"] .bg-red-50 .text-red-700 {
    color: #fca5a5 !important;
}

[data-theme="dark"] .bg-red-50 .text-red-500 {
    color: #f87171 !important;
}

[data-theme="dark"] .bg-red-50 a {
    color: #fca5a5 !important;
}

/* Blue info banner */
[data-theme="dark"] .bg-blue-50.border-blue-100,
[data-theme="dark"] .bg-blue-50.border {
    background-color: rgba(100, 181, 246, 0.15) !important;
    border-color: rgba(100, 181, 246, 0.3) !important;
}

[data-theme="dark"] .bg-blue-50 .text-blue-700,
[data-theme="dark"] .bg-blue-50 .text-blue-600 {
    color: #90caf9 !important;
}

[data-theme="dark"] .bg-blue-50 .text-blue-500 {
    color: #64b5f6 !important;
}

/* Green info banner */
[data-theme="dark"] .bg-green-50.border-green-100,
[data-theme="dark"] .bg-green-50.border-green-200 {
    background-color: rgba(129, 199, 132, 0.15) !important;
    border-color: rgba(129, 199, 132, 0.3) !important;
}

[data-theme="dark"] .border-green-200 {
    border-color: rgba(129, 199, 132, 0.3) !important;
}

[data-theme="dark"] .bg-green-50 .text-green-800,
[data-theme="dark"] .bg-green-50 .text-green-700,
[data-theme="dark"] .bg-green-50 .text-green-600 {
    color: #a5d6a7 !important;
}

/* Amber/Yellow info banner */
[data-theme="dark"] .bg-amber-50.border-amber-100 {
    background-color: rgba(255, 213, 79, 0.15) !important;
    border-color: rgba(255, 213, 79, 0.3) !important;
}

[data-theme="dark"] .bg-amber-50 .text-amber-700,
[data-theme="dark"] .bg-amber-50 .text-amber-600 {
    color: #ffe082 !important;
}

/* Decontare info box */
[data-theme="dark"] #decontare-info {
    background-color: rgba(100, 181, 246, 0.15) !important;
    border-color: rgba(100, 181, 246, 0.3) !important;
}

[data-theme="dark"] #decontare-info .text-blue-700 {
    color: #90caf9 !important;
}

/* Leasing info box */
[data-theme="dark"] #leasing-info-box {
    background-color: rgba(149, 117, 205, 0.15) !important;
    border-color: rgba(149, 117, 205, 0.3) !important;
}

[data-theme="dark"] #leasing-info-box .text-purple-700,
[data-theme="dark"] #leasing-info-box .text-sm {
    color: #d1c4e9 !important;
}

[data-theme="dark"] #leasing-info-box .text-purple-500,
[data-theme="dark"] #leasing-info-box i {
    color: #b39ddb !important;
}

[data-theme="dark"] #leasing-info-box strong {
    color: #e1bee7 !important;
}

/* ================================================
   NOTIFICATIONS (Toast-like)
   ================================================ */

[data-theme="dark"] .notification {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Success stays green gradient */
/* Error stays red gradient */
/* These are fine as-is since they have their own backgrounds */

/* ================================================
   STREET SUGGESTIONS DROPDOWN
   ================================================ */

[data-theme="dark"] #street-suggestions {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] #street-suggestions li {
    color: #e0e0e0 !important;
}

[data-theme="dark"] #street-suggestions li:hover,
[data-theme="dark"] #street-suggestions li.bg-primary-light {
    background-color: rgba(239, 83, 80, 0.15) !important;
    color: #ef5350 !important;
}

/* ================================================
   JQUERY UI AUTOCOMPLETE
   ================================================ */

[data-theme="dark"] .ui-autocomplete {
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .ui-menu-item {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .ui-menu-item:hover,
[data-theme="dark"] .ui-state-active,
[data-theme="dark"] .ui-menu-item.ui-state-focus {
    background-color: rgba(239, 83, 80, 0.15) !important;
    color: #ef5350 !important;
}

[data-theme="dark"] .ui-menu .ui-menu-item-wrapper {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: rgba(239, 83, 80, 0.15) !important;
    color: #ef5350 !important;
    border: none !important;
}

/* ================================================
   FLATPICKR DATE PICKER - DARK MODE
   ================================================ */

[data-theme="dark"] .flatpickr-calendar {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    border-radius: 16px !important;
}

[data-theme="dark"] .flatpickr-calendar.arrowTop:before,
[data-theme="dark"] .flatpickr-calendar.arrowTop:after,
[data-theme="dark"] .flatpickr-calendar.arrowBottom:before,
[data-theme="dark"] .flatpickr-calendar.arrowBottom:after {
    display: none !important;
}

[data-theme="dark"] .flatpickr-innerContainer {
    background: transparent !important;
}

[data-theme="dark"] .flatpickr-rContainer {
    background: transparent !important;
}

[data-theme="dark"] .flatpickr-days {
    background: transparent !important;
    border: none !important;
}

[data-theme="dark"] .dayContainer {
    background: transparent !important;
}

[data-theme="dark"] .flatpickr-months {
    background: transparent !important;
    border-bottom: 1px solid #334155 !important;
    padding: 12px 8px !important;
}

[data-theme="dark"] .flatpickr-months .flatpickr-month {
    background: transparent !important;
    height: auto !important;
}

[data-theme="dark"] .flatpickr-month,
[data-theme="dark"] .flatpickr-current-month {
    color: #f1f5f9 !important;
    background: transparent !important;
}

/* Static month name (when monthSelectorType: 'static') */
[data-theme="dark"] .flatpickr-current-month .cur-month,
[data-theme="dark"] .flatpickr-current-month span.cur-month {
    color: #f1f5f9 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border: none !important;
}

[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months option {
    background: #1e293b !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .flatpickr-current-month input.cur-year {
    color: #64748b !important;
    background: transparent !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .flatpickr-current-month .numInputWrapper {
    background: transparent !important;
    border: none !important;
}

[data-theme="dark"] .numInputWrapper {
    background: transparent !important;
}

[data-theme="dark"] .numInputWrapper span {
    border: none !important;
    background: transparent !important;
}

[data-theme="dark"] .numInputWrapper span:hover {
    background: rgba(239, 68, 68, 0.2) !important;
}

[data-theme="dark"] .numInputWrapper span svg path {
    fill: #94a3b8 !important;
}

[data-theme="dark"] .flatpickr-weekdays {
    background: transparent !important;
    border-bottom: 1px solid #334155 !important;
    padding: 8px 0 !important;
}

[data-theme="dark"] .flatpickr-weekdaycontainer {
    background: transparent !important;
}

[data-theme="dark"] .flatpickr-weekday {
    color: #64748b !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
}

[data-theme="dark"] .flatpickr-day {
    color: #e2e8f0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
}

/* Override ALL default Flatpickr hover/focus states - DARK MODE */
[data-theme="dark"] .flatpickr-day:hover,
[data-theme="dark"] .flatpickr-day:focus,
[data-theme="dark"] .flatpickr-day.inRange,
[data-theme="dark"] .flatpickr-day.prevMonthDay:hover,
[data-theme="dark"] .flatpickr-day.nextMonthDay:hover,
[data-theme="dark"] .flatpickr-day.prevMonthDay:focus,
[data-theme="dark"] .flatpickr-day.nextMonthDay:focus,
[data-theme="dark"] .flatpickr-day.prevMonthDay.inRange,
[data-theme="dark"] .flatpickr-day.nextMonthDay.inRange,
[data-theme="dark"] .flatpickr-day.today.inRange,
[data-theme="dark"] .flatpickr-day.prevMonthDay.today.inRange,
[data-theme="dark"] .flatpickr-day.nextMonthDay.today.inRange {
    background: rgba(239, 68, 68, 0.2) !important;
    border: none !important;
    color: #f87171 !important;
    outline: 0 !important;
}

[data-theme="dark"] .flatpickr-day.today {
    background: #334155 !important;
    border: none !important;
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .flatpickr-day.today:hover,
[data-theme="dark"] .flatpickr-day.today:focus {
    background: rgba(239, 68, 68, 0.2) !important;
    border: none !important;
    color: #f87171 !important;
}

[data-theme="dark"] .flatpickr-day.selected,
[data-theme="dark"] .flatpickr-day.startRange,
[data-theme="dark"] .flatpickr-day.endRange,
[data-theme="dark"] .flatpickr-day.selected:hover,
[data-theme="dark"] .flatpickr-day.selected:focus,
[data-theme="dark"] .flatpickr-day.startRange:hover,
[data-theme="dark"] .flatpickr-day.endRange:hover,
[data-theme="dark"] .flatpickr-day.selected.inRange,
[data-theme="dark"] .flatpickr-day.startRange.inRange,
[data-theme="dark"] .flatpickr-day.endRange.inRange,
[data-theme="dark"] .flatpickr-day.selected.prevMonthDay,
[data-theme="dark"] .flatpickr-day.selected.nextMonthDay {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.5) !important;
}

[data-theme="dark"] .flatpickr-day.disabled,
[data-theme="dark"] .flatpickr-day.disabled:hover,
[data-theme="dark"] .flatpickr-day.disabled:focus,
[data-theme="dark"] .flatpickr-day.flatpickr-disabled,
[data-theme="dark"] .flatpickr-day.flatpickr-disabled:hover,
[data-theme="dark"] .flatpickr-day.flatpickr-disabled:focus,
[data-theme="dark"] .flatpickr-day.prevMonthDay,
[data-theme="dark"] .flatpickr-day.nextMonthDay,
[data-theme="dark"] .flatpickr-day.notAllowed,
[data-theme="dark"] .flatpickr-day.notAllowed.prevMonthDay,
[data-theme="dark"] .flatpickr-day.notAllowed.nextMonthDay {
    color: #475569 !important;
    background: transparent !important;
    border: none !important;
    cursor: not-allowed !important;
}

[data-theme="dark"] .flatpickr-prev-month,
[data-theme="dark"] .flatpickr-next-month {
    background: transparent !important;
    padding: 8px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .flatpickr-prev-month:hover,
[data-theme="dark"] .flatpickr-next-month:hover {
    background: #334155 !important;
}

[data-theme="dark"] .flatpickr-prev-month svg,
[data-theme="dark"] .flatpickr-next-month svg {
    fill: #94a3b8 !important;
    width: 12px !important;
    height: 12px !important;
}

[data-theme="dark"] .flatpickr-prev-month:hover svg,
[data-theme="dark"] .flatpickr-next-month:hover svg {
    fill: #f87171 !important;
}

/* Dark mode input field */
[data-theme="dark"] #inceput {
    background-color: #1e293b !important;
    border: 2px solid #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] #inceput:focus,
[data-theme="dark"] #inceput.flatpickr-input.active {
    border-color: #ef4444 !important;
    background-color: #0f172a !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

[data-theme="dark"] #inceput::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .numInputWrapper span {
    border-color: #505664 !important;
}

[data-theme="dark"] .numInputWrapper span:hover {
    background-color: rgba(239, 83, 80, 0.2) !important;
}

[data-theme="dark"] .numInputWrapper span svg path {
    fill: #a0a0a0 !important;
}

/* ================================================
   TOASTR
   ================================================ */

[data-theme="dark"] .toast {
    background-color: #2a2f3a !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .toast-success {
    background-color: #2e7d32 !important;
}

[data-theme="dark"] .toast-error {
    background-color: #c62828 !important;
}

[data-theme="dark"] .toast-warning {
    background-color: #e65100 !important;
}

[data-theme="dark"] .toast-info {
    background-color: #1565c0 !important;
}

/* Toast text - ensure white/light text on all toast types */
[data-theme="dark"] .toast-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .toast-message {
    color: #ffffff !important;
}

[data-theme="dark"] .toast-success .toast-title,
[data-theme="dark"] .toast-success .toast-message,
[data-theme="dark"] .toast-error .toast-title,
[data-theme="dark"] .toast-error .toast-message,
[data-theme="dark"] .toast-warning .toast-title,
[data-theme="dark"] .toast-warning .toast-message,
[data-theme="dark"] .toast-info .toast-title,
[data-theme="dark"] .toast-info .toast-message {
    color: #ffffff !important;
}

/* Toast close button */
[data-theme="dark"] .toast-close-button {
    color: #ffffff !important;
    opacity: 0.8 !important;
}

[data-theme="dark"] .toast-close-button:hover {
    opacity: 1 !important;
}

/* Toast progress bar */
[data-theme="dark"] .toast-progress {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Toast container */
[data-theme="dark"] #toast-container > div {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* ================================================
   CUSTOM RCA TOAST (.rca-toast)
   ================================================ */

/* Emerald/Success toast */
[data-theme="dark"] .rca-toast .bg-emerald-50 {
    background-color: rgba(16, 185, 129, 0.15) !important;
}

[data-theme="dark"] .rca-toast .border-emerald-200 {
    border-color: rgba(16, 185, 129, 0.3) !important;
}

[data-theme="dark"] .rca-toast .text-emerald-800 {
    color: #a7f3d0 !important;
}

[data-theme="dark"] .rca-toast .bg-emerald-500 {
    background-color: #10b981 !important;
}

/* Red/Error toast */
[data-theme="dark"] .rca-toast .bg-red-50 {
    background-color: rgba(239, 68, 68, 0.15) !important;
}

[data-theme="dark"] .rca-toast .border-red-200 {
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .rca-toast .text-red-800 {
    color: #fecaca !important;
}

[data-theme="dark"] .rca-toast .bg-red-500 {
    background-color: #ef4444 !important;
}

/* Blue/Info toast */
[data-theme="dark"] .rca-toast .bg-blue-50 {
    background-color: rgba(59, 130, 246, 0.15) !important;
}

[data-theme="dark"] .rca-toast .border-blue-200 {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

[data-theme="dark"] .rca-toast .text-blue-800 {
    color: #bfdbfe !important;
}

[data-theme="dark"] .rca-toast .bg-blue-500 {
    background-color: #3b82f6 !important;
}

/* Amber/Warning toast */
[data-theme="dark"] .rca-toast .bg-amber-50 {
    background-color: rgba(245, 158, 11, 0.15) !important;
}

[data-theme="dark"] .rca-toast .border-amber-200 {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .rca-toast .text-amber-800 {
    color: #fde68a !important;
}

[data-theme="dark"] .rca-toast .bg-amber-500 {
    background-color: #f59e0b !important;
}

/* Toast close button */
[data-theme="dark"] .rca-toast .toast-close .text-gray-400 {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .rca-toast .toast-close:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Toast progress bar background */
[data-theme="dark"] .rca-toast .bg-black\/5 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Toast shadow for dark mode */
[data-theme="dark"] .rca-toast > div {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

/* ================================================
   LOADING OVERLAY
   ================================================ */

[data-theme="dark"] .loading-overlay {
    background: rgba(26, 29, 36, 0.9) !important;
}

[data-theme="dark"] .loading-overlay .bg-white {
    background-color: #2a2f3a !important;
}

/* Spinner colors work fine as-is */

/* ================================================
   TOOLTIPS
   ================================================ */

[data-theme="dark"] .tooltip-content {
    background-color: #1a1d24 !important;
    color: #f0f0f0 !important;
    border: 1px solid #404552 !important;
}

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

[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #22262f;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #404552;
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #505664;
}

/* ================================================
   DIVIDERS (HR)
   ================================================ */

[data-theme="dark"] hr {
    border-color: #404552 !important;
}

/* ================================================
   SHADOWS
   ================================================ */

[data-theme="dark"] .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

/* ================================================
   CHEAPEST BADGE (On offer cards)
   ================================================ */

[data-theme="dark"] .cheapest-badge {
    background: linear-gradient(135deg, #66bb6a, #43a047) !important;
    box-shadow: 0 2px 8px rgba(102, 187, 106, 0.4) !important;
}

/* ================================================
   PRICE DISPLAY
   ================================================ */

[data-theme="dark"] .price-row .text-lg,
[data-theme="dark"] .price-row .text-xl,
[data-theme="dark"] .offer-card .font-bold {
    color: #f5f5f5 !important;
}

/* ================================================
   GRADIENT BACKGROUNDS
   ================================================ */

[data-theme="dark"] .from-gray-50.to-white,
[data-theme="dark"] .bg-gradient-to-b.from-gray-50 {
    background: linear-gradient(to bottom, #22262f, #1a1d24) !important;
}

/* ================================================
   RING/FOCUS STATES
   ================================================ */

[data-theme="dark"] .ring-2.ring-primary {
    --tw-ring-color: rgba(239, 83, 80, 0.5) !important;
}

[data-theme="dark"] .focus\:ring-primary:focus {
    --tw-ring-color: rgba(239, 83, 80, 0.5) !important;
}

/* ================================================
   SPECIFIC ELEMENT FIXES
   ================================================ */

/* Close button on modals */
[data-theme="dark"] #close-payment-modal,
[data-theme="dark"] .text-gray-400.hover\:text-gray-600 {
    color: #a0a0a0 !important;
}

[data-theme="dark"] #close-payment-modal:hover,
[data-theme="dark"] .text-gray-400.hover\:text-gray-600:hover {
    color: #e0e0e0 !important;
}

/* Price in payment modal */
[data-theme="dark"] #buy-pret {
    color: #ef5350 !important;
}

/* Font mono elements (VIN, CIV, etc.) */
[data-theme="dark"] .font-mono {
    color: #e0e0e0 !important;
}

/* Info icon colors in blue boxes */
[data-theme="dark"] .text-blue-500.fa-info-circle,
[data-theme="dark"] .fa-info-circle.text-blue-500 {
    color: #64b5f6 !important;
}

/* Divider lines in sections */
[data-theme="dark"] .divide-y > * + * {
    border-color: #404552 !important;
}

/* ================================================
   MAIN PAGE TITLE & SUBTITLE
   ================================================ */

[data-theme="dark"] #page-title {
    color: #f5f5f5 !important;
}

[data-theme="dark"] #page-subtitle {
    color: #a0a0a0 !important;
}

/* Progress text (offers loading) */
[data-theme="dark"] #progress-text,
[data-theme="dark"] .text-primary {
    color: #ef5350 !important;
}

/* ================================================
   THEME TOGGLE BUTTON POSITIONING FOR RCA2
   ================================================ */

/* Position theme toggle in bottom right, above any other buttons */
[data-theme="dark"] .theme-toggle-btn {
    background: #2a2f3a !important;
    border-color: #505664 !important;
}

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

@media (max-width: 640px) {
    [data-theme="dark"] .bg-white.rounded-2xl {
        background-color: #2a2f3a !important;
    }
    
    /* Radio card font handled in main stylesheet */
    
    /* Fix offer card price columns background on mobile dark mode */
    [data-theme="dark"] .offer-card .decontare-col.period-long:not(.hidden) {
        background: rgba(129, 199, 132, 0.15) !important;
    }
    
    [data-theme="dark"] .offer-card .decontare-col.period-short:not(.hidden) {
        background: transparent !important;
    }
    
    /* Fix offer card price text on mobile dark mode */
    [data-theme="dark"] .offer-card .price-row .text-lg,
    [data-theme="dark"] .offer-card .price-row .font-bold,
    [data-theme="dark"] .offer-card .price-row .text-gray-900,
    [data-theme="dark"] .offer-card .decontare-col .text-lg,
    [data-theme="dark"] .offer-card .decontare-col .font-bold,
    [data-theme="dark"] .offer-card .decontare-col .text-gray-900,
    [data-theme="dark"] .offer-card [id$="_6_nu"] .text-gray-900,
    [data-theme="dark"] .offer-card [id$="_12_nu"] .text-gray-900,
    [data-theme="dark"] .offer-card [id$="_6_da"] .text-gray-900,
    [data-theme="dark"] .offer-card [id$="_12_da"] .text-gray-900 {
        color: #f5f5f5 !important;
    }
}

/* ================================================
   CHECKOUT SCREEN - DARK MODE
   ================================================ */

[data-theme="dark"] #checkout-screen {
    background-color: #1e2128 !important;
}

/* Header */
[data-theme="dark"] #checkout-screen > .bg-white {
    background-color: #2a2f3a !important;
    border-color: #404552 !important;
}

/* Cards */
[data-theme="dark"] #checkout-screen .bg-white {
    background-color: #2a2f3a !important;
    border-color: #404552 !important;
}

/* Gray backgrounds */
[data-theme="dark"] #checkout-screen .bg-gray-50 {
    background-color: #333945 !important;
}

/* Borders */
[data-theme="dark"] #checkout-screen .border-gray-100,
[data-theme="dark"] #checkout-screen .border-gray-200 {
    border-color: #404552 !important;
}

/* Text colors */
[data-theme="dark"] #checkout-screen .text-gray-900 {
    color: #f0f0f0 !important;
}

[data-theme="dark"] #checkout-screen .text-gray-700 {
    color: #d0d0d0 !important;
}

[data-theme="dark"] #checkout-screen .text-gray-600 {
    color: #a0a0a0 !important;
}

[data-theme="dark"] #checkout-screen .text-gray-500 {
    color: #909090 !important;
}

[data-theme="dark"] #checkout-screen .text-gray-400 {
    color: #707070 !important;
}

[data-theme="dark"] #checkout-price {
    color: #f5f5f5 !important;
}

/* Decontare badge */
[data-theme="dark"] #checkout-decontare-badge {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #86efac !important;
}

/* Red accent backgrounds */
[data-theme="dark"] #checkout-screen .bg-red-100 {
    background-color: rgba(220, 38, 38, 0.2) !important;
}

/* Accordion triggers */
[data-theme="dark"] .checkout-accordion-trigger:hover {
    background-color: #333945 !important;
}

[data-theme="dark"] .checkout-accordion-trigger .font-medium {
    color: #f0f0f0 !important;
}

/* Download link */
[data-theme="dark"] #btn-download-offer {
    color: #909090 !important;
}

[data-theme="dark"] #btn-download-offer:hover {
    color: var(--primary-color) !important;
}

/* ================================================
   PRINT - Force light theme
   ================================================ */

@media print {
    [data-theme="dark"] * {
        background: white !important;
        color: black !important;
    }
}