/* ========================================
    DARK MODE BRAND CUSTOMIZATION
    Brand Colors: #667eea, #764ba2, #f093fb
    ======================================== */

[data-bs-theme="dark"] {
    /* Override Bootstrap dark mode colors with brand palette */
    --bs-primary: #667eea;
    --bs-primary-rgb: 102, 126, 234;
    --bs-link-color: #9d8df1;
    --bs-link-hover-color: #b8acf6;
    
    /* Deep navy gradient backgrounds */
    --bs-body-bg: #1a1a2e;
    --bs-body-bg-rgb: 26, 26, 46;
    --bs-secondary-bg: #16213e;
    --bs-secondary-bg-rgb: 22, 33, 62;
    --bs-tertiary-bg: #1f2b47;
    --bs-tertiary-bg-rgb: 31, 43, 71;
    
    /* Text colors for dark mode */
    --bs-body-color: #e0dce8;
    --bs-body-color-rgb: 224, 220, 232;
    --bs-secondary-color: rgba(224, 220, 232, 0.75);
    --bs-heading-color: #f5f3fa;
    
    /* Border colors with purple tint */
    --bs-border-color: rgba(102, 126, 234, 0.15);
    --bs-border-color-translucent: rgba(102, 126, 234, 0.1);
    
    /* Card and panel backgrounds */
    --dc-panel-bg: #16213e;
    --dc-card-bg: #16213e;
}

/* Body gradient background */
[data-bs-theme="dark"] body {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    background-attachment: fixed;
}

/* Primary button with brand gradient */
[data-bs-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

[data-bs-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, #5a6fd6 0%, #6a4190 100%);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
    transform: translateY(-1px);
}

/* Outline buttons */
[data-bs-theme="dark"] .btn-outline-primary {
    color: #9d8df1;
    border-color: #667eea;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: transparent;
    color: #fff;
}

/* Generic outline button (e.g., Dashboard button in navbar) */
[data-bs-theme="dark"] .btn-outline {
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.3);
    background: transparent;
}

[data-bs-theme="dark"] .btn-outline:hover {
    background: rgba(102, 126, 234, 0.2);
    border-color: #667eea;
    color: #fff;
}

/* Cards with subtle brand border glow on hover */
[data-bs-theme="dark"] .card {
    background-color: var(--dc-card-bg);
    border-color: rgba(102, 126, 234, 0.1);
    transition: all 0.3s ease;
}

[data-bs-theme="dark"] .card:hover {
    border-color: rgba(102, 126, 234, 0.25);
    box-shadow: 0 0 30px rgba(102, 126, 234, 0.08);
}

/* Form controls */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: var(--bs-secondary-bg);
    border-color: rgba(102, 126, 234, 0.2);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
}

/* Links */
[data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.navbar-brand) {
    color: #9d8df1;
}

[data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.navbar-brand):hover {
    color: #f093fb;
}

/* Section backgrounds */
[data-bs-theme="dark"] .bg-light {
    background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .bg-body-secondary {
    background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .bg-body-tertiary {
    background-color: var(--bs-tertiary-bg) !important;
}

/* Text muted - white in dark mode */
[data-bs-theme="dark"] .text-muted {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Navbar sticky background */
[data-bs-theme="dark"] .navbar.navbar-sticky {
    background-color: rgba(26, 26, 46, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom-color: rgba(102, 126, 234, 0.1) !important;
}

/* Dropdown menus */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--bs-secondary-bg);
    border-color: rgba(102, 126, 234, 0.15);
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: rgba(102, 126, 234, 0.1);
}

/* Modals */
[data-bs-theme="dark"] .modal-content {
    background-color: var(--bs-secondary-bg);
    border-color: rgba(102, 126, 234, 0.15);
}

/* Accent gradient text utility */
.text-gradient-brand {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Subtle gradient border for featured elements */
.border-gradient-brand {
    position: relative;
    border: none !important;
}

.border-gradient-brand::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: inherit;
    pointer-events: none;
}

/* ========================================
    HOMEPAGE DARK MODE OVERRIDES
    Fix black text on dark backgrounds
    ======================================== */

/* Hero gradient - darker, muted version for dark mode */
[data-bs-theme="dark"] .hero-gradient {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1f1f3a 100%) !important;
}

/* Make hero background image more visible in dark mode */
[data-bs-theme="dark"] .hero-bg-parallax {
    opacity: 0.25 !important;
}

/* Add subtle brand accent to hero in dark mode */
[data-bs-theme="dark"] .hero-gradient::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.1) 50%, rgba(240, 147, 251, 0.08) 100%);
    pointer-events: none;
}

/* Page hero (contact, etc) - darker version */
[data-bs-theme="dark"] .page-hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1f1f3a 100%) !important;
}

[data-bs-theme="dark"] .page-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.15) 50%, rgba(240, 147, 251, 0.1) 100%);
    pointer-events: none;
    z-index: 1;
}

[data-bs-theme="dark"] .page-hero-content {
    position: relative;
    z-index: 2;
}

/* Final CTA section (pricing page) - same style as hero */
[data-bs-theme="dark"] .final-cta-section {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1f1f3a 100%) !important;
}

[data-bs-theme="dark"] .final-cta-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.15) 50%, rgba(240, 147, 251, 0.1) 100%);
    pointer-events: none;
    z-index: 1;
}

[data-bs-theme="dark"] .final-cta-section .container {
    position: relative;
    z-index: 2;
}

/* Make background image in final CTA more visible in dark mode */
[data-bs-theme="dark"] .final-cta-section > div:first-child {
    opacity: 0.2 !important;
}

/* Glass cards */
[data-bs-theme="dark"] .glass-card {
    background: rgba(22, 33, 62, 0.8) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
}

[data-bs-theme="dark"] .glass-card h5 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .glass-card p {
    color: rgba(224, 220, 232, 0.8) !important;
}

/* Benefit cards */
[data-bs-theme="dark"] .benefit-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .benefit-card h3 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .benefit-card p {
    color: rgba(224, 220, 232, 0.75) !important;
}

/* Section titles and descriptions */
[data-bs-theme="dark"] .section-title {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .section-description {
    color: rgba(224, 220, 232, 0.75) !important;
}

/* FAQ cards */
[data-bs-theme="dark"] .faq-modern .card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .faq-modern .card-header {
    background: transparent !important;
}

[data-bs-theme="dark"] .faq-modern .card-title {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .faq-modern .card-body {
    color: rgba(224, 220, 232, 0.85) !important;
}

/* Example pipeline cards */
[data-bs-theme="dark"] .example-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .example-card h5,
[data-bs-theme="dark"] .example-card h4,
[data-bs-theme="dark"] .example-card h3 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .example-card p {
    color: rgba(224, 220, 232, 0.75) !important;
}

/* Generic text fixes for dark mode */
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
    color: var(--bs-heading-color);
}

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

/* Fix any white backgrounds in sections */
[data-bs-theme="dark"] section {
    background-color: transparent !important;
}

[data-bs-theme="dark"] .bg-white {
    background-color: var(--bs-secondary-bg) !important;
}

/* ========================================
    CONTACT PAGE DARK MODE OVERRIDES
    ======================================== */

/* Modern form card */
[data-bs-theme="dark"] .modern-form-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .modern-form-card h3,
[data-bs-theme="dark"] .modern-form-card h4,
[data-bs-theme="dark"] .modern-form-card h5 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .modern-form-card .form-control {
    background: rgba(26, 26, 46, 0.8) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] .modern-form-card .form-control::placeholder {
    color: rgba(224, 220, 232, 0.5) !important;
}

[data-bs-theme="dark"] .modern-form-card .form-control:focus {
    background: rgba(26, 26, 46, 0.95) !important;
    border-color: #667eea !important;
}

/* Info card */
[data-bs-theme="dark"] .info-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .info-card h5,
[data-bs-theme="dark"] .info-card .bold {
    color: #f5f3fa !important;
}

/* Checklist card */
[data-bs-theme="dark"] .checklist-card {
    background: rgba(102, 126, 234, 0.1) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
}

[data-bs-theme="dark"] .checklist-card h5 {
    color: #f5f3fa !important;
}

/* Text classes override */
[data-bs-theme="dark"] .text-dark {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .text-secondary {
    color: rgba(224, 220, 232, 0.75) !important;
}

[data-bs-theme="dark"] .bold {
    color: #f5f3fa;
}

/* Form labels */
[data-bs-theme="dark"] label {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .form-text {
    color: rgba(157, 141, 241, 0.7) !important;
}

/* ========================================
    PRICING PAGE DARK MODE OVERRIDES
    ======================================== */

/* Modern cards (pricing cards) */
[data-bs-theme="dark"] .modern-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .modern-card h3,
[data-bs-theme="dark"] .modern-card h4,
[data-bs-theme="dark"] .modern-card h5 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .modern-card:hover {
    border-color: rgba(102, 126, 234, 0.3) !important;
}

/* Feature list inside cards */
[data-bs-theme="dark"] .feature-list li {
    border-bottom-color: rgba(102, 126, 234, 0.15) !important;
    color: #ffffff !important;
}

/* Example cards already covered, but ensure pricing page versions work */
[data-bs-theme="dark"] .example-card .badge-tag.primary {
    background: rgba(102, 126, 234, 0.2) !important;
    color: #9d8df1 !important;
}

[data-bs-theme="dark"] .example-card .badge-tag.success {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #34d399 !important;
}

[data-bs-theme="dark"] .example-card .badge-tag.info {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
}

[data-bs-theme="dark"] .example-card strong {
    color: #f5f3fa !important;
}

/* ========================================
    CTA SECTIONS DARK MODE OVERRIDES
    Match the testimonial section style
    Only target standalone section elements, not .cta-section divs inside cards
    ======================================== */

/* CTA sections with gradient background - only standalone sections */
[data-bs-theme="dark"] .section-modern[style*="gradient"],
[data-bs-theme="dark"] section.cta-section,
[data-bs-theme="dark"] section.cta-section-gradient {
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;
    border-top: none !important;
    position: relative;
}

[data-bs-theme="dark"] .section-modern[style*="gradient"]::before,
[data-bs-theme="dark"] section.cta-section::before,
[data-bs-theme="dark"] section.cta-section-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        repeating-linear-gradient(0deg, rgba(102, 126, 234, 0.05) 0px, rgba(102, 126, 234, 0.05) 1px, transparent 1px, transparent 40px),
        repeating-linear-gradient(90deg, rgba(102, 126, 234, 0.05) 0px, rgba(102, 126, 234, 0.05) 1px, transparent 1px, transparent 40px);
    pointer-events: none;
}

/* White button in CTA sections for dark mode - only standalone sections */
[data-bs-theme="dark"] .section-modern[style*="gradient"] .btn-gradient[style*="white"],
[data-bs-theme="dark"] section.cta-section .btn-white,
[data-bs-theme="dark"] section.cta-section-gradient .btn-white-cta {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="dark"] .section-modern[style*="gradient"] .btn-gradient[style*="white"]:hover,
[data-bs-theme="dark"] section.cta-section .btn-white:hover,
[data-bs-theme="dark"] section.cta-section-gradient .btn-white-cta:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* ========================================
    PRODUCTS PAGE DARK MODE OVERRIDES
    ======================================== */

/* Product cards */
[data-bs-theme="dark"] .product-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .product-card:hover {
    border-color: rgba(102, 126, 234, 0.3) !important;
}

[data-bs-theme="dark"] .product-card h3 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .product-card .industry-badge {
    background: rgba(102, 126, 234, 0.15) !important;
    color: #9d8df1 !important;
}

[data-bs-theme="dark"] .product-card-description {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"] .product-card-description strong {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .product-card .cta-section {
    border-top-color: rgba(102, 126, 234, 0.15) !important;
}

/* Gradient buttons - keep gradient style in dark mode */
[data-bs-theme="dark"] .btn-contact-product,
[data-bs-theme="dark"] .btn-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
}

[data-bs-theme="dark"] .btn-contact-product:hover,
[data-bs-theme="dark"] .btn-gradient:hover {
    background: linear-gradient(135deg, #5a6fd6 0%, #6a4190 100%) !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5) !important;
    color: white !important;
}

[data-bs-theme="dark"] .btn-read-more {
    color: #9d8df1 !important;
}

[data-bs-theme="dark"] .btn-read-more:hover {
    color: #f093fb !important;
}

/* How it works section */
[data-bs-theme="dark"] .how-it-works {
    background: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .how-it-works h3,
[data-bs-theme="dark"] .how-it-works h4 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .how-it-works-step p {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ========================================
    FREE TOOLS PAGE DARK MODE OVERRIDES
    ======================================== */

/* Tool cards */
[data-bs-theme="dark"] .tool-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .tool-card:hover {
    border-color: rgba(102, 126, 234, 0.3) !important;
}

[data-bs-theme="dark"] .tool-card h4 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .tool-card p {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"] .tool-card .tag {
    background: rgba(102, 126, 234, 0.2) !important;
    color: #9d8df1 !important;
}

/* ========================================
    FREE TOOL PAGES DARK MODE OVERRIDES
    Input/output sections, snippets, etc.
    ======================================== */

/* JSON/CSV input sections with light gradient */
[data-bs-theme="dark"] .json-input-section,
[data-bs-theme="dark"] .csv-input-section,
[data-bs-theme="dark"] .input-section,
[data-bs-theme="dark"] .tool-input-section {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
}

[data-bs-theme="dark"] .json-input-section h4,
[data-bs-theme="dark"] .csv-input-section h4,
[data-bs-theme="dark"] .input-section h4,
[data-bs-theme="dark"] .tool-input-section h4 {
    color: #f5f3fa !important;
}

/* Output sections */
[data-bs-theme="dark"] .json-output-section,
[data-bs-theme="dark"] .csv-output-section,
[data-bs-theme="dark"] .output-section,
[data-bs-theme="dark"] .tool-output-section {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
}

[data-bs-theme="dark"] .json-output-section h4,
[data-bs-theme="dark"] .csv-output-section h4,
[data-bs-theme="dark"] .output-section h4,
[data-bs-theme="dark"] .tool-output-section h4 {
    color: #f5f3fa !important;
}

/* Code snippets */
[data-bs-theme="dark"] .snippet {
    background: rgba(26, 26, 46, 0.8) !important;
    border-left-color: #667eea !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] .snippet-header {
    border-bottom-color: rgba(102, 126, 234, 0.2) !important;
}

/* Tool page cards/panels with white background */
[data-bs-theme="dark"] .tool-panel,
[data-bs-theme="dark"] .converter-card,
[data-bs-theme="dark"] .format-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

/* Textareas and inputs in tool pages */
[data-bs-theme="dark"] #htmlInput,
[data-bs-theme="dark"] #jsonInput,
[data-bs-theme="dark"] #csvInput,
[data-bs-theme="dark"] #output,
[data-bs-theme="dark"] .tool-textarea {
    background: rgba(26, 26, 46, 0.8) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] #htmlInput:focus,
[data-bs-theme="dark"] #jsonInput:focus,
[data-bs-theme="dark"] #csvInput:focus,
[data-bs-theme="dark"] .tool-textarea:focus {
    border-color: #667eea !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25) !important;
}

/* Empty state in output */
[data-bs-theme="dark"] .empty-state {
    color: rgba(224, 220, 232, 0.7) !important;
}

[data-bs-theme="dark"] .empty-state p,
[data-bs-theme="dark"] .empty-state small {
    color: rgba(224, 220, 232, 0.7) !important;
}

/* Date format converter specific */
[data-bs-theme="dark"] .format-example,
[data-bs-theme="dark"] .format-option,
[data-bs-theme="dark"] .date-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] .format-example h5,
[data-bs-theme="dark"] .format-option h5,
[data-bs-theme="dark"] .date-card h5 {
    color: #f5f3fa !important;
}

/* Error state backgrounds */
[data-bs-theme="dark"] .error-message,
[data-bs-theme="dark"] .alert-danger {
    background: rgba(220, 53, 69, 0.15) !important;
    border-color: rgba(220, 53, 69, 0.3) !important;
    color: #f8d7da !important;
}

/* Success state */
[data-bs-theme="dark"] .success-message,
[data-bs-theme="dark"] .alert-success {
    background: rgba(25, 135, 84, 0.15) !important;
    border-color: rgba(25, 135, 84, 0.3) !important;
    color: #d1e7dd !important;
}

/* Stats badge */
[data-bs-theme="dark"] .stats-badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* Status bar (JSON formatter, etc.) */
[data-bs-theme="dark"] .status-bar {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .status-bar .stats-info {
    color: rgba(224, 220, 232, 0.8) !important;
}

/* Options/selects in tool pages */
[data-bs-theme="dark"] .option-group label {
    color: rgba(224, 220, 232, 0.8) !important;
}

[data-bs-theme="dark"] .option-group select,
[data-bs-theme="dark"] .options-bar select {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] .option-group select:focus,
[data-bs-theme="dark"] .options-bar select:focus {
    border-color: #667eea !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25) !important;
}

/* JSON output textarea already has dark bg in light mode, keep it */
[data-bs-theme="dark"] #jsonOutput {
    background: #1a1a2e !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #d4d4d4 !important;
}

/* URL Encoder/Decoder specific */
[data-bs-theme="dark"] .tool-section {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .tool-section h4 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .output-section {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
}

[data-bs-theme="dark"] .output-section h4 {
    color: #f5f3fa !important;
}

/* Mode toggle */
[data-bs-theme="dark"] .mode-toggle {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .mode-toggle button {
    color: rgba(224, 220, 232, 0.8) !important;
}

[data-bs-theme="dark"] .mode-toggle button:hover:not(.active) {
    background: rgba(102, 126, 234, 0.15) !important;
    color: #9d8df1 !important;
}

[data-bs-theme="dark"] .mode-toggle button.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

/* Encoding options */
[data-bs-theme="dark"] .encoding-option label {
    color: rgba(224, 220, 232, 0.85) !important;
}

[data-bs-theme="dark"] .encoding-option small {
    color: rgba(224, 220, 232, 0.6) !important;
}

/* Info box */
[data-bs-theme="dark"] .info-box {
    background: rgba(102, 126, 234, 0.15) !important;
    color: rgba(224, 220, 232, 0.9) !important;
}

[data-bs-theme="dark"] .info-box code {
    background: rgba(102, 126, 234, 0.25) !important;
    color: #9d8df1 !important;
}

/* Character count */
[data-bs-theme="dark"] .char-count {
    color: rgba(224, 220, 232, 0.6) !important;
}

/* Input/output text areas */
[data-bs-theme="dark"] #inputText,
[data-bs-theme="dark"] #outputText {
    background: rgba(26, 26, 46, 0.8) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] #inputText:focus,
[data-bs-theme="dark"] #outputText:focus {
    border-color: #667eea !important;
}

/* Excel/CSV to JSON converter specific */
[data-bs-theme="dark"] .upload-section {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .upload-section h4 {
    color: #f5f3fa !important;
}

/* Drop zone */
[data-bs-theme="dark"] .drop-zone {
    background: rgba(26, 26, 46, 0.6) !important;
    border-color: #667eea !important;
}

[data-bs-theme="dark"] .drop-zone:hover,
[data-bs-theme="dark"] .drop-zone.dragover {
    background: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .drop-zone-text {
    color: rgba(224, 220, 232, 0.9) !important;
}

[data-bs-theme="dark"] .drop-zone-subtext {
    color: rgba(224, 220, 232, 0.6) !important;
}

/* File info card */
[data-bs-theme="dark"] .file-info {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
}

[data-bs-theme="dark"] .file-name {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .file-size {
    color: rgba(224, 220, 232, 0.7) !important;
}

/* Sheet selector */
[data-bs-theme="dark"] .sheet-selector {
    background: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .sheet-selector label {
    color: rgba(224, 220, 232, 0.9) !important;
}

[data-bs-theme="dark"] .sheet-selector select {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #e0dce8 !important;
}

/* Conversion stats */
[data-bs-theme="dark"] .conversion-stats {
    background: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .stat-label {
    color: rgba(224, 220, 232, 0.7) !important;
}

/* Date Format Converter specific */
[data-bs-theme="dark"] .format-reference {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .format-reference h6 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .format-reference td {
    color: rgba(224, 220, 232, 0.85) !important;
}

[data-bs-theme="dark"] .format-reference code {
    background: rgba(102, 126, 234, 0.25) !important;
    color: #9d8df1 !important;
}

[data-bs-theme="dark"] .format-preset {
    background: rgba(26, 26, 46, 0.6) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
    color: rgba(224, 220, 232, 0.85) !important;
}

[data-bs-theme="dark"] .format-preset:hover {
    background: rgba(102, 126, 234, 0.2) !important;
    border-color: rgba(102, 126, 234, 0.4) !important;
}

[data-bs-theme="dark"] .format-preset.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: transparent !important;
    color: white !important;
}

[data-bs-theme="dark"] .error-row {
    background: rgba(197, 48, 48, 0.15) !important;
    color: #fc8181 !important;
}

/* Secondary action buttons (Copy, Download, Swap, Clear) */
[data-bs-theme="dark"] .btn-secondary-action {
    background: var(--bs-secondary-bg) !important;
    color: rgba(224, 220, 232, 0.9) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
}

[data-bs-theme="dark"] .btn-secondary-action:hover {
    background: rgba(102, 126, 234, 0.2) !important;
    border-color: rgba(102, 126, 234, 0.4) !important;
    color: #f5f3fa !important;
}

/* Stats bar */
[data-bs-theme="dark"] .stats-bar {
    background: var(--bs-secondary-bg) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .stat-item .label {
    color: rgba(224, 220, 232, 0.7) !important;
}

[data-bs-theme="dark"] .stat-item .value {
    color: #9d8df1 !important;
}

/* ========================================
    PRODUCT DETAIL PAGES DARK MODE OVERRIDES
    ======================================== */

/* Section backgrounds */
[data-bs-theme="dark"] .section-light,
[data-bs-theme="dark"] .section-modern[style*="fafbfc"],
[data-bs-theme="dark"] section[style*="fafbfc"] {
    background: var(--bs-body-bg) !important;
}

/* Content sections */
[data-bs-theme="dark"] .content-section h2,
[data-bs-theme="dark"] .content-section h3 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .content-section p {
    color: rgba(224, 220, 232, 0.9) !important;
}

[data-bs-theme="dark"] .content-section ul li {
    color: rgba(224, 220, 232, 0.9) !important;
}

/* Feature cards */
[data-bs-theme="dark"] .feature-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .feature-card:hover {
    border-color: rgba(102, 126, 234, 0.3) !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .feature-card h4 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .feature-card p {
    color: rgba(224, 220, 232, 0.85) !important;
}

/* Pain point cards */
[data-bs-theme="dark"] .pain-point-card {
    background: rgba(231, 76, 60, 0.1) !important;
    border-left-color: #e74c3c !important;
}

[data-bs-theme="dark"] .pain-point-card h4 {
    color: #fc8181 !important;
}

[data-bs-theme="dark"] .pain-point-card p {
    color: rgba(224, 220, 232, 0.85) !important;
}

/* Process steps */
[data-bs-theme="dark"] .process-step .step-content h4 {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .process-step .step-content p {
    color: rgba(224, 220, 232, 0.85) !important;
}

/* Sidebar cards */
[data-bs-theme="dark"] .sidebar-card {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .sidebar-card h4 {
    color: #f5f3fa !important;
    border-bottom-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .sidebar-card ul li {
    color: rgba(224, 220, 232, 0.85) !important;
}

/* Section titles and subtitles */
[data-bs-theme="dark"] .section-subtitle {
    color: rgba(224, 220, 232, 0.75) !important;
}

/* ========================================
    TRACKING TABLE (Price Watchdog page)
    ======================================== */

[data-bs-theme="dark"] .tracking-table {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .tracking-table-header {
    background: rgba(26, 26, 46, 0.8) !important;
    color: rgba(224, 220, 232, 0.7) !important;
}

[data-bs-theme="dark"] .tracking-table-row {
    border-top-color: rgba(102, 126, 234, 0.1) !important;
}

[data-bs-theme="dark"] .tracking-table-row:hover {
    background: rgba(102, 126, 234, 0.1) !important;
}

[data-bs-theme="dark"] .product-name {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .competitor-name {
    color: rgba(224, 220, 232, 0.75) !important;
}

[data-bs-theme="dark"] .current-price {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .status-badge.stable {
    background: rgba(102, 126, 234, 0.15) !important;
    color: rgba(224, 220, 232, 0.75) !important;
}

[data-bs-theme="dark"] .status-badge.dropped {
    background: rgba(22, 163, 74, 0.2) !important;
    color: #4ade80 !important;
}

[data-bs-theme="dark"] .status-badge.increased {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
}

/* Alert preview card (Price Watchdog page) */
[data-bs-theme="dark"] .alert-preview {
    background: var(--bs-secondary-bg) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .alert-preview-body {
    background: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .alert-product {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .alert-competitor {
    color: rgba(224, 220, 232, 0.7) !important;
}

[data-bs-theme="dark"] .price-change {
    background: rgba(26, 26, 46, 0.8) !important;
}

[data-bs-theme="dark"] .old-price {
    color: rgba(224, 220, 232, 0.5) !important;
}

[data-bs-theme="dark"] .price-diff {
    background: rgba(22, 163, 74, 0.2) !important;
    color: #4ade80 !important;
}

/* ========================================
    WHITE BUTTONS (Product pages sidebar)
    ======================================== */

[data-bs-theme="dark"] .btn-white {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
}

[data-bs-theme="dark"] .btn-white:hover {
    background: linear-gradient(135deg, #5a6fd6 0%, #6a4190 100%) !important;
    color: white !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5) !important;
}

/* ========================================
    PIPELINE CTA SECTIONS (Free tools pages)
    ======================================== */

[data-bs-theme="dark"] .pipeline-cta {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1f1f3a 100%) !important;
}

[data-bs-theme="dark"] .pipeline-cta::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.15) 50%, rgba(240, 147, 251, 0.1) 100%);
    pointer-events: none;
    z-index: 1;
}

[data-bs-theme="dark"] .pipeline-cta .container {
    position: relative;
    z-index: 2;
}

/* Make background image in pipeline CTA more visible in dark mode */
[data-bs-theme="dark"] .pipeline-cta > div:first-child {
    opacity: 0.2 !important;
}

/* ========================================
    ACCOUNT PAGES DARK MODE OVERRIDES
    (login, signup, password reset, etc.)
    ======================================== */

/* Auth gradient background - darker version */
[data-bs-theme="dark"] .auth-gradient {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1f1f3a 100%) !important;
}

[data-bs-theme="dark"] .auth-gradient::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.1) 50%, rgba(240, 147, 251, 0.08) 100%);
    pointer-events: none;
    z-index: 1;
}

/* Auth card - dark background */
[data-bs-theme="dark"] .auth-card {
    background: rgba(22, 33, 62, 0.95) !important;
    border-color: rgba(102, 126, 234, 0.2) !important;
    backdrop-filter: blur(20px);
}

/* Auth text colors */
[data-bs-theme="dark"] .auth-title {
    color: #f5f3fa !important;
}

[data-bs-theme="dark"] .auth-subtitle {
    color: rgba(224, 220, 232, 0.75) !important;
}

[data-bs-theme="dark"] .auth-description {
    color: rgba(224, 220, 232, 0.75) !important;
}

/* Form labels and inputs */
[data-bs-theme="dark"] .auth-form .form-label,
[data-bs-theme="dark"] .auth-form p label {
    color: rgba(224, 220, 232, 0.9) !important;
}

[data-bs-theme="dark"] .auth-form .form-control,
[data-bs-theme="dark"] .auth-form p input[type="text"],
[data-bs-theme="dark"] .auth-form p input[type="email"],
[data-bs-theme="dark"] .auth-form p input[type="password"] {
    background: rgba(26, 26, 46, 0.8) !important;
    border-color: rgba(102, 126, 234, 0.25) !important;
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] .auth-form .form-control:focus,
[data-bs-theme="dark"] .auth-form p input:focus {
    border-color: #667eea !important;
    background: rgba(26, 26, 46, 0.95) !important;
}

[data-bs-theme="dark"] .auth-form .form-control::placeholder {
    color: rgba(224, 220, 232, 0.4) !important;
}

[data-bs-theme="dark"] .auth-form .helptext {
    color: rgba(224, 220, 232, 0.6) !important;
}

[data-bs-theme="dark"] .auth-form .has-icon .icon {
    color: rgba(224, 220, 232, 0.5) !important;
}

/* Auth divider */
[data-bs-theme="dark"] .auth-divider {
    color: rgba(224, 220, 232, 0.5) !important;
}

[data-bs-theme="dark"] .auth-divider::before,
[data-bs-theme="dark"] .auth-divider::after {
    background: rgba(102, 126, 234, 0.2) !important;
}

/* Google button */
[data-bs-theme="dark"] .btn-google {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #333 !important;
}

/* Auth footer */
[data-bs-theme="dark"] .auth-footer p {
    color: rgba(224, 220, 232, 0.6) !important;
}

/* Secondary button */
[data-bs-theme="dark"] .btn-auth-secondary {
    background: transparent !important;
    border-color: #667eea !important;
    color: #9d8df1 !important;
}

[data-bs-theme="dark"] .btn-auth-secondary:hover {
    background: #667eea !important;
    color: white !important;
}

/* Alert messages */
[data-bs-theme="dark"] .alert-modern.alert-error {
    background: rgba(197, 48, 48, 0.15) !important;
    border-color: rgba(197, 48, 48, 0.3) !important;
    color: #fc8181 !important;
}

[data-bs-theme="dark"] .alert-modern.alert-success {
    background: rgba(22, 163, 74, 0.15) !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
    color: #4ade80 !important;
}

[data-bs-theme="dark"] .alert-modern.alert-warning {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
}

[data-bs-theme="dark"] .alert-modern.alert-info {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #60a5fa !important;
}

/* Email list items */
[data-bs-theme="dark"] .email-item {
    background: rgba(26, 26, 46, 0.6) !important;
    border-color: rgba(102, 126, 234, 0.15) !important;
}

[data-bs-theme="dark"] .email-item:hover {
    border-color: #667eea !important;
}

[data-bs-theme="dark"] .email-address {
    color: #f5f3fa !important;
}

/* ========================================
    MOBILE NAVIGATION - DARK MODE
    ======================================== */

/* Mobile navbar background - dark instead of white */
@media (max-width: 767px) {
    [data-bs-theme="dark"] .navigation:not(.navbar-sticky) {
        background-color: rgba(26, 26, 46, 0.98) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
        border-bottom: 1px solid rgba(102, 126, 234, 0.15) !important;
    }
    
    /* Keep gradient brand on mobile dark mode */
    [data-bs-theme="dark"] .navigation:not(.navbar-sticky) .navbar-brand {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
    }
    
    /* Mobile hamburger menu icon bars - visible in dark mode */
    [data-bs-theme="dark"] .navbar-toggler .icon-bar {
        background-color: #e0dce8 !important;
    }
    
    [data-bs-theme="dark"] .navbar-toggler:hover .icon-bar {
        background-color: #667eea !important;
    }
}

/* Mobile popup/dropdown menu - dark theme */
/* Note: .st-popup is just a positioning container, don't add background to it */
[data-bs-theme="dark"] .st-popup-container {
    background: #16213e !important;
    color: #e0dce8 !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.4), 0 15px 35px rgba(0, 0, 0, 0.3), 0 5px 15px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
}

/* Close button in popup */
[data-bs-theme="dark"] .st-popup-close-button {
    color: #9d8df1 !important;
    background: transparent !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
}

[data-bs-theme="dark"] .st-popup-close-button:hover {
    background: rgba(102, 126, 234, 0.2) !important;
    color: #f093fb !important;
    border-color: #667eea !important;
}

/* Menu section headers */
[data-bs-theme="dark"] .st-dropdown-content-group h4 {
    color: #9d8df1 !important;
    border-bottom-color: rgba(102, 126, 234, 0.2) !important;
}

/* Menu links */
[data-bs-theme="dark"] .st-dropdown-content-group a.regular {
    color: #e0dce8 !important;
    transition: all 0.2s ease !important;
}

[data-bs-theme="dark"] .st-dropdown-content-group a.regular:hover {
    color: #f093fb !important;
    background: rgba(102, 126, 234, 0.1) !important;
    padding-left: 1rem !important;
}

/* Menu icons */
[data-bs-theme="dark"] .st-dropdown-content-group a.regular i {
    color: #667eea !important;
}

[data-bs-theme="dark"] .st-dropdown-content-group a.regular:hover i {
    color: #f093fb !important;
}

/* Border between menu sections */
[data-bs-theme="dark"] .st-dropdown-content-group.border-top {
    border-top-color: rgba(102, 126, 234, 0.2) !important;
}

/* Nav links in mobile mode */
[data-bs-theme="dark"] .st-nav-menu .nav-link {
    color: #e0dce8 !important;
}

[data-bs-theme="dark"] .st-nav-menu .nav-link:hover {
    color: #f093fb !important;
}

/* ========================================
    HERO SECTION - DARK MODE
    ======================================== */

/* Hero title gradient text */
[data-bs-theme="dark"] .hero-title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ========================================
    PIPELINE ILLUSTRATION - DARK MODE
    ======================================== */

/* Container background for dark mode */
[data-bs-theme="dark"] .pipeline-illustration {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 
                0 0 60px rgba(102, 126, 234, 0.1) !important;
}

/* Grid pattern for dark mode */
[data-bs-theme="dark"] .pipeline-illustration svg #grid path {
    stroke: rgba(102, 126, 234, 0.15);
}

/* Document cards - PDF */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 30)"] rect:first-child {
    fill: #1f2b47;
}
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 30)"] rect:nth-child(2) {
    fill: rgba(239, 68, 68, 0.2);
}
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 30)"] rect:nth-child(3),
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 30)"] rect:nth-child(4),
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 30)"] rect:nth-child(5) {
    fill: rgba(239, 68, 68, 0.15);
}

/* Document cards - CSV */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 110)"] > rect:first-child {
    fill: #1f2b47;
}

/* Document cards - API */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 190)"] > rect:first-child {
    fill: #1f2b47;
}

/* Document cards - Email */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 260)"] > rect:first-child {
    fill: #1f2b47;
}

/* Output card dark mode */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(310, 95)"] > rect:first-child {
    fill: #1f2b47;
    stroke: #10b981;
}

/* Clean data rows in output - dark mode */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(310, 95)"] g[transform^="translate(8,"] rect:first-child {
    fill: rgba(16, 185, 129, 0.1);
}
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(310, 95)"] g[transform^="translate(8,"] rect:nth-child(2) {
    fill: rgba(16, 185, 129, 0.3);
}
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(310, 95)"] g[transform^="translate(8,"] rect:nth-child(3) {
    fill: rgba(16, 185, 129, 0.2);
}

/* Labels text color for dark mode */
[data-bs-theme="dark"] .pipeline-illustration svg text[fill="#6b7280"] {
    fill: #9ca3af;
}

/* Inner elements colors adjustments */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 110)"] g rect:first-child {
    fill: rgba(39, 174, 96, 0.2);
}
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 110)"] g line {
    stroke: rgba(39, 174, 96, 0.4);
}

[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 190)"] g ellipse,
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 190)"] g path {
    fill: rgba(52, 152, 219, 0.2);
    stroke: rgba(52, 152, 219, 0.5);
}

[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 260)"] g rect {
    fill: rgba(155, 89, 182, 0.15);
    stroke: rgba(155, 89, 182, 0.4);
}
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(30, 260)"] g path {
    stroke: rgba(155, 89, 182, 0.6);
}

/* Enhance flow line visibility in dark mode */
[data-bs-theme="dark"] .pipeline-illustration .flow-paths path {
    filter: drop-shadow(0 0 4px rgba(102, 126, 234, 0.5));
}

/* Processing hub glow effect */
[data-bs-theme="dark"] .pipeline-illustration svg g[transform="translate(155, 100)"] {
    filter: drop-shadow(0 0 20px rgba(102, 126, 234, 0.4));
}

/* Brighter processing indicator lights */
[data-bs-theme="dark"] .pipeline-illustration .blink {
    filter: drop-shadow(0 0 4px rgba(74, 222, 128, 0.8));
}

/* ========================================
    TERMS & CONDITIONS PAGE - DARK MODE
    ======================================== */

/* Terms card dark mode override */
[data-bs-theme="dark"] .terms-card {
    background: var(--dc-card-bg);
    border: 1px solid rgba(102, 126, 234, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Terms headings */
[data-bs-theme="dark"] .terms-card h2 {
    color: var(--bs-heading-color);
    background: linear-gradient(135deg, #667eea 0%, #9d8df1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Terms paragraph and list text */
[data-bs-theme="dark"] .terms-card p,
[data-bs-theme="dark"] .terms-card li {
    color: var(--bs-body-color);
}

/* Last updated text */
[data-bs-theme="dark"] .terms-card .last-updated {
    color: var(--bs-secondary-color);
}

/* Terms links */
[data-bs-theme="dark"] .terms-card a {
    color: #9d8df1;
    text-decoration: none;
    transition: color 0.2s ease;
}

[data-bs-theme="dark"] .terms-card a:hover {
    color: #b8acf6;
    text-decoration: underline;
}

/* Terms list styling */
[data-bs-theme="dark"] .terms-card ul {
    padding-left: 1.5rem;
}

[data-bs-theme="dark"] .terms-card ul li::marker {
    color: #667eea;
}

/* ========================================
    CONTACT SUBMITTED PAGE - DARK MODE
    ======================================== */

/* Next steps card dark mode */
[data-bs-theme="dark"] .next-steps-card {
    background: var(--dc-card-bg);
    border: 1px solid rgba(102, 126, 234, 0.15);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .next-steps-card h3,
[data-bs-theme="dark"] .next-steps-card h5 {
    color: var(--bs-heading-color);
}

[data-bs-theme="dark"] .next-steps-card p.text-secondary {
    color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] .next-steps-card hr {
    border-color: rgba(102, 126, 234, 0.2);
}