/**
 * Dark Mode Forced Styles
 * Styles forcés pour s'assurer que le dark mode fonctionne
 */

/* Application forcée sur html */
html[data-theme="dark"],
html.dark-mode {
    background-color: #111827 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] body,
html.dark-mode body {
    background-color: #111827 !important;
    color: #f9fafb !important;
}

/* Header et Navbar */
html[data-theme="dark"] .header_area,
html.dark-mode .header_area,
html[data-theme="dark"] .navbar,
html.dark-mode .navbar,
html[data-theme="dark"] .main_menu,
html.dark-mode .main_menu {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

/* Cards - Gestion complète */
html[data-theme="dark"] .card,
html.dark-mode .card {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

/* Tous les textes dans les cartes */
html[data-theme="dark"] .card *,
html.dark-mode .card *,
html[data-theme="dark"] .card-title,
html.dark-mode .card-title,
html[data-theme="dark"] .card-text,
html.dark-mode .card-text,
html[data-theme="dark"] .card-body,
html.dark-mode .card-body,
html[data-theme="dark"] .card-body *,
html.dark-mode .card-body *,
html[data-theme="dark"] .card-header,
html.dark-mode .card-header,
html[data-theme="dark"] .card-header *,
html.dark-mode .card-header *,
html[data-theme="dark"] .card-footer,
html.dark-mode .card-footer,
html[data-theme="dark"] .card-footer *,
html.dark-mode .card-footer * {
    color: #f9fafb !important;
}

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

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

/* Exception pour les badges dans les cartes */
html[data-theme="dark"] .card .badge,
html.dark-mode .card .badge {
    color: #ffffff !important;
}

/* Exception pour les boutons dans les cartes */
html[data-theme="dark"] .card .btn,
html.dark-mode .card .btn {
    /* Les boutons gardent leurs couleurs définies */
}

/* Form Controls */
html[data-theme="dark"] .form-control,
html.dark-mode .form-control,
html[data-theme="dark"] input,
html.dark-mode input,
html[data-theme="dark"] textarea,
html.dark-mode textarea,
html[data-theme="dark"] select,
html.dark-mode select {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

/* Links */
html[data-theme="dark"] a,
html.dark-mode a {
    color: #818cf8 !important;
}

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

/* === Textes - Tous les éléments === */
html[data-theme="dark"],
html.dark-mode {
    color: #f9fafb !important;
}

/* Headings */
html[data-theme="dark"] h1,
html.dark-mode h1,
html[data-theme="dark"] h2,
html.dark-mode h2,
html[data-theme="dark"] h3,
html.dark-mode h3,
html[data-theme="dark"] h4,
html.dark-mode h4,
html[data-theme="dark"] h5,
html.dark-mode h5,
html[data-theme="dark"] h6,
html.dark-mode h6 {
    color: #f9fafb !important;
}

/* Paragraphes et textes */
html[data-theme="dark"] p,
html.dark-mode p,
html[data-theme="dark"] span,
html.dark-mode span,
html[data-theme="dark"] div,
html.dark-mode div,
html[data-theme="dark"] li,
html.dark-mode li,
html[data-theme="dark"] td,
html.dark-mode td,
html[data-theme="dark"] th,
html.dark-mode th {
    color: #f9fafb !important;
}

/* Textes spécifiques */
html[data-theme="dark"] .text-dark,
html.dark-mode .text-dark,
html[data-theme="dark"] .text-black,
html.dark-mode .text-black {
    color: #f9fafb !important;
}

html[data-theme="dark"] .text-muted,
html.dark-mode .text-muted {
    color: #9ca3af !important;
}

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

/* Labels et petits textes */
html[data-theme="dark"] label,
html.dark-mode label,
html[data-theme="dark"] small,
html.dark-mode small,
html[data-theme="dark"] .small,
html.dark-mode .small {
    color: #d1d5db !important;
}

/* Textes dans les cartes */
html[data-theme="dark"] .card-title,
html.dark-mode .card-title,
html[data-theme="dark"] .card-text,
html.dark-mode .card-text,
html[data-theme="dark"] .card-body,
html.dark-mode .card-body,
html[data-theme="dark"] .card-body *,
html.dark-mode .card-body * {
    color: #f9fafb !important;
}

/* Textes dans la navbar */
html[data-theme="dark"] .navbar,
html.dark-mode .navbar,
html[data-theme="dark"] .navbar *,
html.dark-mode .navbar *,
html[data-theme="dark"] .nav-link,
html.dark-mode .nav-link,
html[data-theme="dark"] .navbar-brand,
html.dark-mode .navbar-brand {
    color: #f9fafb !important;
}

/* === Icônes dans la Navbar - Gestion Complète === */
html[data-theme="dark"] .navbar-icons-wrapper,
html.dark-mode .navbar-icons-wrapper {
    background-color: transparent !important;
}

/* Icônes de la navbar - Ne pas forcer la couleur sur les spans pour conserver le centrage */
html[data-theme="dark"] .navbar-icons-wrapper .cart,
html.dark-mode .navbar-icons-wrapper .cart {
    color: #f9fafb !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .cart span,
html.dark-mode .navbar-icons-wrapper .cart span,
html[data-theme="dark"] .navbar-icons-wrapper .cart .ti,
html.dark-mode .navbar-icons-wrapper .cart .ti,
html[data-theme="dark"] .navbar-icons-wrapper .cart .fa,
html.dark-mode .navbar-icons-wrapper .cart .fa {
    color: inherit !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .notification-icon,
html.dark-mode .navbar-icons-wrapper .notification-icon {
    color: #f9fafb !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .notification-icon span:not(.notification-badge),
html.dark-mode .navbar-icons-wrapper .notification-icon span:not(.notification-badge),
html[data-theme="dark"] .navbar-icons-wrapper .notification-icon .ti,
html.dark-mode .navbar-icons-wrapper .notification-icon .ti,
html[data-theme="dark"] .navbar-icons-wrapper .notification-icon .fa,
html.dark-mode .navbar-icons-wrapper .notification-icon .fa {
    color: inherit !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .comparison-icon,
html.dark-mode .navbar-icons-wrapper .comparison-icon {
    color: #f9fafb !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .comparison-icon span:not(.comparison-badge),
html.dark-mode .navbar-icons-wrapper .comparison-icon span:not(.comparison-badge),
html[data-theme="dark"] .navbar-icons-wrapper .comparison-icon .lnr,
html.dark-mode .navbar-icons-wrapper .comparison-icon .lnr,
html[data-theme="dark"] .navbar-icons-wrapper .comparison-icon .fa,
html.dark-mode .navbar-icons-wrapper .comparison-icon .fa {
    color: inherit !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .search,
html.dark-mode .navbar-icons-wrapper .search {
    color: #f9fafb !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .search span,
html.dark-mode .navbar-icons-wrapper .search span,
html[data-theme="dark"] .navbar-icons-wrapper .search .lnr,
html.dark-mode .navbar-icons-wrapper .search .lnr,
html[data-theme="dark"] .navbar-icons-wrapper .search .fa,
html.dark-mode .navbar-icons-wrapper .search .fa {
    color: inherit !important;
}

/* Dark mode toggle dans la navbar */
html[data-theme="dark"] .navbar-icons-wrapper .dark-mode-toggle,
html.dark-mode .navbar-icons-wrapper .dark-mode-toggle {
    color: #f9fafb !important;
}

html[data-theme="dark"] .navbar-icons-wrapper .dark-mode-toggle i,
html.dark-mode .navbar-icons-wrapper .dark-mode-toggle i,
html[data-theme="dark"] .navbar-icons-wrapper .dark-mode-toggle .fa,
html.dark-mode .navbar-icons-wrapper .dark-mode-toggle .fa {
    color: inherit !important;
}

/* Hover sur les icônes de la navbar */
html[data-theme="dark"] .navbar-icons-wrapper .cart:hover,
html.dark-mode .navbar-icons-wrapper .cart:hover,
html[data-theme="dark"] .navbar-icons-wrapper .notification-icon:hover,
html.dark-mode .navbar-icons-wrapper .notification-icon:hover,
html[data-theme="dark"] .navbar-icons-wrapper .comparison-icon:hover,
html.dark-mode .navbar-icons-wrapper .comparison-icon:hover,
html[data-theme="dark"] .navbar-icons-wrapper .search:hover,
html.dark-mode .navbar-icons-wrapper .search:hover {
    background-color: #374151 !important;
    color: #fbbf24 !important; /* Couleur accent au hover */
}

html[data-theme="dark"] .navbar-icons-wrapper .cart:hover span:not(.notification-badge):not(.comparison-badge),
html.dark-mode .navbar-icons-wrapper .cart:hover span:not(.notification-badge):not(.comparison-badge),
html[data-theme="dark"] .navbar-icons-wrapper .notification-icon:hover span:not(.notification-badge),
html.dark-mode .navbar-icons-wrapper .notification-icon:hover span:not(.notification-badge),
html[data-theme="dark"] .navbar-icons-wrapper .comparison-icon:hover span:not(.comparison-badge),
html.dark-mode .navbar-icons-wrapper .comparison-icon:hover span:not(.comparison-badge),
html[data-theme="dark"] .navbar-icons-wrapper .search:hover span,
html.dark-mode .navbar-icons-wrapper .search:hover span {
    color: #fbbf24 !important;
}

/* Badges dans la navbar (notifications, comparaison) */
html[data-theme="dark"] .navbar-icons-wrapper .notification-badge,
html.dark-mode .navbar-icons-wrapper .notification-badge,
html[data-theme="dark"] .navbar-icons-wrapper .comparison-badge,
html.dark-mode .navbar-icons-wrapper .comparison-badge {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Tous les icônes dans header_area et navbar */
html[data-theme="dark"] .header_area .ti,
html.dark-mode .header_area .ti,
html[data-theme="dark"] .header_area .fa,
html.dark-mode .header_area .fa,
html[data-theme="dark"] .header_area .lnr,
html.dark-mode .header_area .lnr,
html[data-theme="dark"] .navbar .ti,
html.dark-mode .navbar .ti,
html[data-theme="dark"] .navbar .fa,
html.dark-mode .navbar .fa,
html[data-theme="dark"] .navbar .lnr,
html.dark-mode .navbar .lnr {
    color: #f9fafb !important;
}

/* Textes dans les listes */
html[data-theme="dark"] ul,
html.dark-mode ul,
html[data-theme="dark"] ol,
html.dark-mode ol,
html[data-theme="dark"] ul li,
html.dark-mode ul li,
html[data-theme="dark"] ol li,
html.dark-mode ol li {
    color: #f9fafb !important;
}

/* Textes dans les tables */
html[data-theme="dark"] table,
html.dark-mode table,
html[data-theme="dark"] thead,
html.dark-mode thead,
html[data-theme="dark"] tbody,
html.dark-mode tbody,
html[data-theme="dark"] tr,
html.dark-mode tr,
html[data-theme="dark"] td,
html.dark-mode td,
html[data-theme="dark"] th,
html.dark-mode th {
    color: #f9fafb !important;
}

/* Textes dans les modals */
html[data-theme="dark"] .modal,
html.dark-mode .modal,
html[data-theme="dark"] .modal-title,
html.dark-mode .modal-title,
html[data-theme="dark"] .modal-body,
html.dark-mode .modal-body,
html[data-theme="dark"] .modal-body *,
html.dark-mode .modal-body * {
    color: #f9fafb !important;
}

/* Textes dans les dropdowns */
html[data-theme="dark"] .dropdown-menu,
html.dark-mode .dropdown-menu,
html[data-theme="dark"] .dropdown-item,
html.dark-mode .dropdown-item {
    color: #f9fafb !important;
    background-color: #1f2937 !important;
}

/* Textes dans les badges */
html[data-theme="dark"] .badge,
html.dark-mode .badge {
    color: #ffffff !important;
}

/* Textes dans les alerts */
html[data-theme="dark"] .alert,
html.dark-mode .alert,
html[data-theme="dark"] .alert *,
html.dark-mode .alert * {
    color: #f9fafb !important;
}

/* Textes dans les breadcrumbs */
html[data-theme="dark"] .breadcrumb,
html.dark-mode .breadcrumb,
html[data-theme="dark"] .breadcrumb-item,
html.dark-mode .breadcrumb-item,
html[data-theme="dark"] .breadcrumb-item a,
html.dark-mode .breadcrumb-item a {
    color: #d1d5db !important;
}

/* Textes dans les paginations */
html[data-theme="dark"] .pagination,
html.dark-mode .pagination,
html[data-theme="dark"] .page-link,
html.dark-mode .page-link {
    color: #f9fafb !important;
}

/* Textes dans les tooltips */
html[data-theme="dark"] .tooltip,
html.dark-mode .tooltip,
html[data-theme="dark"] .tooltip-inner,
html.dark-mode .tooltip-inner {
    color: #ffffff !important;
    background-color: #374151 !important;
}

/* Textes dans les popovers */
html[data-theme="dark"] .popover,
html.dark-mode .popover,
html[data-theme="dark"] .popover-header,
html.dark-mode .popover-header,
html[data-theme="dark"] .popover-body,
html.dark-mode .popover-body {
    color: #f9fafb !important;
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

/* Buttons */
html[data-theme="dark"] .btn-primary,
html.dark-mode .btn-primary {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .btn-secondary,
html.dark-mode .btn-secondary {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

/* === Textes Spécifiques du Site === */

/* Product Cards */
html[data-theme="dark"] .product-title,
html.dark-mode .product-title,
html[data-theme="dark"] .product-shop,
html.dark-mode .product-shop,
html[data-theme="dark"] .product-info,
html.dark-mode .product-info,
html[data-theme="dark"] .product-info *,
html.dark-mode .product-info * {
    color: #f9fafb !important;
}

/* Prix produits - garder la couleur accent */
html[data-theme="dark"] .product-price,
html.dark-mode .product-price {
    color: #fbbf24 !important; /* Jaune/orange pour le prix */
}

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

/* Stats */
html[data-theme="dark"] .stats-card,
html.dark-mode .stats-card,
html[data-theme="dark"] .stats-number,
html.dark-mode .stats-number,
html[data-theme="dark"] .stats-label,
html.dark-mode .stats-label {
    color: #f9fafb !important;
}

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

/* Newsletter */
html[data-theme="dark"] .newsletter-card,
html.dark-mode .newsletter-card,
html[data-theme="dark"] .newsletter-title,
html.dark-mode .newsletter-title,
html[data-theme="dark"] .newsletter-description,
html.dark-mode .newsletter-description,
html[data-theme="dark"] .newsletter-privacy,
html.dark-mode .newsletter-privacy {
    color: #f9fafb !important;
}

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

/* Footer */
html[data-theme="dark"] footer,
html.dark-mode footer,
html[data-theme="dark"] .footer,
html.dark-mode .footer,
html[data-theme="dark"] footer *,
html.dark-mode .footer * {
    color: #d1d5db !important;
}

/* Icons - Garder les couleurs d'origine sauf si nécessaire */
html[data-theme="dark"] .fa,
html.dark-mode .fa,
html[data-theme="dark"] .ti,
html.dark-mode .ti,
html[data-theme="dark"] .lnr,
html.dark-mode .lnr {
    /* Les icônes gardent leur couleur par défaut */
}

/* Override pour les icônes dans la navbar */
html[data-theme="dark"] .navbar-icons-wrapper .fa,
html.dark-mode .navbar-icons-wrapper .fa,
html[data-theme="dark"] .navbar-icons-wrapper .ti,
html.dark-mode .navbar-icons-wrapper .ti,
html[data-theme="dark"] .navbar-icons-wrapper .lnr,
html.dark-mode .navbar-icons-wrapper .lnr {
    color: #f9fafb !important;
}

/* Textes avec couleurs spécifiques - Override */
html[data-theme="dark"] .text-primary,
html.dark-mode .text-primary {
    color: #f9fafb !important;
}

html[data-theme="dark"] .text-success,
html.dark-mode .text-success {
    color: #34d399 !important;
}

html[data-theme="dark"] .text-danger,
html.dark-mode .text-danger {
    color: #f87171 !important;
}

html[data-theme="dark"] .text-warning,
html.dark-mode .text-warning {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .text-info,
html.dark-mode .text-info {
    color: #60a5fa !important;
}

/* Prix et montants */
html[data-theme="dark"] .price,
html.dark-mode .price,
html[data-theme="dark"] .amount,
html.dark-mode .amount,
html[data-theme="dark"] .currency,
html.dark-mode .currency {
    color: #818cf8 !important;
}

/* Ratings et étoiles */
html[data-theme="dark"] .rating,
html.dark-mode .rating,
html[data-theme="dark"] .stars,
html.dark-mode .stars {
    color: #fbbf24 !important;
}

/* Descriptions et textes longs */
html[data-theme="dark"] .description,
html.dark-mode .description,
html[data-theme="dark"] .content,
html.dark-mode .content,
html[data-theme="dark"] .text-content,
html.dark-mode .text-content {
    color: #d1d5db !important;
}

/* Placeholders */
html[data-theme="dark"] ::placeholder,
html.dark-mode ::placeholder,
html[data-theme="dark"] ::-webkit-input-placeholder,
html.dark-mode ::-webkit-input-placeholder,
html[data-theme="dark"] ::-moz-placeholder,
html.dark-mode ::-moz-placeholder,
html[data-theme="dark"] :-ms-input-placeholder,
html.dark-mode :-ms-input-placeholder {
    color: #9ca3af !important;
    opacity: 1;
}

/* Sélecteurs génériques pour tout texte restant */
html[data-theme="dark"] *:not(button):not(input):not(textarea):not(select):not(a):not(.btn):not(.badge):not(.alert),
html.dark-mode *:not(button):not(input):not(textarea):not(select):not(a):not(.btn):not(.badge):not(.alert) {
    color: inherit;
}

/* Forcer les textes sur les éléments spécifiques */
html[data-theme="dark"] .container,
html.dark-mode .container,
html[data-theme="dark"] .row,
html.dark-mode .row,
html[data-theme="dark"] .col,
html.dark-mode .col {
    color: #f9fafb !important;
}

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

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

/* Section "Recommandés pour vous" - Styles spécifiques */
html[data-theme="dark"] section.bg-white .section-title,
html.dark-mode section.bg-white .section-title {
    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;
}

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

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

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

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

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

html[data-theme="dark"] section.bg-white .section-title h2,
html.dark-mode section.bg-white .section-title h2,
html[data-theme="dark"] .bg-white .section-title h2,
html.dark-mode .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,
html[data-theme="dark"] .bg-white .section-title p,
html.dark-mode .bg-white .section-title p {
    color: #d1d5db !important;
}

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

/* Surcharger les styles inline du template index.html.twig pour .section-title */
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;
}

/* Spécifique pour la section "Recommandés pour vous" */
html[data-theme="dark"] section.bg-white .section-title.text-center h2,
html.dark-mode section.bg-white .section-title.text-center h2 {
    color: #f9fafb !important;
}

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

/* Category Cards 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 * {
    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 */
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;
}

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

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

/* === Section "Pourquoi choisir MaketOu ?" - Feature Cards === */
html[data-theme="dark"] .feature-card,
html.dark-mode .feature-card {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !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;
}

html[data-theme="dark"] .feature-icon,
html.dark-mode .feature-icon {
    background: linear-gradient(135deg, #ffa200, #e8910a) !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 === */
html[data-theme="dark"] .cta-section-modern,
html.dark-mode .cta-section-modern {
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%) !important;
}

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

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

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;
}

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;
}

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

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;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

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

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

/* Featured Gallery Items */
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;
}

/* Text Muted dans les cartes */
html[data-theme="dark"] .text-muted,
html.dark-mode .text-muted {
    color: #9ca3af !important;
}

/* Boutons dans les sections */
html[data-theme="dark"] .btn-outline-primary,
html.dark-mode .btn-outline-primary {
    border-color: #818cf8 !important;
    color: #818cf8 !important;
}

html[data-theme="dark"] .btn-outline-primary:hover,
html.dark-mode .btn-outline-primary:hover {
    background-color: #818cf8 !important;
    color: #ffffff !important;
}

/* Transitions */
.theme-transition,
.theme-transition * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}