/**
 * Dark Mode Complete - Styles complets pour tous les textes
 * Version exhaustive pour garantir que tous les textes sont visibles
 */

/* === Règle Générale - Tous les Textes === */
html[data-theme="dark"],
html.dark-mode {
    color: #f9fafb !important;
}

html[data-theme="dark"] *,
html.dark-mode * {
    /* Appliquer la couleur de texte par défaut */
    color: inherit;
}

/* === Override pour éléments spécifiques === */

/* Tous les éléments de texte de base */
html[data-theme="dark"] p,
html.dark-mode p,
html[data-theme="dark"] span,
html.dark-mode span,
html[data-theme="dark"] div:not(.btn):not(.badge):not(.alert):not(.card):not(.modal):not(.dropdown),
html.dark-mode div:not(.btn):not(.badge):not(.alert):not(.card):not(.modal):not(.dropdown),
html[data-theme="dark"] section,
html.dark-mode section,
html[data-theme="dark"] article,
html.dark-mode article,
html[data-theme="dark"] aside,
html.dark-mode aside,
html[data-theme="dark"] main,
html.dark-mode main {
    color: #f9fafb !important;
}

/* Textes avec couleur #333 (couleur sombre par défaut) */
html[data-theme="dark"] [style*="color: #333"],
html.dark-mode [style*="color: #333"],
html[data-theme="dark"] [style*="color:#333"],
html.dark-mode [style*="color:#333"],
html[data-theme="dark"] [style*="color: rgb(51, 51, 51)"],
html.dark-mode [style*="color: rgb(51, 51, 51)"],
html[data-theme="dark"] [style*="color:rgb(51, 51, 51)"],
html.dark-mode [style*="color:rgb(51, 51, 51)"] {
    color: #f9fafb !important;
}

/* Textes avec couleur #666 (gris moyen) */
html[data-theme="dark"] [style*="color: #666"],
html.dark-mode [style*="color: #666"],
html[data-theme="dark"] [style*="color:#666"],
html.dark-mode [style*="color:#666"] {
    color: #d1d5db !important;
}

/* Textes avec couleur #555 */
html[data-theme="dark"] [style*="color: #555"],
html.dark-mode [style*="color: #555"],
html[data-theme="dark"] [style*="color:#555"],
html.dark-mode [style*="color:#555"] {
    color: #d1d5db !important;
}

/* Classes de couleur spécifiques du site */
html[data-theme="dark"] .product-title,
html.dark-mode .product-title {
    color: #f9fafb !important;
}

html[data-theme="dark"] .product-shop,
html.dark-mode .product-shop {
    color: #d1d5db !important;
}

html[data-theme="dark"] .stats-label,
html.dark-mode .stats-label {
    color: #d1d5db !important;
}

html[data-theme="dark"] .newsletter-description,
html.dark-mode .newsletter-description {
    color: #d1d5db !important;
}

html[data-theme="dark"] .cta-description,
html.dark-mode .cta-description {
    color: #d1d5db !important;
}

html[data-theme="dark"] .cta-feature-item,
html.dark-mode .cta-feature-item {
    color: #d1d5db !important;
}

/* Forcer les textes dans les cartes blanches */
html[data-theme="dark"] .stats-card,
html.dark-mode .stats-card,
html[data-theme="dark"] .category-card,
html.dark-mode .category-card,
html[data-theme="dark"] .product-card,
html.dark-mode .product-card,
html[data-theme="dark"] .newsletter-card,
html.dark-mode .newsletter-card,
html[data-theme="dark"] .cta-card,
html.dark-mode .cta-card {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
    border-color: #374151 !important;
}

/* Tous les textes dans les cartes - Gestion exhaustive */
html[data-theme="dark"] .stats-card *,
html.dark-mode .stats-card *,
html[data-theme="dark"] .category-card *,
html.dark-mode .category-card *,
html[data-theme="dark"] .product-card *,
html.dark-mode .product-card *,
html[data-theme="dark"] .newsletter-card *,
html.dark-mode .newsletter-card *,
html[data-theme="dark"] .cta-card *,
html.dark-mode .cta-card * {
    color: #f9fafb !important;
}

/* Textes spécifiques dans product-card */
html[data-theme="dark"] .product-card .product-title,
html.dark-mode .product-card .product-title,
html[data-theme="dark"] .product-card .product-shop,
html.dark-mode .product-card .product-shop,
html[data-theme="dark"] .product-card .product-info,
html.dark-mode .product-card .product-info {
    color: #f9fafb !important;
}

/* Textes dans category-card */
html[data-theme="dark"] .category-card h3,
html.dark-mode .category-card h3,
html[data-theme="dark"] .category-card h4,
html.dark-mode .category-card h4,
html[data-theme="dark"] .category-card p,
html.dark-mode .category-card p,
html[data-theme="dark"] .category-card span,
html.dark-mode .category-card span {
    color: #f9fafb !important;
}

/* Textes dans stats-card */
html[data-theme="dark"] .stats-card .stats-label,
html.dark-mode .stats-card .stats-label,
html[data-theme="dark"] .stats-card p,
html.dark-mode .stats-card p,
html[data-theme="dark"] .stats-card span,
html.dark-mode .stats-card span {
    color: #d1d5db !important;
}

/* Exception pour les prix - garder la couleur accent */
html[data-theme="dark"] .product-price,
html.dark-mode .product-price,
html[data-theme="dark"] .stats-number,
html.dark-mode .stats-number {
    color: #fbbf24 !important;
}

/* Exception pour les liens dans les cartes */
html[data-theme="dark"] .product-card a,
html.dark-mode .product-card a,
html[data-theme="dark"] .category-card a,
html.dark-mode .category-card a,
html[data-theme="dark"] .stats-card a,
html.dark-mode .stats-card a,
html[data-theme="dark"] .newsletter-card a,
html.dark-mode .newsletter-card a,
html[data-theme="dark"] .cta-card a,
html.dark-mode .cta-card a {
    color: #818cf8 !important;
}

html[data-theme="dark"] .product-card a:hover,
html.dark-mode .product-card a:hover,
html[data-theme="dark"] .category-card a:hover,
html.dark-mode .category-card a:hover,
html[data-theme="dark"] .stats-card a:hover,
html.dark-mode .stats-card a:hover,
html[data-theme="dark"] .newsletter-card a:hover,
html.dark-mode .newsletter-card a:hover,
html[data-theme="dark"] .cta-card a:hover,
html.dark-mode .cta-card a:hover {
    color: #a5b4fc !important;
}

/* === Icônes Navbar - Override Complet === */
html[data-theme="dark"] .header_area .navbar-icons-wrapper .ti-bag,
html.dark-mode .header_area .navbar-icons-wrapper .ti-bag,
html[data-theme="dark"] .header_area .navbar-icons-wrapper .ti-bell,
html.dark-mode .header_area .navbar-icons-wrapper .ti-bell,
html[data-theme="dark"] .header_area .navbar-icons-wrapper .lnr-sync,
html.dark-mode .header_area .navbar-icons-wrapper .lnr-sync,
html[data-theme="dark"] .header_area .navbar-icons-wrapper .lnr-magnifier,
html.dark-mode .header_area .navbar-icons-wrapper .lnr-magnifier {
    color: #f9fafb !important;
}

/* Force les icônes même avec des styles inline */
html[data-theme="dark"] .header_area [style*="color: #333"],
html.dark-mode .header_area [style*="color: #333"],
html[data-theme="dark"] .navbar-icons-wrapper [style*="color: #333"],
html.dark-mode .navbar-icons-wrapper [style*="color: #333"],
html[data-theme="dark"] .header_area .navbar-icons-wrapper [style*="color: #333"],
html.dark-mode .header_area .navbar-icons-wrapper [style*="color: #333"] {
    color: #f9fafb !important;
}

/* === Sections Spécifiques Page d'Accueil === */

/* Section Titles - "Nos catégories de boutiques", "Nouveautés", etc. */
html[data-theme="dark"] .section-title,
html.dark-mode .section-title {
    color: #f9fafb !important;
}

html[data-theme="dark"] .section-title h2,
html.dark-mode .section-title h2 {
    color: #f9fafb !important;
}

html[data-theme="dark"] .section-title p,
html.dark-mode .section-title p {
    color: #d1d5db !important;
}

/* Section "Recommandés pour vous" - Forcer la visibilité */
html[data-theme="dark"] section.bg-white,
html.dark-mode section.bg-white {
    background: #1f2937 !important;
}

html[data-theme="dark"] section.bg-white .section-title,
html.dark-mode section.bg-white .section-title,
html[data-theme="dark"] section.bg-white .section-title h2,
html.dark-mode section.bg-white .section-title h2,
html[data-theme="dark"] section.bg-white .section-title p,
html.dark-mode section.bg-white .section-title p {
    color: #f9fafb !important;
}

html[data-theme="dark"] section.bg-white .section-title h2,
html.dark-mode section.bg-white .section-title h2 {
    color: #f9fafb !important;
}

html[data-theme="dark"] section.bg-white .section-title p,
html.dark-mode section.bg-white .section-title p {
    color: #d1d5db !important;
}

/* Surcharger les styles inline du template index.html.twig */
html[data-theme="dark"] .section-title h2,
html.dark-mode .section-title h2 {
    color: #f9fafb !important;
}

html[data-theme="dark"] .section-title p,
html.dark-mode .section-title p {
    color: #d1d5db !important;
}

/* Section bg-light */
html[data-theme="dark"] section.bg-light,
html.dark-mode section.bg-light,
html[data-theme="dark"] .bg-light,
html.dark-mode .bg-light {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] section.bg-light *,
html.dark-mode section.bg-light *,
html[data-theme="dark"] .bg-light *,
html.dark-mode .bg-light * {
    color: #f9fafb !important;
}

/* Category Card Custom */
html[data-theme="dark"] .category-card-custom,
html.dark-mode .category-card-custom {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .category-card-custom *,
html.dark-mode .category-card-custom *,
html[data-theme="dark"] .category-card-custom h4,
html.dark-mode .category-card-custom h4,
html[data-theme="dark"] .category-card-custom h5,
html.dark-mode .category-card-custom h5,
html[data-theme="dark"] .category-card-custom p,
html.dark-mode .category-card-custom p,
html[data-theme="dark"] .category-card-custom span,
html.dark-mode .category-card-custom span {
    color: #f9fafb !important;
}

/* Category Content */
html[data-theme="dark"] .category-content,
html.dark-mode .category-content,
html[data-theme="dark"] .category-content *,
html.dark-mode .category-content *,
html[data-theme="dark"] .category-content h5,
html.dark-mode .category-content h5,
html[data-theme="dark"] .category-content p,
html.dark-mode .category-content p {
    color: #f9fafb !important;
}

/* Shop Category Clickable */
html[data-theme="dark"] .shop-category-clickable,
html.dark-mode .shop-category-clickable,
html[data-theme="dark"] .shop-category-clickable *,
html.dark-mode .shop-category-clickable * {
    color: #f9fafb !important;
}

/* Category Icon Wrapper - Overlay */
html[data-theme="dark"] .category-overlay-custom,
html.dark-mode .category-overlay-custom {
    background: rgba(0, 0, 0, 0.7) !important;
}

html[data-theme="dark"] .category-icon-wrapper,
html.dark-mode .category-icon-wrapper,
html[data-theme="dark"] .category-icon-wrapper *,
html.dark-mode .category-icon-wrapper *,
html[data-theme="dark"] .category-icon-wrapper h4,
html.dark-mode .category-icon-wrapper h4,
html[data-theme="dark"] .category-icon-wrapper p,
html.dark-mode .category-icon-wrapper p {
    color: #ffffff !important;
}

html[data-theme="dark"] .category-icon-wrapper i,
html.dark-mode .category-icon-wrapper i {
    color: #fbbf24 !important; /* Couleur accent pour les icônes */
}

/* Featured Gallery - Nouveautés */
html[data-theme="dark"] .featured-gallery-wrapper,
html.dark-mode .featured-gallery-wrapper,
html[data-theme="dark"] .featured-gallery-container,
html.dark-mode .featured-gallery-container,
html[data-theme="dark"] .featured-gallery-grid,
html.dark-mode .featured-gallery-grid {
    background-color: transparent !important;
}

html[data-theme="dark"] .featured-gallery-item,
html.dark-mode .featured-gallery-item,
html[data-theme="dark"] .featured-gallery-item *,
html.dark-mode .featured-gallery-item * {
    color: #f9fafb !important;
}

/* Single Product dans featured gallery */
html[data-theme="dark"] .single-product,
html.dark-mode .single-product {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .single-product *,
html.dark-mode .single-product *,
html[data-theme="dark"] .single-product h6,
html.dark-mode .single-product h6,
html[data-theme="dark"] .single-product .product-title,
html.dark-mode .single-product .product-title {
    color: #f9fafb !important;
}

/* Exception pour prix dans single-product */
html[data-theme="dark"] .single-product .price,
html.dark-mode .single-product .price,
html[data-theme="dark"] .single-product .price h6,
html.dark-mode .single-product .price h6 {
    color: #fbbf24 !important;
}

/* Prix barré */
html[data-theme="dark"] .single-product .l-through,
html.dark-mode .single-product .l-through {
    color: #9ca3af !important;
}

/* Shop Info */
html[data-theme="dark"] .single-product .shop-info,
html.dark-mode .single-product .shop-info,
html[data-theme="dark"] .single-product .shop-info *,
html.dark-mode .single-product .shop-info *,
html[data-theme="dark"] .single-product .shop-info small,
html.dark-mode .single-product .shop-info small {
    color: #d1d5db !important;
}

html[data-theme="dark"] .single-product .shop-link,
html.dark-mode .single-product .shop-link {
    color: #818cf8 !important;
}

html[data-theme="dark"] .single-product .shop-link:hover,
html.dark-mode .single-product .shop-link:hover {
    color: #a5b4fc !important;
}

/* Product Details */
html[data-theme="dark"] .single-product .product-details,
html.dark-mode .single-product .product-details,
html[data-theme="dark"] .single-product .product-details *,
html.dark-mode .single-product .product-details * {
    color: #f9fafb !important;
}

/* Prd Bottom - Actions */
html[data-theme="dark"] .single-product .prd-bottom,
html.dark-mode .single-product .prd-bottom,
html[data-theme="dark"] .single-product .prd-bottom *,
html.dark-mode .single-product .prd-bottom *,
html[data-theme="dark"] .single-product .prd-bottom .social-info,
html.dark-mode .single-product .prd-bottom .social-info,
html[data-theme="dark"] .single-product .prd-bottom .hover-text,
html.dark-mode .single-product .prd-bottom .hover-text {
    color: #f9fafb !important;
}

html[data-theme="dark"] .single-product .prd-bottom .social-info:hover,
html.dark-mode .single-product .prd-bottom .social-info:hover {
    background-color: #374151 !important;
    color: #fbbf24 !important;
}

/* Product Image Container */
html[data-theme="dark"] .product-image-container,
html.dark-mode .product-image-container {
    background-color: #374151 !important;
}

/* Featured Gallery Navigation Buttons */
html[data-theme="dark"] .featured-gallery-nav-btn,
html.dark-mode .featured-gallery-nav-btn {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .featured-gallery-nav-btn:hover,
html.dark-mode .featured-gallery-nav-btn:hover {
    background-color: #374151 !important;
    color: #fbbf24 !important;
}

/* Load More Button */
html[data-theme="dark"] .featured-gallery-load-more,
html.dark-mode .featured-gallery-load-more,
html[data-theme="dark"] .featured-gallery-load-more *,
html.dark-mode .featured-gallery-load-more * {
    color: #f9fafb !important;
}

/* === Section "Pourquoi choisir MaketOu ?" - Feature Cards === */

/* Feature Card */
html[data-theme="dark"] .feature-card,
html.dark-mode .feature-card {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .feature-card *,
html.dark-mode .feature-card *,
html[data-theme="dark"] .feature-card h5,
html.dark-mode .feature-card h5,
html[data-theme="dark"] .feature-card p,
html.dark-mode .feature-card p {
    color: #f9fafb !important;
}

/* Feature Icon - Garder le gradient mais s'assurer que l'icône est visible */
html[data-theme="dark"] .feature-icon,
html.dark-mode .feature-icon {
    background: linear-gradient(135deg, #ffa200, #e8910a) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .feature-icon *,
html.dark-mode .feature-icon *,
html[data-theme="dark"] .feature-icon i,
html.dark-mode .feature-icon i {
    color: #ffffff !important;
}

/* === Section "Prêt à commencer ?" - CTA Section === */

/* CTA Section Modern */
html[data-theme="dark"] .cta-section-modern,
html.dark-mode .cta-section-modern {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .cta-section-modern *,
html.dark-mode .cta-section-modern * {
    color: #f9fafb !important;
}

/* CTA Card */
html[data-theme="dark"] .cta-card,
html.dark-mode .cta-card {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .cta-card *,
html.dark-mode .cta-card * {
    color: #f9fafb !important;
}

/* CTA Content */
html[data-theme="dark"] .cta-content,
html.dark-mode .cta-content,
html[data-theme="dark"] .cta-content *,
html.dark-mode .cta-content * {
    color: #f9fafb !important;
}

/* CTA Badge */
html[data-theme="dark"] .cta-badge,
html.dark-mode .cta-badge {
    background-color: #374151 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .cta-badge *,
html.dark-mode .cta-badge *,
html[data-theme="dark"] .cta-badge i,
html.dark-mode .cta-badge i {
    color: #f9fafb !important;
}

/* CTA Title */
html[data-theme="dark"] .cta-title,
html.dark-mode .cta-title {
    color: #f9fafb !important;
}

/* CTA Description */
html[data-theme="dark"] .cta-description,
html.dark-mode .cta-description,
html[data-theme="dark"] .cta-description strong,
html.dark-mode .cta-description strong {
    color: #d1d5db !important;
}

/* CTA Feature Items */
html[data-theme="dark"] .cta-feature-item,
html.dark-mode .cta-feature-item,
html[data-theme="dark"] .cta-feature-item *,
html.dark-mode .cta-feature-item *,
html[data-theme="dark"] .cta-feature-item span,
html.dark-mode .cta-feature-item span {
    color: #f9fafb !important;
}

html[data-theme="dark"] .cta-feature-item i,
html.dark-mode .cta-feature-item i {
    color: #fbbf24 !important; /* Couleur accent pour les icônes de check */
}

/* CTA Buttons */
html[data-theme="dark"] .cta-button-primary,
html.dark-mode .cta-button-primary {
    background-color: #ffa200 !important;
    color: #ffffff !important;
    border-color: #ffa200 !important;
}

html[data-theme="dark"] .cta-button-primary *,
html.dark-mode .cta-button-primary *,
html[data-theme="dark"] .cta-button-primary i,
html.dark-mode .cta-button-primary i {
    color: #ffffff !important;
}

html[data-theme="dark"] .cta-button-primary:hover,
html.dark-mode .cta-button-primary:hover {
    background-color: #e8910a !important;
    color: #ffffff !important;
}

/* CTA Button Secondary - "Voir les produits" - IMPORTANT : Icône visible */
html[data-theme="dark"] .cta-button-secondary,
html.dark-mode .cta-button-secondary {
    background-color: transparent !important;
    color: #f9fafb !important;
    border-color: #818cf8 !important;
    border-width: 2px !important;
}

html[data-theme="dark"] .cta-button-secondary *,
html.dark-mode .cta-button-secondary *,
html[data-theme="dark"] .cta-button-secondary i,
html.dark-mode .cta-button-secondary i,
html[data-theme="dark"] .cta-button-secondary .lnr,
html.dark-mode .cta-button-secondary .lnr,
html[data-theme="dark"] .cta-button-secondary .lnr-magnifier,
html.dark-mode .cta-button-secondary .lnr-magnifier {
    color: #818cf8 !important; /* Icône visible en bleu clair */
    opacity: 1 !important;
    visibility: visible !important;
}

html[data-theme="dark"] .cta-button-secondary:hover,
html.dark-mode .cta-button-secondary:hover {
    background-color: #818cf8 !important;
    color: #ffffff !important;
    border-color: #818cf8 !important;
}

html[data-theme="dark"] .cta-button-secondary:hover *,
html.dark-mode .cta-button-secondary:hover *,
html[data-theme="dark"] .cta-button-secondary:hover i,
html.dark-mode .cta-button-secondary:hover i {
    color: #ffffff !important;
}