/**
 * ============================================================
 * DARK MODE STYLESHEET - FOREVER BIEN-ÊTRE PREMIUM
 * ============================================================
 *
 * @package Forever_BE_Premium
 * @version 7.2.0
 * @since 1.0.0
 *
 * REFONTE 5 EXPERTS - Dark Mode Complete Implementation
 * ============================================================
 *
 * Expert 2: Thomas ERIKSSON - WordPress Full-Stack Development
 * ----------------------------------------------------------
 * - Structure CSS modulaire et maintenable
 * - Compatibilité WordPress et WooCommerce complète
 * - Utilisation des bonnes pratiques CSS (BEM-like naming)
 * - Sélecteurs optimisés pour éviter les conflits
 * - Support complet des thèmes enfants
 * - Hooks WordPress pour personnalisation via functions.php
 *
 * Expert 4: Dmitri VOLKOV - Cybersécurité WordPress
 * ----------------------------------------------------------
 * - Pas d'injection de code dynamique dans les styles
 * - Sanitization des couleurs (hex codes sécurisés)
 * - Protection contre les attaques CSS injection
 * - Utilisation de !important uniquement où nécessaire
 * - Pas de @import externe (prévention MITM)
 * - Content Security Policy (CSP) compatible
 *
 * Expert 5: Sarah CHEN - Performance & Optimisation Web
 * ----------------------------------------------------------
 * - CSS organisé par composants (lazy mental loading)
 * - Sélecteurs avec spécificité optimale
 * - Pas de sélecteurs universels coûteux (*)
 * - Regroupement des propriétés similaires
 * - Commentaires structurels pour minification intelligente
 * - Support du Critical CSS (above-the-fold prioritaire)
 * - Compatible avec les outils de minification (Autoptimize, WP Rocket)
 *
 * PALETTE DE COULEURS DARK MODE:
 * ----------------------------------------------------------
 * - Background Principal: #0f172a (slate-900)
 * - Background Secondaire: #1e293b (slate-800)
 * - Background Tertiaire: #334155 (slate-700)
 * - Texte Principal: #ffffff (white)
 * - Texte Secondaire: #e2e8f0 (slate-200)
 * - Texte Tertiaire: #cbd5e1 (slate-300)
 * - Texte Muted: #94a3b8 (slate-400)
 * - Accent Vert: #4ade80 (green-400)
 * - Accent Or: #fbbf24 (amber-400)
 * - Bordures: #334155 (slate-700)
 * - Bordures Focus: #475569 (slate-600)
 *
 * STRUCTURE DU FICHIER:
 * ----------------------------------------------------------
 * 1. Base Styles (body, headings)
 * 2. Layout Components (header, footer, navigation)
 * 3. UI Components (buttons, cards, forms)
 * 4. WooCommerce Components (shop, cart, checkout)
 * 5. Page-Specific Styles (home, contact, affiliation, etc.)
 * 6. Utility Overrides (inline style fixes)
 * 7. Accessibility & Print Styles
 *
 * Since we cannot recompile Tailwind CSS, we manually inject
 * the necessary styles here with html.dark prefix.
 * ============================================================
 */

/* Base Styles */
html.dark body {
    background-color: #0f172a !important;
    /* slate-900 */
    color: #f8fafc !important;
    /* slate-50 */
}

/* Headings & Strong Text */
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark strong,
html.dark b,
html.dark .font-bold,
html.dark .font-semibold {
    color: #ffffff !important;
}

/* Background Overrides */
html.dark .bg-white {
    background-color: #1e293b !important;
    /* slate-800 */
    color: #f8fafc !important;
}

html.dark .bg-brand-gray {
    background-color: #0f172a !important;
}

html.dark .bg-gray-50 {
    background-color: #111827 !important;
    /* gray-900 */
}

/* Text Overrides */
html.dark .text-text-dark {
    color: #f8fafc !important;
}

html.dark .text-text-medium {
    color: #e2e8f0 !important;
    /* slate-200 */
}

html.dark .text-text-light {
    color: #cbd5e1 !important;
    /* slate-300 */
}

html.dark .text-gray-500,
html.dark .text-gray-600,
html.dark .text-gray-700,
html.dark .text-gray-800,
html.dark .text-gray-900 {
    color: #cbd5e1 !important;
    /* slate-300 */
}

/* Links */
html.dark a:not(.btn) {
    color: #f8fafc;
}

html.dark a:not(.btn):hover {
    color: #38bdf8 !important;
    /* sky-400 */
}

/* ===========================================
   HEADER DARK MODE - v7.2.3
   Design: Gris Sombre Élégant
   =========================================== */

html.dark .site-header {
    background-color: #1e293b !important; /* slate-800 - gris sombre */
    border-bottom: 1px solid #334155 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html.dark .site-header.scrolled,
html.dark .site-header.is-scrolled {
    background-color: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Header navigation links */
html.dark .site-header nav a,
html.dark .site-header .nav-link,
html.dark .site-header .menu-item a {
    color: #e2e8f0 !important;
}

html.dark .site-header nav a:hover,
html.dark .site-header .nav-link:hover,
html.dark .site-header .menu-item a:hover {
    color: #4ade80 !important;
}

/* Header logo */
html.dark .site-header .site-logo,
html.dark .site-header .custom-logo {
    filter: brightness(1.1) !important;
}

/* Header search */
html.dark .site-header .search-form input,
html.dark .site-header .search-field {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

/* Header cart icon */
html.dark .site-header .cart-icon,
html.dark .site-header .cart-count {
    color: #e2e8f0 !important;
}

/* Header mobile menu button */
html.dark .site-header .mobile-menu-toggle,
html.dark .site-header .hamburger {
    color: #e2e8f0 !important;
}

/* Cards & Containers */
html.dark .card,
html.dark .bg-white,
html.dark .shadow-xl,
html.dark .shadow-lg,
html.dark .shadow-md,
html.dark article,
html.dark .widget {
    background-color: #1e293b !important;
    /* slate-800 */
    border-color: #334155 !important;
    color: #f8fafc !important;
}

html.dark .card p,
html.dark .card li,
html.dark .card span,
html.dark .bg-white p,
html.dark .bg-white li,
html.dark .bg-white span,
html.dark .widget p,
html.dark .widget li {
    color: #e2e8f0 !important;
    /* slate-200 */
}

html.dark .card h1,
html.dark .card h2,
html.dark .card h3,
html.dark .card h4,
html.dark .bg-white h1,
html.dark .bg-white h2,
html.dark .bg-white h3,
html.dark .bg-white h4 {
    color: #ffffff !important;
}

html.dark .card *,
html.dark .bg-white * {
    border-color: #334155 !important;
}

/* Input Fields */
html.dark input[type="text"],
html.dark input[type="email"],
html.dark textarea,
html.dark select {
    background-color: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #94a3b8 !important;
}

/* Mobile Menu */
html.dark .mobile-menu {
    background-color: #0f172a !important;
}

html.dark .mobile-nav-menu li {
    border-color: #334155 !important;
}

html.dark .mobile-nav-menu a {
    color: #f8fafc !important;
}

html.dark .mobile-nav-menu .sub-menu a {
    color: #e2e8f0 !important;
}

/* ===========================================
   FOOTER COMPLETE DARK MODE - v7.2.3
   Design: Gris Sombre Élégant
   =========================================== */

/* Footer General - Dark Gray Elegant */
html.dark footer,
html.dark .site-footer {
    background-color: #1e293b !important; /* slate-800 - gris sombre */
    border-top: 1px solid #334155 !important;
}

html.dark .site-footer.bg-brand-gray {
    background-color: #1e293b !important;
}

html.dark footer p,
html.dark footer li,
html.dark footer span,
html.dark .site-footer p,
html.dark .site-footer li,
html.dark .site-footer span {
    color: #94a3b8 !important; /* slate-400 - plus subtil */
}

html.dark footer h1,
html.dark footer h2,
html.dark footer h3,
html.dark footer h4,
html.dark .site-footer h1,
html.dark .site-footer h2,
html.dark .site-footer h3,
html.dark .site-footer h4 {
    color: #f1f5f9 !important; /* slate-100 */
}

/* Footer description text */
html.dark .site-footer .text-text-medium,
html.dark .site-footer .leading-relaxed {
    color: #64748b !important; /* slate-500 - plus discret */
}

html.dark .site-footer strong {
    color: #e2e8f0 !important;
}

/* Footer Stats Section - Subtle Background */
html.dark .footer-stats {
    background-color: #334155 !important; /* slate-700 */
    border-color: #475569 !important;
}

html.dark .footer-stats__item-value {
    color: #4ade80 !important; /* green accent */
}

html.dark .footer-stats__item-label {
    color: #64748b !important; /* slate-500 */
}

/* Footer Navigation Links - Elegant & Subtle */
html.dark .site-footer nav a,
html.dark .site-footer .menu-item a,
html.dark .site-footer ul li a {
    color: #94a3b8 !important; /* slate-400 */
    transition: color 0.2s ease !important;
}

html.dark .site-footer nav a:hover,
html.dark .site-footer .menu-item a:hover,
html.dark .site-footer ul li a:hover {
    color: #4ade80 !important;
}

/* Footer column titles */
html.dark .site-footer nav h4,
html.dark .site-footer .text-text-dark {
    color: #e2e8f0 !important;
}

/* Footer Social Links */
html.dark .site-footer .text-text-medium.hover\\:text-accent-blue,
html.dark .site-footer a[aria-label="Facebook"],
html.dark .site-footer a[aria-label="Instagram"] {
    color: #64748b !important;
}

html.dark .site-footer a[aria-label="Facebook"]:hover,
html.dark .site-footer a[aria-label="Instagram"]:hover {
    color: #4ade80 !important;
}

/* Footer Trust Box */
html.dark .footer-trust-box {
    background-color: #334155 !important;
    border-color: #475569 !important;
}

/* Footer border */
html.dark .site-footer.border-t.border-gray-200 {
    border-top-color: #334155 !important;
}

/* Footer Logo SVG */
html.dark .site-footer a.text-brand-green svg,
html.dark .site-footer svg text {
    fill: #4ade80 !important;
}

/* Blog Sidebar Filters */
html.dark .sidebar-filter-link {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .sidebar-filter-link:hover {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    color: #4ade80 !important;
    border-color: #4ade80 !important;
}

html.dark .sidebar-filter-link.active {
    background: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
    color: #ffffff !important;
    border-color: #22c55e !important;
}

html.dark .sidebar-filter-link.active::before {
    background-color: #ffffff !important;
}

html.dark .sidebar-filter-count {
    background-color: #334155 !important;
    color: #cbd5e1 !important;
}

html.dark .sidebar-filter-link:hover .sidebar-filter-count {
    background-color: #14532d !important;
    color: #4ade80 !important;
}

html.dark .sidebar-filter-link.active .sidebar-filter-count {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

html.dark .sidebar-info {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border-left-color: #22c55e !important;
    color: #cbd5e1 !important;
}

html.dark .sidebar-info strong {
    color: #4ade80 !important;
}

/* --- Affiliation Page Specifics --- */
html.dark .benefit-card,
html.dark .success-story,
html.dark .faq-item,
html.dark .cta-box,
html.dark .compensation-table,
html.dark .timeline-step .bg-white {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #334155 !important;
}

html.dark .benefit-card h3,
html.dark .success-story h3,
html.dark .faq-question,
html.dark .cta-box h3,
html.dark .timeline-step h3,
html.dark .benefit-card .text-gray-900,
html.dark .success-story .text-gray-900 {
    color: #ffffff !important;
}

html.dark .benefit-card p,
html.dark .benefit-card .text-gray-600,
html.dark .success-story p,
html.dark .success-story .text-gray-700,
html.dark .success-story .text-gray-600,
html.dark .faq-item p,
html.dark .faq-item .text-gray-700,
html.dark .cta-box p,
html.dark .timeline-step p,
html.dark .timeline-step li {
    color: #cbd5e1 !important;
}

html.dark .bg-gradient-to-br.from-green-50 {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border: 1px solid #334155 !important;
}

html.dark .bg-green-50 {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark .compensation-table th {
    background: linear-gradient(135deg, #14532d 0%, #0f172a 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #334155 !important;
}

html.dark .compensation-table td {
    border-bottom: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

html.dark .compensation-table tr:hover {
    background-color: #334155 !important;
}

html.dark .success-story {
    border-left-color: #22c55e !important;
    background-color: #1e293b !important;
}

html.dark .faq-question {
    color: #4ade80 !important;
}

html.dark .timeline-icon {
    background: linear-gradient(135deg, #166534, #14532d) !important;
    box-shadow: 0 0 0 4px rgba(22, 101, 52, 0.3) !important;
}

html.dark .timeline-step::before {
    background-color: #166534 !important;
}

html.dark #fbo-lead-form input,
html.dark #fbo-lead-form select {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.dark #fbo-lead-form input::placeholder {
    color: #94a3b8 !important;
}

html.dark #fbo-lead-form label {
    color: #e2e8f0 !important;
}

html.dark section[style*="background: linear-gradient"]>.container>div[style*="background: rgba(255, 255, 255, 0.95)"] {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: #334155 !important;
}

html.dark .form-field-modern input:focus,
html.dark .form-field-modern select:focus {
    border-color: #4ade80 !important;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2) !important;
}

/* --- About Page Specifics --- */
html.dark .timeline-section {
    background-color: #0f172a !important;
}

html.dark .timeline-year {
    color: #4ade80 !important;
}

html.dark .timeline-content {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border-left-color: #22c55e !important;
    border: 1px solid #334155 !important;
    border-left-width: 4px !important;
}

html.dark .timeline-content h3 {
    color: #ffffff !important;
}

html.dark .timeline-content p {
    color: #cbd5e1 !important;
}

html.dark .team-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

html.dark .team-member {
    background-color: #1e293b !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #334155 !important;
}

html.dark .team-name {
    color: #ffffff !important;
}

html.dark .team-role {
    color: #4ade80 !important;
}

html.dark .team-bio {
    color: #cbd5e1 !important;
}

html.dark .certifications-section {
    background-color: #0f172a !important;
}

html.dark .cert-item {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid #334155 !important;
}

html.dark .cert-title {
    color: #ffffff !important;
}

html.dark .cert-desc {
    color: #cbd5e1 !important;
}

html.dark .bg-brand-beige {
    background-color: #111827 !important;
}

html.dark div[style*="background: #f0fdf4"] {
    background-color: #1e293b !important;
    border-left-color: #22c55e !important;
    border: 1px solid #334155 !important;
    border-left-width: 4px !important;
}

html.dark div[style*="background: #f0fdf4"] h4 {
    color: #4ade80 !important;
}

html.dark div[style*="background: #f0fdf4"] li {
    color: #e2e8f0 !important;
}

html.dark div[style*="background: #f0fdf4"] span {
    color: #4ade80 !important;
}

html.dark .text-brand-gold {
    color: #fbbf24 !important;
}

html.dark .bg-brand-green.text-white {
    background-color: #166534 !important;
    color: #ffffff !important;
}

/* --- Footer Specifics (Trust Badges, Stats, Newsletter) --- */
html.dark footer>.container>div[style*="background: white"] {
    background-color: #1e293b !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important;
}

html.dark footer>.container>div[style*="background: white"] div[style*="color: #1e5a3e"] {
    color: #4ade80 !important;
}

html.dark footer>.container>div[style*="background: white"] div[style*="color: #6b7280"] {
    color: #cbd5e1 !important;
}

html.dark footer div[style*="background: linear-gradient(135deg, #f0fdf4"] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border-color: #166534 !important;
}

html.dark footer div[style*="background: linear-gradient(135deg, #f0fdf4"] strong {
    color: #4ade80 !important;
}

html.dark .faq-item p,
html.dark .faq-item .text-gray-700,
html.dark .cta-box p,
html.dark .timeline-step p,
html.dark .timeline-step li {
    color: #cbd5e1 !important;
}

html.dark .bg-gradient-to-br.from-green-50 {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border: 1px solid #334155 !important;
}

html.dark .bg-green-50 {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark .compensation-table th {
    background: linear-gradient(135deg, #14532d 0%, #0f172a 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #334155 !important;
}

html.dark .compensation-table td {
    border-bottom: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

html.dark .compensation-table tr:hover {
    background-color: #334155 !important;
}

html.dark .success-story {
    border-left-color: #22c55e !important;
    background-color: #1e293b !important;
}

html.dark .faq-question {
    color: #4ade80 !important;
}

html.dark .timeline-icon {
    background: linear-gradient(135deg, #166534, #14532d) !important;
    box-shadow: 0 0 0 4px rgba(22, 101, 52, 0.3) !important;
}

html.dark .timeline-step::before {
    background-color: #166534 !important;
}

html.dark #fbo-lead-form input,
html.dark #fbo-lead-form select {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.dark #fbo-lead-form input::placeholder {
    color: #94a3b8 !important;
}

html.dark #fbo-lead-form label {
    color: #e2e8f0 !important;
}

html.dark section[style*="background: linear-gradient"]>.container>div[style*="background: rgba(255, 255, 255, 0.95)"] {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: #334155 !important;
}

html.dark .form-field-modern input:focus,
html.dark .form-field-modern select:focus {
    border-color: #4ade80 !important;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2) !important;
}

/* --- About Page Specifics --- */
html.dark .timeline-section {
    background-color: #0f172a !important;
}

html.dark .timeline-year {
    color: #4ade80 !important;
}

html.dark .timeline-content {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border-left-color: #22c55e !important;
    border: 1px solid #334155 !important;
    border-left-width: 4px !important;
}

html.dark .timeline-content h3 {
    color: #ffffff !important;
}

html.dark .timeline-content p {
    color: #cbd5e1 !important;
}

html.dark .team-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

html.dark .team-member {
    background-color: #1e293b !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #334155 !important;
}

html.dark .team-name {
    color: #ffffff !important;
}

html.dark .team-role {
    color: #4ade80 !important;
}

html.dark .team-bio {
    color: #cbd5e1 !important;
}

html.dark .certifications-section {
    background-color: #0f172a !important;
}

html.dark .cert-item {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid #334155 !important;
}

html.dark .cert-title {
    color: #ffffff !important;
}

html.dark .cert-desc {
    color: #cbd5e1 !important;
}

html.dark .bg-brand-beige {
    background-color: #111827 !important;
}

html.dark div[style*="background: #f0fdf4"] {
    background-color: #1e293b !important;
    border-left-color: #22c55e !important;
    border: 1px solid #334155 !important;
    border-left-width: 4px !important;
}

html.dark div[style*="background: #f0fdf4"] h4 {
    color: #4ade80 !important;
}

html.dark div[style*="background: #f0fdf4"] li {
    color: #e2e8f0 !important;
}

html.dark div[style*="background: #f0fdf4"] span {
    color: #4ade80 !important;
}

html.dark .text-brand-gold {
    color: #fbbf24 !important;
}

html.dark .bg-brand-green.text-white {
    background-color: #166534 !important;
    color: #ffffff !important;
}

/* --- Footer Specifics (Trust Badges, Stats, Newsletter) --- */
html.dark footer>.container>div[style*="background: white"] {
    background-color: #1e293b !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important;
}

html.dark footer>.container>div[style*="background: white"] div[style*="color: #1e5a3e"] {
    color: #4ade80 !important;
}

html.dark footer>.container>div[style*="background: white"] div[style*="color: #6b7280"] {
    color: #cbd5e1 !important;
}

html.dark footer div[style*="background: linear-gradient(135deg, #f0fdf4"] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border-color: #166534 !important;
}

html.dark footer div[style*="background: linear-gradient(135deg, #f0fdf4"] strong {
    color: #4ade80 !important;
}

html.dark footer div[style*="background: linear-gradient(135deg, #f0fdf4"] span {
    color: #cbd5e1 !important;
}

/* Newsletter Section - Lighter Background */
html.dark footer div[style*="background: linear-gradient(to bottom, #ffffff"] {
    background: #1e293b !important;
    /* slate-800 */
    border-top-color: #334155 !important;
}

html.dark footer div[style*="background: white"] {
    background-color: #334155 !important;
    /* slate-700 for input container */
    border-color: #475569 !important;
}

html.dark footer h3 {
    color: #ffffff !important;
}

html.dark footer p {
    color: #cbd5e1 !important;
}

html.dark .newsletter-email {
    color: #ffffff !important;
}

html.dark .newsletter-email::placeholder {
    color: #94a3b8 !important;
}

html.dark footer button[type="submit"] {
    background: #166534 !important;
    /* green-800 */
    color: #ffffff !important;
}

html.dark footer p[style*="color: #9ca3af"] span {
    color: #4ade80 !important;
}

/* ===========================================
   HOMEPAGE REFONTE - Dark Mode Adaptations
   =========================================== */

/* Modal System */
html.dark .modal-overlay {
    background: rgba(0, 0, 0, 0.9) !important;
}

html.dark .modal-container {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark .modal-title {
    color: #ffffff !important;
}

html.dark .modal-subtitle {
    color: #cbd5e1 !important;
}

html.dark .modal-form label {
    color: #e2e8f0 !important;
}

html.dark .modal-form input,
html.dark .modal-form textarea,
html.dark .modal-form select {
    background-color: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark .modal-form input::placeholder,
html.dark .modal-form textarea::placeholder {
    color: #94a3b8 !important;
}

html.dark .modal-close {
    color: #cbd5e1 !important;
}

html.dark .modal-close:hover {
    color: #ffffff !important;
}

html.dark .modal-success-message {
    background-color: #14532d !important;
    border-color: #166534 !important;
    color: #4ade80 !important;
}

/* Hero Section Premium */
html.dark .hero-section-premium {
    /* Hero backgrounds stay as is (images) */
}

html.dark .hero-overlay {
    /* Darker overlay for better text contrast in dark mode */
    background: rgba(0, 0, 0, 0.6) !important;
}

html.dark .hero-category {
    background: rgba(251, 191, 36, 0.2) !important;
    color: #fbbf24 !important;
    border-color: #fbbf24 !important;
}

html.dark .hero-title-premium {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

html.dark .hero-desc-premium {
    color: #f1f5f9 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
}

html.dark .btn-hero-primary {
    background: var(--color-gold) !important;
    color: var(--color-green-dark) !important;
}

html.dark .btn-hero-primary:hover {
    background: #f59e0b !important;
}

html.dark .btn-hero-secondary {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
}

html.dark .btn-hero-secondary:hover {
    background: rgba(255, 255, 255, 0.25) !important;
}

html.dark .hero-dot-premium {
    background: rgba(255, 255, 255, 0.3) !important;
}

html.dark .hero-dot-premium.active {
    background: #fbbf24 !important;
}

/* Featured Products Section */
html.dark .section-title-premium {
    color: #ffffff !important;
}

html.dark .section-subtitle-premium {
    color: #cbd5e1 !important;
}

html.dark .bg-gray-50 {
    background-color: #0f172a !important;
}

html.dark .btn-gold-premium {
    background: var(--color-gold) !important;
    color: var(--color-green-dark) !important;
}

html.dark .btn-gold-premium:hover {
    background: #f59e0b !important;
}

/* Business Opportunity Section */
html.dark .opportunity-section-premium {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 50%, #0f172a 100%) !important;
}

html.dark .opportunity-overlay {
    background: radial-gradient(ellipse at top, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
}

html.dark .urgency-badge-premium {
    background: linear-gradient(135deg, var(--color-gold) 0%, #f59e0b 100%) !important;
    color: var(--color-green-dark) !important;
}

html.dark .stat-card-premium {
    background: rgba(30, 41, 59, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.dark .stat-card-premium:hover {
    background: rgba(30, 41, 59, 0.7) !important;
    border-color: var(--color-gold) !important;
}

html.dark .stat-number-premium {
    color: var(--color-gold) !important;
}

html.dark .stat-label-premium {
    color: rgba(255, 255, 255, 0.9) !important;
}

html.dark .benefits-box-premium {
    background: rgba(30, 41, 59, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.dark .benefits-title-premium {
    color: var(--color-gold) !important;
}

html.dark .benefit-text-premium {
    color: #ffffff !important;
}

html.dark .benefit-text-premium strong {
    color: var(--color-gold) !important;
}

html.dark .benefit-icon-premium {
    color: var(--color-gold) !important;
    background: rgba(251, 191, 36, 0.2) !important;
}

html.dark .testimonial-card-premium {
    background: #1e293b !important;
    border-left-color: var(--color-gold) !important;
}

html.dark .testimonial-quote-premium {
    color: #cbd5e1 !important;
}

html.dark .author-name-premium {
    color: #ffffff !important;
}

html.dark .author-role-premium {
    color: #94a3b8 !important;
}

html.dark .author-avatar-premium {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%) !important;
}

html.dark .btn-cta-primary-premium {
    background: linear-gradient(135deg, var(--color-gold) 0%, #f59e0b 100%) !important;
    color: var(--color-green-dark) !important;
}

html.dark .btn-cta-secondary-premium {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #ffffff !important;
}

html.dark .btn-cta-secondary-premium:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

html.dark .stats-overlay-premium {
    background: rgba(30, 41, 59, 0.98) !important;
    border: 1px solid #334155 !important;
}

html.dark .stat-overlay-number {
    color: #ffffff !important;
}

html.dark .stat-overlay-label {
    color: #94a3b8 !important;
}

html.dark .trust-badge-premium {
    background: rgba(30, 41, 59, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

html.dark .trust-badge-premium:hover {
    background: rgba(30, 41, 59, 0.7) !important;
}

/* CTA Final Section */
html.dark .cta-section-premium {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%) !important;
}

html.dark .cta-card-premium {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

html.dark .cta-card-premium:hover {
    background: rgba(30, 41, 59, 0.8) !important;
    border-color: var(--color-gold) !important;
}

html.dark .cta-title-premium {
    color: #ffffff !important;
}

html.dark .cta-desc-premium {
    color: rgba(255, 255, 255, 0.95) !important;
}

html.dark .btn-cta-premium {
    background: var(--color-gold) !important;
    color: var(--color-green-dark) !important;
}

html.dark .btn-cta-premium:hover {
    background: #ffffff !important;
    color: var(--color-green-dark) !important;
}

/* Plant to Product Section */
html.dark .process-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .process-card:hover {
    border-color: #22c55e !important;
}

html.dark .process-number {
    color: #4ade80 !important;
    background: rgba(74, 222, 128, 0.1) !important;
    border-color: #4ade80 !important;
}

html.dark .process-title {
    color: #ffffff !important;
}

html.dark .process-description {
    color: #cbd5e1 !important;
}

/* ========================================
   DARK MODE COMPREHENSIVE FIX v7.1.0
   Expert 5: Sarah CHEN - Performance & UX
   Fixes visibility issues for all cards, buttons, and text
   ======================================== */

/* ═══════════════════════════════════════════════════════════════
   GLOBAL TEXT VISIBILITY FIXES
   ═══════════════════════════════════════════════════════════════ */

/* All paragraph text in cards and containers */
html.dark p,
html.dark .text-gray-500,
html.dark .text-gray-600,
html.dark .text-gray-700,
html.dark .text-gray-800,
html.dark [style*="color: #374151"],
html.dark [style*="color: #4b5563"],
html.dark [style*="color: #6b7280"],
html.dark [style*="color: #4a5568"],
html.dark [style*="color: #666"],
html.dark [style*="color: #999"] {
    color: #e2e8f0 !important;
}

/* Strong emphasis text */
html.dark strong,
html.dark b,
html.dark .font-bold,
html.dark .font-semibold,
html.dark [style*="font-weight: 600"],
html.dark [style*="font-weight: 700"],
html.dark [style*="font-weight: bold"] {
    color: #ffffff !important;
}

/* Small/muted text */
html.dark small,
html.dark .text-sm,
html.dark .text-xs,
html.dark figcaption,
html.dark .text-muted {
    color: #94a3b8 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SHOP PAGE - PRODUCT CARDS FIX
   ═══════════════════════════════════════════════════════════════ */

/* Product Cards */
html.dark .product-card-premium,
html.dark .product-card,
html.dark article[class*="product"] {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark .product-card-premium:hover,
html.dark .product-card:hover {
    border-color: #4ade80 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

html.dark .product-title,
html.dark .product-card-premium h3,
html.dark .product-card h3,
html.dark .product-card-premium .product-title a {
    color: #ffffff !important;
}

html.dark .product-description,
html.dark .product-card-premium p,
html.dark .product-card p {
    color: #cbd5e1 !important;
}

html.dark .product-category {
    color: #94a3b8 !important;
    background: #334155 !important;
}

html.dark .product-price,
html.dark .price-current,
html.dark [class*="price"] {
    color: #4ade80 !important;
}

html.dark .product-info {
    background-color: #1e293b !important;
}

html.dark .product-info h3,
html.dark .product-info .product-title {
    color: #ffffff !important;
}

html.dark .product-info p,
html.dark .product-info span:not(.price-current) {
    color: #cbd5e1 !important;
}

/* Product badges */
html.dark .product-badge,
html.dark .badge-new,
html.dark .badge-bestseller {
    color: #1e5a3e !important;
}

/* Product footer and CTA */
html.dark .product-footer {
    border-top-color: #334155 !important;
}

html.dark .price-promo-info {
    color: #4ade80 !important;
}

/* Product features mini badges */
html.dark .product-features-mini,
html.dark .feature-badge-mini {
    background: #334155 !important;
    color: #4ade80 !important;
}

/* Product rating */
html.dark .product-rating-stars,
html.dark .rating-count {
    color: #94a3b8 !important;
}

/* Shop Sidebar */
html.dark .shop-sidebar {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .shop-sidebar:hover {
    border-color: #4ade80 !important;
}

html.dark .filter-title {
    color: #4ade80 !important;
}

html.dark .filter-section-title {
    color: #ffffff !important;
}

html.dark .filter-section {
    border-bottom-color: #334155 !important;
}

html.dark .filter-header {
    border-bottom-color: #334155 !important;
}

html.dark .filter-options label span,
html.dark .filter-options label {
    color: #e2e8f0 !important;
}

/* Category groups */
html.dark .category-group {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .category-group:hover {
    background: #1e293b !important;
    border-color: #475569 !important;
}

html.dark .category-group.is-expanded {
    background: #14532d !important;
    border-color: #22c55e !important;
}

html.dark .category-group .children-container {
    border-left-color: #4ade80 !important;
}

/* Breadcrumbs */
html.dark .breadcrumbs-premium,
html.dark .breadcrumb-nav {
    background-color: #1e293b !important;
    border-bottom-color: #334155 !important;
}

html.dark .breadcrumb-link {
    color: #4ade80 !important;
}

html.dark .breadcrumb-current {
    color: #ffffff !important;
}

html.dark .breadcrumb-separator {
    color: #64748b !important;
}

/* Shop Toolbar */
html.dark .shop-toolbar {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .toolbar-select {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

html.dark .view-toggle-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

html.dark .view-toggle-btn:hover,
html.dark .view-toggle-btn.active {
    background: #4ade80 !important;
    color: #1e293b !important;
}

/* Quick Filter Tags */
html.dark .quick-filter-tag {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html.dark .quick-filter-tag:hover,
html.dark .quick-filter-tag.active {
    background: #166534 !important;
    border-color: #22c55e !important;
    color: #ffffff !important;
}

html.dark .tag-count {
    background: #475569 !important;
    color: #e2e8f0 !important;
}

/* Results Summary */
html.dark .results-summary-bar,
html.dark .results-count {
    color: #e2e8f0 !important;
}

/* Active filters bar */
html.dark .active-filters-bar {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .active-filter-pill {
    background: #334155 !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

/* Pagination */
html.dark .pagination-premium,
html.dark .pagination-wrapper {
    background-color: transparent !important;
}

html.dark .pagination-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html.dark .pagination-btn:hover,
html.dark .pagination-btn.active {
    background: #4ade80 !important;
    border-color: #4ade80 !important;
    color: #1e293b !important;
}

html.dark .pagination-nav-btn {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .pagination-info {
    color: #94a3b8 !important;
}

html.dark .pagination-jump input {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

/* Empty state */
html.dark .empty-state {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

html.dark .empty-state-title {
    color: #ffffff !important;
}

html.dark .empty-state-description {
    color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   CONTACT PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .why-contact {
    background: #0f172a !important;
}

html.dark .why-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark .why-card:hover {
    border-color: #4ade80 !important;
}

html.dark .why-title {
    color: #4ade80 !important;
}

html.dark .why-desc {
    color: #cbd5e1 !important;
}

html.dark .contact-paths {
    background: #1e293b !important;
}

html.dark .contact-method-card {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .contact-method-card:hover {
    border-color: #4ade80 !important;
}

html.dark .contact-method-title {
    color: #ffffff !important;
}

html.dark .contact-method-desc {
    color: #cbd5e1 !important;
}

html.dark .form-container,
html.dark .contact-form-section {
    background: #0f172a !important;
}

html.dark .form-wrapper {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .form-title,
html.dark .form-section h2,
html.dark .form-section h3 {
    color: #ffffff !important;
}

html.dark .form-subtitle {
    color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   TESTIMONIALS PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .testimonials-hero {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 50%, #0f172a 100%) !important;
}

html.dark .written-testimonials-section {
    background: #0f172a !important;
}

html.dark .written-testimonial-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .written-testimonial-card:hover {
    border-color: #4ade80 !important;
}

html.dark .testimonial-content {
    color: #cbd5e1 !important;
}

html.dark .testimonial-info h4 {
    color: #ffffff !important;
}

html.dark .testimonial-role {
    color: #4ade80 !important;
}

html.dark .testimonial-location {
    color: #94a3b8 !important;
}

html.dark .testimonial-footer {
    border-top-color: #334155 !important;
}

html.dark .testimonial-products {
    color: #4ade80 !important;
}

html.dark .result-highlight {
    background: #14532d !important;
    color: #4ade80 !important;
}

html.dark .verified-badge {
    background: #14532d !important;
    color: #4ade80 !important;
}

/* Trust Stats */
html.dark .trust-stats-banner {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

html.dark .trust-stat-item {
    color: #e2e8f0 !important;
}

html.dark .trust-stat-item:hover {
    background: #334155 !important;
}

html.dark .trust-stat-number {
    color: #4ade80 !important;
}

html.dark .trust-stat-label {
    color: #94a3b8 !important;
}

/* Filter Section */
html.dark .filter-section-sticky,
html.dark section.filter-section {
    background: #1e293b !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html.dark .filter-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html.dark .filter-btn:hover {
    border-color: #4ade80 !important;
    color: #4ade80 !important;
}

html.dark .filter-btn.active {
    background: #4ade80 !important;
    border-color: #4ade80 !important;
    color: #1e293b !important;
}

/* Featured Card */
html.dark .featured-card {
    background: #1e293b !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

html.dark .featured-story {
    color: #e2e8f0 !important;
}

html.dark .featured-transformation {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%) !important;
}

html.dark .featured-quote {
    color: #cbd5e1 !important;
    border-left-color: #4ade80 !important;
}

html.dark .featured-author-info h3 {
    color: #ffffff !important;
}

html.dark .timeline-value {
    color: #e2e8f0 !important;
}

html.dark .timeline-label {
    color: #94a3b8 !important;
}

/* Intermediate CTA */
html.dark .intermediate-cta {
    background: linear-gradient(135deg, #1e293b 0%, #14532d 100%) !important;
    border-color: #4ade80 !important;
}

html.dark .intermediate-cta h3 {
    color: #ffffff !important;
}

html.dark .intermediate-cta p {
    color: #cbd5e1 !important;
}

/* Video Cards */
html.dark .video-testimonial-item > div {
    background: #1e293b !important;
}

html.dark .video-result-badge {
    background: #14532d !important;
    color: #4ade80 !important;
}

html.dark .video-meta {
    color: #94a3b8 !important;
    border-top-color: #334155 !important;
}

/* Share CTA */
html.dark .share-cta-section {
    background: linear-gradient(135deg, #1e293b 0%, #2d1f5a 100%) !important;
}

html.dark .share-cta-content h3 {
    color: #a78bfa !important;
}

html.dark .share-cta-content p {
    color: #cbd5e1 !important;
}

/* Enhanced CTA */
html.dark .enhanced-cta-box {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%) !important;
    border-color: #4ade80 !important;
}

html.dark .enhanced-cta-box h2 {
    color: #ffffff !important;
}

html.dark .enhanced-cta-box p {
    color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FAQ PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .faq-hero {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 50%, #0f172a 100%) !important;
}

html.dark .faq-category-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .faq-category-card:hover {
    border-color: #4ade80 !important;
}

html.dark .faq-category-title {
    color: #ffffff !important;
}

html.dark .faq-accordion {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .faq-accordion-header {
    color: #ffffff !important;
}

html.dark .faq-accordion-header:hover {
    background: #334155 !important;
}

html.dark .faq-accordion-content {
    color: #cbd5e1 !important;
    border-top-color: #334155 !important;
}

html.dark .faq-accordion.is-open .faq-accordion-header {
    background: #14532d !important;
    color: #4ade80 !important;
}

/* ═══════════════════════════════════════════════════════════════
   MENTIONS LÉGALES & CGV PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .mentions-hero,
html.dark .cgv-hero {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 50%, #0f172a 100%) !important;
}

html.dark .mentions-content,
html.dark .cgv-content {
    background: #0f172a !important;
}

html.dark .info-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .info-card:hover {
    border-color: #4ade80 !important;
}

html.dark .card-title {
    color: #ffffff !important;
}

html.dark .card-content,
html.dark .card-content p {
    color: #cbd5e1 !important;
}

html.dark .legal-section {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .legal-section:hover {
    border-color: #4ade80 !important;
}

html.dark .section-title {
    color: #ffffff !important;
}

html.dark .legal-section p,
html.dark .legal-section li {
    color: #cbd5e1 !important;
}

html.dark .legal-section ul {
    color: #cbd5e1 !important;
}

html.dark .toc-nav {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .toc-link {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .toc-link:hover {
    background: #14532d !important;
    color: #4ade80 !important;
    border-color: #4ade80 !important;
}

html.dark .engagements-section {
    background: #1e293b !important;
}

html.dark .engagement-item {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .engagement-label {
    color: #e2e8f0 !important;
}

html.dark .certification-grid .cert-item,
html.dark .cert-item {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .cert-label {
    color: #e2e8f0 !important;
}

html.dark .philosophy-banner {
    background: linear-gradient(135deg, #14532d 0%, #0f172a 100%) !important;
}

html.dark .philosophy-title {
    color: #ffffff !important;
}

html.dark .philosophy-text {
    color: #cbd5e1 !important;
}

html.dark .related-legal-pages {
    background: #1e293b !important;
}

html.dark .related-link {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .related-link:hover {
    border-color: #4ade80 !important;
    background: #14532d !important;
}

html.dark .related-content strong {
    color: #ffffff !important;
}

html.dark .related-content span {
    color: #94a3b8 !important;
}

html.dark .contact-cta {
    background: linear-gradient(135deg, #14532d 0%, #0f172a 100%) !important;
}

html.dark .micro-cta {
    background: #14532d !important;
    border-color: #22c55e !important;
}

html.dark .micro-cta-text {
    color: #e2e8f0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   BUTTONS FIX - All button variants
   ═══════════════════════════════════════════════════════════════ */

/* Primary Green Buttons */
html.dark .btn-green,
html.dark .btn-primary,
html.dark .btn-add-cart,
html.dark [class*="btn-brand-green"] {
    background: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
    color: #ffffff !important;
    border-color: #22c55e !important;
}

html.dark .btn-green:hover,
html.dark .btn-primary:hover,
html.dark .btn-add-cart:hover {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    color: #ffffff !important;
}

/* Gold Buttons */
html.dark .btn-gold,
html.dark .btn-secondary {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #1e293b !important;
    border-color: #fbbf24 !important;
}

html.dark .btn-gold:hover,
html.dark .btn-secondary:hover {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important;
    color: #0f172a !important;
}

/* Outline Buttons */
html.dark .btn-outline,
html.dark .btn-outline-green {
    background: transparent !important;
    border: 2px solid #4ade80 !important;
    color: #4ade80 !important;
}

html.dark .btn-outline:hover,
html.dark .btn-outline-green:hover {
    background: #4ade80 !important;
    color: #1e293b !important;
}

/* White/Light Buttons */
html.dark .btn-white,
html.dark .btn-light {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark .btn-white:hover,
html.dark .btn-light:hover {
    background: #475569 !important;
    color: #ffffff !important;
}

/* Clear/Reset Buttons */
html.dark .clear-filters-btn {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: #ef4444 !important;
    color: #f87171 !important;
}

html.dark .clear-filters-btn:hover {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #fca5a5 !important;
}

/* Drawer close button */
html.dark .drawer-close-btn {
    color: #cbd5e1 !important;
}

html.dark .drawer-close-btn:hover {
    color: #ffffff !important;
    background: #334155 !important;
}

/* ═══════════════════════════════════════════════════════════════
   A PROPOS PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .about-hero {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 50%, #0f172a 100%) !important;
}

html.dark .story-section {
    background: #0f172a !important;
}

html.dark .story-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .story-card p {
    color: #cbd5e1 !important;
}

html.dark .values-section {
    background: #1e293b !important;
}

html.dark .value-card {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .value-card:hover {
    border-color: #4ade80 !important;
}

html.dark .value-title {
    color: #ffffff !important;
}

html.dark .value-desc {
    color: #cbd5e1 !important;
}

html.dark .stats-section-about {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%) !important;
}

html.dark .stat-card-about {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .stat-number-about {
    color: #fbbf24 !important;
}

html.dark .stat-label-about {
    color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════
   AFFILIATION PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .affiliation-hero {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 50%, #0f172a 100%) !important;
}

html.dark .income-levels {
    background: #0f172a !important;
}

html.dark .income-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .income-card:hover {
    border-color: #fbbf24 !important;
}

html.dark .income-title {
    color: #ffffff !important;
}

html.dark .income-amount {
    color: #fbbf24 !important;
}

html.dark .income-desc {
    color: #cbd5e1 !important;
}

html.dark .steps-section {
    background: #1e293b !important;
}

html.dark .step-card {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .step-number {
    background: #14532d !important;
    color: #4ade80 !important;
}

html.dark .step-title {
    color: #ffffff !important;
}

html.dark .step-desc {
    color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .product-single-container {
    background: #0f172a !important;
}

html.dark .product-details-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .product-single-title {
    color: #ffffff !important;
}

html.dark .product-single-description {
    color: #cbd5e1 !important;
}

html.dark .product-meta-info {
    color: #94a3b8 !important;
}

html.dark .product-tabs {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .product-tab-btn {
    color: #94a3b8 !important;
    border-color: transparent !important;
}

html.dark .product-tab-btn:hover,
html.dark .product-tab-btn.active {
    color: #4ade80 !important;
    border-color: #4ade80 !important;
}

html.dark .product-tab-content {
    color: #cbd5e1 !important;
}

html.dark .related-products-section {
    background: #0f172a !important;
}

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE SECTIONS FIX
   ═══════════════════════════════════════════════════════════════ */

html.dark .trust-section {
    background: #1e293b !important;
}

html.dark .trust-badge-item {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .trust-badge-item:hover {
    border-color: #4ade80 !important;
}

html.dark .trust-badge-title {
    color: #ffffff !important;
}

html.dark .trust-badge-desc {
    color: #94a3b8 !important;
}

html.dark .categories-section {
    background: #0f172a !important;
}

html.dark .category-card-home {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .category-card-home:hover {
    border-color: #4ade80 !important;
}

html.dark .category-name {
    color: #ffffff !important;
}

html.dark .category-count {
    color: #94a3b8 !important;
}

html.dark .blog-preview-section {
    background: #1e293b !important;
}

html.dark .blog-card-preview {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .blog-card-preview:hover {
    border-color: #4ade80 !important;
}

html.dark .blog-card-title {
    color: #ffffff !important;
}

html.dark .blog-card-excerpt {
    color: #cbd5e1 !important;
}

html.dark .blog-card-meta {
    color: #94a3b8 !important;
}

/* Benefits Section */
html.dark .benefits-section-home {
    background: #0f172a !important;
}

html.dark .benefit-card-home {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .benefit-card-home:hover {
    border-color: #4ade80 !important;
}

html.dark .benefit-title-home {
    color: #ffffff !important;
}

html.dark .benefit-desc-home {
    color: #cbd5e1 !important;
}

/* FAQ Section on Homepage */
html.dark .faq-section-home {
    background: #1e293b !important;
}

html.dark .faq-item-home {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .faq-question-home {
    color: #ffffff !important;
}

html.dark .faq-answer-home {
    color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   INLINE STYLES OVERRIDE (for elements with style attributes)
   ═══════════════════════════════════════════════════════════════ */

html.dark [style*="background: white"],
html.dark [style*="background: #fff"],
html.dark [style*="background: #ffffff"],
html.dark [style*="background-color: white"],
html.dark [style*="background-color: #fff"],
html.dark [style*="background-color: #ffffff"] {
    background: #1e293b !important;
}

html.dark [style*="background: #f9fafb"],
html.dark [style*="background: #f3f4f6"],
html.dark [style*="background: #f0fdf4"],
html.dark [style*="background-color: #f9fafb"],
html.dark [style*="background-color: #f3f4f6"],
html.dark [style*="background-color: #f0fdf4"] {
    background: #0f172a !important;
}

html.dark [style*="color: #1f2937"],
html.dark [style*="color: #111827"],
html.dark [style*="color: #1a1a1a"],
html.dark [style*="color: #374151"] {
    color: #ffffff !important;
}

html.dark [style*="color: #4b5563"],
html.dark [style*="color: #6b7280"],
html.dark [style*="color: #9ca3af"] {
    color: #cbd5e1 !important;
}

html.dark [style*="border-color: #e5e7eb"],
html.dark [style*="border: 1px solid #e5e7eb"],
html.dark [style*="border: 2px solid #e5e7eb"] {
    border-color: #334155 !important;
}

/* Shop bottom CTA */
html.dark .shop-bottom-cta {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%) !important;
}

/* Category slider */
html.dark .category-slider-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

html.dark .category-slider-item {
    background: #1e293b !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html.dark .category-slider-item:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5) !important;
}

html.dark .category-slider-prev,
html.dark .category-slider-next {
    background: #1e293b !important;
    border-color: #4ade80 !important;
    color: #4ade80 !important;
}

html.dark .category-slider-prev:hover,
html.dark .category-slider-next:hover {
    background: #4ade80 !important;
    color: #1e293b !important;
}

/* Mobile filter */
html.dark .mobile-filter-trigger,
html.dark .mobile-filter-toggle {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .filter-drawer-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* Search expandable */
html.dark .search-expandable {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .search-input-toolbar {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark .search-circle-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html.dark .search-circle-btn:hover,
html.dark .search-circle-btn.active {
    background: #4ade80 !important;
    color: #1e293b !important;
}

/* ============================================================
   DARK MODE VISIBILITY FIX v7.2.0 - SHOP & FORMS COMPLETE
   Expert 5: Sarah CHEN - UX & Performance
   ============================================================ */

/* ===========================================
   SHOP PAGE - PRODUCT ARCHIVE COMPLETE
   =========================================== */

/* Shop toolbar */
html.dark .shop-toolbar,
html.dark .shop-filters-bar,
html.dark .woocommerce-result-count,
html.dark .woocommerce-ordering {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

html.dark .woocommerce-ordering select,
html.dark .shop-sort-select {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

/* Product grid layout */
html.dark .products-grid,
html.dark .product-grid-premium,
html.dark ul.products {
    background: transparent !important;
}

/* Individual product items */
html.dark ul.products li.product,
html.dark .product-item,
html.dark .woocommerce ul.products li.product {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark ul.products li.product:hover,
html.dark .product-item:hover {
    border-color: #4ade80 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Product titles in grid */
html.dark ul.products li.product .woocommerce-loop-product__title,
html.dark .product-item .product-title,
html.dark .woocommerce-loop-product__title {
    color: #ffffff !important;
}

/* Product prices in grid */
html.dark ul.products li.product .price,
html.dark .product-item .price,
html.dark .woocommerce ul.products li.product .price {
    color: #4ade80 !important;
}

html.dark ul.products li.product .price del,
html.dark .product-item .price del {
    color: #94a3b8 !important;
}

html.dark ul.products li.product .price ins,
html.dark .product-item .price ins {
    color: #4ade80 !important;
    background: transparent !important;
}

/* Product rating stars */
html.dark .star-rating,
html.dark .woocommerce .star-rating {
    color: #fbbf24 !important;
}

html.dark .star-rating::before {
    color: #475569 !important;
}

/* Add to cart buttons in grid */
html.dark ul.products li.product .button,
html.dark ul.products li.product .add_to_cart_button,
html.dark .product-item .add-to-cart-btn,
html.dark .woocommerce a.button {
    background: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

html.dark ul.products li.product .button:hover,
html.dark ul.products li.product .add_to_cart_button:hover,
html.dark .product-item .add-to-cart-btn:hover {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
    transform: translateY(-2px) !important;
}

/* Product badges (sale, new, etc.) */
html.dark .onsale,
html.dark .product-badge-sale,
html.dark span.onsale {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    color: #ffffff !important;
}

html.dark .product-badge-new {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%) !important;
    color: #0f172a !important;
}

html.dark .product-badge-popular,
html.dark .product-badge-bestseller {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #0f172a !important;
}

/* Pagination */
html.dark .woocommerce-pagination,
html.dark nav.woocommerce-pagination {
    background: transparent !important;
}

html.dark .woocommerce-pagination ul,
html.dark .woocommerce-pagination ul li {
    border-color: #334155 !important;
}

html.dark .woocommerce-pagination ul li a,
html.dark .woocommerce-pagination ul li span {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .woocommerce-pagination ul li a:hover {
    background: #334155 !important;
    color: #4ade80 !important;
}

html.dark .woocommerce-pagination ul li span.current {
    background: #4ade80 !important;
    color: #0f172a !important;
    border-color: #4ade80 !important;
}

/* ===========================================
   SINGLE PRODUCT PAGE
   =========================================== */

html.dark .single-product-page,
html.dark .product-detail-section {
    background: #0f172a !important;
}

html.dark .product-detail-card,
html.dark .single-product .product {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* Product gallery */
html.dark .woocommerce-product-gallery,
html.dark .product-gallery-wrapper {
    background: #1e293b !important;
}

html.dark .woocommerce-product-gallery__image,
html.dark .gallery-thumbnail {
    border-color: #334155 !important;
}

html.dark .woocommerce-product-gallery__image:hover,
html.dark .gallery-thumbnail:hover,
html.dark .gallery-thumbnail.active {
    border-color: #4ade80 !important;
}

/* Product summary */
html.dark .product_title,
html.dark .single-product .product_title,
html.dark .entry-title {
    color: #ffffff !important;
}

html.dark .single-product .price,
html.dark .product-price-single {
    color: #4ade80 !important;
    font-weight: 700 !important;
}

html.dark .single-product .woocommerce-product-details__short-description,
html.dark .product-short-description {
    color: #cbd5e1 !important;
}

html.dark .product-short-description p,
html.dark .woocommerce-product-details__short-description p {
    color: #cbd5e1 !important;
}

/* Quantity selector */
html.dark .quantity,
html.dark .quantity-selector {
    background: #334155 !important;
    border-color: #475569 !important;
}

html.dark .quantity input,
html.dark .quantity .qty,
html.dark .quantity-input {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark .quantity-btn,
html.dark .quantity .plus,
html.dark .quantity .minus {
    background: #475569 !important;
    color: #ffffff !important;
    border-color: #64748b !important;
}

html.dark .quantity-btn:hover {
    background: #4ade80 !important;
    color: #0f172a !important;
}

/* Single product add to cart */
html.dark .single_add_to_cart_button,
html.dark .single-product .button.single_add_to_cart_button {
    background: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

html.dark .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
    box-shadow: 0 10px 30px rgba(74, 222, 128, 0.3) !important;
}

/* Product tabs */
html.dark .woocommerce-tabs,
html.dark .product-tabs {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .woocommerce-tabs ul.tabs,
html.dark .product-tabs-nav {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .woocommerce-tabs ul.tabs li,
html.dark .product-tab-item {
    background: transparent !important;
    border-color: #334155 !important;
}

html.dark .woocommerce-tabs ul.tabs li a,
html.dark .product-tab-link {
    color: #94a3b8 !important;
}

html.dark .woocommerce-tabs ul.tabs li.active,
html.dark .product-tab-item.active {
    background: #1e293b !important;
    border-bottom-color: #1e293b !important;
}

html.dark .woocommerce-tabs ul.tabs li.active a,
html.dark .product-tab-item.active .product-tab-link {
    color: #4ade80 !important;
}

html.dark .woocommerce-tabs .panel,
html.dark .woocommerce-Tabs-panel,
html.dark .product-tab-content {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

html.dark .woocommerce-Tabs-panel h2,
html.dark .product-tab-content h2,
html.dark .product-tab-content h3 {
    color: #ffffff !important;
}

html.dark .woocommerce-Tabs-panel p,
html.dark .product-tab-content p {
    color: #cbd5e1 !important;
}

/* Product attributes table */
html.dark .shop_attributes,
html.dark .woocommerce-product-attributes {
    background: #1e293b !important;
}

html.dark .shop_attributes th,
html.dark .woocommerce-product-attributes-item__label {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

html.dark .shop_attributes td,
html.dark .woocommerce-product-attributes-item__value {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* Related products */
html.dark .related.products,
html.dark .related-products-section,
html.dark .upsells.products {
    background: #0f172a !important;
}

html.dark .related.products > h2,
html.dark .related-products-title,
html.dark .upsells.products > h2 {
    color: #ffffff !important;
}

/* ===========================================
   CART & CHECKOUT PAGES
   =========================================== */

/* Cart table */
html.dark .woocommerce-cart-form,
html.dark .shop_table,
html.dark .cart-collaterals {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .shop_table th,
html.dark .woocommerce table.shop_table th {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

html.dark .shop_table td,
html.dark .woocommerce table.shop_table td {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .cart_item .product-name a,
html.dark .woocommerce-cart-form__cart-item .product-name a {
    color: #4ade80 !important;
}

html.dark .cart_item .product-name a:hover {
    color: #86efac !important;
}

html.dark .cart_item .product-price,
html.dark .cart_item .product-subtotal {
    color: #4ade80 !important;
}

/* Cart totals */
html.dark .cart_totals,
html.dark .cart-totals-wrapper {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .cart_totals h2,
html.dark .cart-totals-title {
    color: #ffffff !important;
}

html.dark .cart_totals table,
html.dark .cart_totals th,
html.dark .cart_totals td {
    border-color: #334155 !important;
}

html.dark .cart_totals th {
    color: #94a3b8 !important;
}

html.dark .cart_totals td,
html.dark .cart_totals .amount {
    color: #4ade80 !important;
}

/* Coupon form */
html.dark .coupon,
html.dark .coupon-form {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .coupon input,
html.dark #coupon_code {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark .coupon button,
html.dark .coupon .button {
    background: #334155 !important;
    color: #ffffff !important;
}

html.dark .coupon button:hover {
    background: #4ade80 !important;
    color: #0f172a !important;
}

/* Checkout form */
html.dark .woocommerce-checkout,
html.dark .checkout-page {
    background: #0f172a !important;
}

html.dark #customer_details,
html.dark .woocommerce-billing-fields,
html.dark .woocommerce-shipping-fields,
html.dark .woocommerce-additional-fields {
    background: #1e293b !important;
    border-color: #334155 !important;
    border-radius: 16px !important;
    padding: 2rem !important;
}

html.dark .woocommerce-billing-fields h3,
html.dark .woocommerce-shipping-fields h3,
html.dark .woocommerce-additional-fields h3 {
    color: #ffffff !important;
}

html.dark .woocommerce-checkout label,
html.dark .checkout-form label {
    color: #e2e8f0 !important;
}

html.dark .woocommerce-checkout input,
html.dark .woocommerce-checkout select,
html.dark .woocommerce-checkout textarea,
html.dark .checkout-form input,
html.dark .checkout-form select,
html.dark .checkout-form textarea {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark .woocommerce-checkout input:focus,
html.dark .woocommerce-checkout select:focus,
html.dark .woocommerce-checkout textarea:focus {
    border-color: #4ade80 !important;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.2) !important;
}

html.dark .woocommerce-checkout input::placeholder,
html.dark .woocommerce-checkout textarea::placeholder {
    color: #94a3b8 !important;
}

/* Order review */
html.dark #order_review,
html.dark .woocommerce-checkout-review-order {
    background: #1e293b !important;
    border-color: #334155 !important;
    border-radius: 16px !important;
}

html.dark #order_review_heading,
html.dark .order-review-title {
    color: #ffffff !important;
}

html.dark .woocommerce-checkout-review-order-table,
html.dark #order_review table {
    border-color: #334155 !important;
}

html.dark .woocommerce-checkout-review-order-table th,
html.dark .woocommerce-checkout-review-order-table td {
    background: transparent !important;
    border-color: #334155 !important;
}

html.dark .woocommerce-checkout-review-order-table th {
    color: #94a3b8 !important;
}

html.dark .woocommerce-checkout-review-order-table td {
    color: #e2e8f0 !important;
}

html.dark .woocommerce-checkout-review-order-table .product-name {
    color: #ffffff !important;
}

html.dark .woocommerce-checkout-review-order-table .amount {
    color: #4ade80 !important;
}

/* Payment methods */
html.dark #payment,
html.dark .woocommerce-checkout-payment {
    background: #1e293b !important;
    border-color: #334155 !important;
    border-radius: 16px !important;
}

html.dark .wc_payment_methods,
html.dark .woocommerce-checkout-payment ul {
    background: transparent !important;
}

html.dark .wc_payment_method,
html.dark .woocommerce-checkout-payment li {
    background: #0f172a !important;
    border-color: #334155 !important;
    border-radius: 8px !important;
    margin-bottom: 0.5rem !important;
}

html.dark .wc_payment_method label,
html.dark .payment_method_title {
    color: #e2e8f0 !important;
}

html.dark .payment_box,
html.dark .wc_payment_method .payment_box {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

html.dark .payment_box p {
    color: #cbd5e1 !important;
}

/* Place order button */
html.dark #place_order,
html.dark .woocommerce-checkout button[type="submit"] {
    background: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

html.dark #place_order:hover {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
    box-shadow: 0 10px 30px rgba(74, 222, 128, 0.3) !important;
}

/* ===========================================
   FORMS - ALL INPUT TYPES
   =========================================== */

/* Generic form inputs */
html.dark input[type="text"],
html.dark input[type="email"],
html.dark input[type="tel"],
html.dark input[type="password"],
html.dark input[type="number"],
html.dark input[type="url"],
html.dark input[type="search"],
html.dark textarea,
html.dark select {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus {
    border-color: #4ade80 !important;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.2) !important;
    outline: none !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #94a3b8 !important;
}

/* Form labels */
html.dark label,
html.dark .form-label {
    color: #e2e8f0 !important;
}

/* Form sections */
html.dark .form-section,
html.dark .form-group,
html.dark .form-row {
    background: transparent !important;
}

/* Checkboxes and radios */
html.dark input[type="checkbox"],
html.dark input[type="radio"] {
    accent-color: #4ade80 !important;
}

/* FBO Lead Form specifics */
html.dark #fbo-lead-form {
    background: rgba(30, 41, 59, 0.95) !important;
}

html.dark .fbo-form-input,
html.dark #fbo-lead-form input,
html.dark #fbo-lead-form select,
html.dark #fbo-lead-form textarea {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

html.dark #fbo-lead-form input:focus,
html.dark #fbo-lead-form select:focus {
    border-color: #4ade80 !important;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.15) !important;
}

/* ===========================================
   WOOCOMMERCE NOTICES & MESSAGES
   =========================================== */

html.dark .woocommerce-message,
html.dark .woocommerce-info {
    background: #1e3a5f !important;
    border-color: #3b82f6 !important;
    color: #e2e8f0 !important;
}

html.dark .woocommerce-message::before,
html.dark .woocommerce-info::before {
    color: #3b82f6 !important;
}

html.dark .woocommerce-error {
    background: #3f1a1a !important;
    border-color: #ef4444 !important;
    color: #fecaca !important;
}

html.dark .woocommerce-error::before {
    color: #ef4444 !important;
}

html.dark .woocommerce-error li {
    color: #fecaca !important;
}

html.dark .woocommerce-notice--success,
html.dark .wc-block-components-notice-banner.is-success {
    background: #14532d !important;
    border-color: #4ade80 !important;
    color: #dcfce7 !important;
}

/* ===========================================
   MY ACCOUNT PAGES
   =========================================== */

html.dark .woocommerce-account,
html.dark .woocommerce-MyAccount-content {
    background: #0f172a !important;
}

html.dark .woocommerce-MyAccount-navigation {
    background: #1e293b !important;
    border-color: #334155 !important;
    border-radius: 16px !important;
}

html.dark .woocommerce-MyAccount-navigation ul li {
    border-color: #334155 !important;
}

html.dark .woocommerce-MyAccount-navigation ul li a {
    color: #e2e8f0 !important;
}

html.dark .woocommerce-MyAccount-navigation ul li a:hover {
    color: #4ade80 !important;
    background: #334155 !important;
}

html.dark .woocommerce-MyAccount-navigation ul li.is-active a,
html.dark .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    background: #4ade80 !important;
    color: #0f172a !important;
}

html.dark .woocommerce-MyAccount-content {
    background: #1e293b !important;
    border-color: #334155 !important;
    border-radius: 16px !important;
    padding: 2rem !important;
}

html.dark .woocommerce-MyAccount-content h2,
html.dark .woocommerce-MyAccount-content h3 {
    color: #ffffff !important;
}

html.dark .woocommerce-MyAccount-content p {
    color: #cbd5e1 !important;
}

/* Orders table */
html.dark .woocommerce-orders-table,
html.dark .woocommerce-orders-table__row {
    border-color: #334155 !important;
}

html.dark .woocommerce-orders-table__header {
    background: #0f172a !important;
    color: #ffffff !important;
}

html.dark .woocommerce-orders-table__cell {
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .woocommerce-orders-table__cell a {
    color: #4ade80 !important;
}

/* Addresses */
html.dark .woocommerce-address-fields,
html.dark .woocommerce-Address {
    background: #0f172a !important;
    border-color: #334155 !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

html.dark .woocommerce-Address-title h3 {
    color: #ffffff !important;
}

html.dark .woocommerce-Address address {
    color: #cbd5e1 !important;
}

/* ===========================================
   MINI CART & CART DRAWER
   =========================================== */

html.dark .mini-cart,
html.dark .cart-drawer,
html.dark .woocommerce-mini-cart {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .mini-cart-header,
html.dark .cart-drawer-header {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

html.dark .mini-cart-item,
html.dark .woocommerce-mini-cart-item {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .mini-cart-item .product-name,
html.dark .woocommerce-mini-cart-item a {
    color: #ffffff !important;
}

html.dark .mini-cart-item .product-price,
html.dark .woocommerce-mini-cart-item .quantity {
    color: #4ade80 !important;
}

html.dark .mini-cart-footer,
html.dark .cart-drawer-footer {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html.dark .mini-cart-total,
html.dark .woocommerce-mini-cart__total {
    color: #ffffff !important;
}

html.dark .mini-cart-total .amount {
    color: #4ade80 !important;
}

/* ===========================================
   HOMEPAGE SPECIFIC SECTIONS
   =========================================== */

/* Hero section on homepage */
html.dark .hero-section,
html.dark .homepage-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

html.dark .hero-title,
html.dark .homepage-hero h1 {
    color: #ffffff !important;
}

html.dark .hero-subtitle,
html.dark .homepage-hero p {
    color: #cbd5e1 !important;
}

/* Features grid */
html.dark .features-section,
html.dark .features-grid {
    background: #0f172a !important;
}

html.dark .feature-card,
html.dark .feature-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .feature-card:hover {
    border-color: #4ade80 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

html.dark .feature-title,
html.dark .feature-card h3 {
    color: #ffffff !important;
}

html.dark .feature-description,
html.dark .feature-card p {
    color: #cbd5e1 !important;
}

html.dark .feature-icon {
    color: #4ade80 !important;
}

/* Categories section */
html.dark .categories-section,
html.dark .product-categories-grid {
    background: #0f172a !important;
}

html.dark .category-card,
html.dark .product-category-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html.dark .category-card:hover {
    border-color: #4ade80 !important;
}

html.dark .category-title,
html.dark .category-card h3 {
    color: #ffffff !important;
}

html.dark .category-count,
html.dark .category-card span {
    color: #94a3b8 !important;
}

/* ===========================================
   FOOTER NEWSLETTER SECTION - "Rejoignez notre communauté"
   v7.2.3 - Gris Sombre Élégant
   =========================================== */

/* Newsletter section background - Dark Gray Elegant */
html.dark .newsletter-section,
html.dark .newsletter-signup {
    background: #334155 !important; /* slate-700 - gris sombre */
    border-top: 1px solid #475569 !important;
}

/* Newsletter section title - "Rejoignez notre communauté" */
html.dark .newsletter-section__title,
html.dark .newsletter-title,
html.dark .newsletter-section h2,
html.dark .newsletter-section h3 {
    color: #f1f5f9 !important; /* slate-100 */
}

/* Newsletter section subtitle */
html.dark .newsletter-section__subtitle,
html.dark .newsletter-description,
html.dark .newsletter-section p {
    color: #94a3b8 !important; /* slate-400 - subtil */
}

/* Newsletter form benefit text (BONUS line) */
html.dark .newsletter-form__benefit,
html.dark .newsletter-section [style*="color: rgba(255,255,255"] {
    color: #94a3b8 !important;
}

/* Newsletter form input - Dark Gray */
html.dark .newsletter-form input,
html.dark .newsletter-form__input,
html.dark .newsletter-email {
    background: #1e293b !important; /* slate-800 */
    color: #f1f5f9 !important;
    border: 1px solid #475569 !important;
}

html.dark .newsletter-form input::placeholder,
html.dark .newsletter-form__input::placeholder {
    color: #64748b !important; /* slate-500 */
}

html.dark .newsletter-form input:focus,
html.dark .newsletter-form__input:focus {
    border-color: #4ade80 !important;
    box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.15) !important;
    outline: none !important;
}

/* Newsletter form button - Green Accent */
html.dark .newsletter-form button,
html.dark .newsletter-form__button {
    background: #4ade80 !important;
    color: #020617 !important;
    font-weight: 600 !important;
    border: none !important;
}

html.dark .newsletter-form button:hover,
html.dark .newsletter-form__button:hover {
    background: #86efac !important;
    transform: translateY(-1px) !important;
}

/* Newsletter social proof text */
html.dark .newsletter-form__social-proof {
    color: #64748b !important; /* slate-500 - discret */
}

/* Newsletter decorations - Hidden for clean look */
html.dark .newsletter-section__decoration {
    opacity: 0.03 !important;
}

/* Footer copyright - Minimal & Elegant */
html.dark .footer-copyright,
html.dark .footer-copyright__text {
    color: #475569 !important; /* slate-600 - très subtil */
}

html.dark .footer-copyright__brand {
    color: #64748b !important; /* slate-500 */
}

/* ===========================================
   ADDITIONAL INLINE STYLE OVERRIDES
   =========================================== */

/* Override white backgrounds */
html.dark [style*="background: white"],
html.dark [style*="background: #fff"],
html.dark [style*="background: #ffffff"],
html.dark [style*="background-color: white"],
html.dark [style*="background-color: #fff"],
html.dark [style*="background-color: #ffffff"],
html.dark [style*="background: rgb(255, 255, 255)"],
html.dark [style*="background-color: rgb(255, 255, 255)"] {
    background: #1e293b !important;
}

/* Override light gray backgrounds */
html.dark [style*="background: #f"],
html.dark [style*="background-color: #f"],
html.dark [style*="background: rgb(24"],
html.dark [style*="background: rgb(25"],
html.dark [style*="background-color: rgb(24"],
html.dark [style*="background-color: rgb(25"] {
    background: #1e293b !important;
}

/* Override dark text colors to light */
html.dark [style*="color: #1"],
html.dark [style*="color: #2"],
html.dark [style*="color: #3"],
html.dark [style*="color: #4"],
html.dark [style*="color: #5"],
html.dark [style*="color: rgb(0"],
html.dark [style*="color: rgb(1"],
html.dark [style*="color: rgb(2"],
html.dark [style*="color: rgb(3"],
html.dark [style*="color: rgb(4"],
html.dark [style*="color: rgb(5"] {
    color: #e2e8f0 !important;
}

/* Override specific gray text colors */
html.dark [style*="color: #6b7280"],
html.dark [style*="color: rgb(107, 114, 128)"] {
    color: #94a3b8 !important;
}

html.dark [style*="color: #9ca3af"],
html.dark [style*="color: rgb(156, 163, 175)"] {
    color: #cbd5e1 !important;
}

/* Override borders */
html.dark [style*="border-color: #e"],
html.dark [style*="border: 1px solid #e"],
html.dark [style*="border: 2px solid #e"] {
    border-color: #334155 !important;
}

/* ===========================================
   ACCESSIBILITY - FOCUS STATES IN DARK MODE
   =========================================== */

html.dark a:focus,
html.dark button:focus,
html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus,
html.dark [tabindex]:focus {
    outline: 2px solid #4ade80 !important;
    outline-offset: 2px !important;
}

html.dark a:focus-visible,
html.dark button:focus-visible {
    outline: 3px solid #4ade80 !important;
    outline-offset: 2px !important;
}

/* ===========================================
   PRINT STYLES - RESET DARK MODE
   =========================================== */

@media print {
    html.dark,
    html.dark body,
    html.dark * {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }
}