/**
 * Dark Mode - Pages Spécifiques
 * Styles pour les pages: comparison, shops, listing, product show
 */

/* === Page Comparaison (/comparison) === */
html[data-theme="dark"] .comparison-container,
html.dark-mode .comparison-container {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .comparison-header,
html.dark-mode .comparison-header {
    background: linear-gradient(135deg, #ffa200 0%, #ff8c00 100%) !important;
    color: white !important;
}

html[data-theme="dark"] .comparison-header h1,
html.dark-mode .comparison-header h1,
html[data-theme="dark"] .comparison-header *,
html.dark-mode .comparison-header * {
    color: white !important;
}

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

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

html[data-theme="dark"] .comparison-table,
html.dark-mode .comparison-table {
    background: #1f2937 !important;
}

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

html[data-theme="dark"] .comparison-table td,
html.dark-mode .comparison-table td {
    background: #1f2937 !important;
    color: #f9fafb !important;
    border-color: #374151 !important;
}

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

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

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

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

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

html[data-theme="dark"] .empty-comparison i,
html.dark-mode .empty-comparison i {
    color: #4b5563 !important;
}

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

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

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

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

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

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

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

/* === Page Boutiques (/shops) === */
html[data-theme="dark"] .single-shop,
html.dark-mode .single-shop {
    background: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .single-shop:hover,
html.dark-mode .single-shop:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

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

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

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

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

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

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

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

html[data-theme="dark"] .sidebar-categories,
html.dark-mode .sidebar-categories {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .sidebar-categories .head,
html.dark-mode .sidebar-categories .head {
    color: #f9fafb !important;
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .category-link:hover,
html.dark-mode .category-link:hover,
html[data-theme="dark"] .category-link:hover *,
html.dark-mode .category-link:hover * {
    color: #f9fafb !important;
    background-color: #374151 !important;
}

html[data-theme="dark"] .category-link.active,
html.dark-mode .category-link.active,
html[data-theme="dark"] .category-link.active *,
html.dark-mode .category-link.active * {
    color: #fbbf24 !important;
    background-color: #374151 !important;
}

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

html[data-theme="dark"] .modern-stats,
html.dark-mode .modern-stats {
    background: transparent !important;
}

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

html[data-theme="dark"] .stat-item-inline:hover,
html.dark-mode .stat-item-inline:hover {
    background: #4b5563 !important;
}

html[data-theme="dark"] .stat-item-inline i,
html.dark-mode .stat-item-inline i {
    color: #818cf8 !important;
}

html[data-theme="dark"] .stat-item-inline .stat-value,
html.dark-mode .stat-item-inline .stat-value {
    color: #f9fafb !important;
}

html[data-theme="dark"] .stat-item-inline .stat-label,
html.dark-mode .stat-item-inline .stat-label {
    color: #9ca3af !important;
}

html[data-theme="dark"] .sidebar-filter,
html.dark-mode .sidebar-filter {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .top-filter-head,
html.dark-mode .top-filter-head {
    color: #f9fafb !important;
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .filter-list:hover,
html.dark-mode .filter-list:hover,
html[data-theme="dark"] .filter-list:hover label,
html.dark-mode .filter-list:hover label {
    color: #f9fafb !important;
}

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

/* === Page Listing (/listing) - Section Catégories === */
html[data-theme="dark"] .sidebar-categories,
html.dark-mode .sidebar-categories {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .main-categories,
html.dark-mode .main-categories {
    background: #1f2937 !important;
}

html[data-theme="dark"] .main-nav-list,
html.dark-mode .main-nav-list {
    border-color: #374151 !important;
}

html[data-theme="dark"] .main-nav-list a,
html.dark-mode .main-nav-list a,
html[data-theme="dark"] .main-nav-list a *,
html.dark-mode .main-nav-list a * {
    color: #d1d5db !important;
}

html[data-theme="dark"] .main-nav-list a:hover,
html.dark-mode .main-nav-list a:hover,
html[data-theme="dark"] .main-nav-list a:hover *,
html.dark-mode .main-nav-list a:hover * {
    color: #f9fafb !important;
    background-color: #374151 !important;
}

html[data-theme="dark"] .main-nav-list a.active,
html.dark-mode .main-nav-list a.active,
html[data-theme="dark"] .main-nav-list a.active *,
html.dark-mode .main-nav-list a.active * {
    color: #fbbf24 !important;
    background-color: #374151 !important;
}

html[data-theme="dark"] .main-nav-list .number,
html.dark-mode .main-nav-list .number {
    color: #9ca3af !important;
}

html[data-theme="dark"] .sidebar-filter,
html.dark-mode .sidebar-filter {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .sidebar-filter .top-filter-head,
html.dark-mode .sidebar-filter .top-filter-head {
    color: #f9fafb !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .common-filter,
html.dark-mode .common-filter {
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .filter-list:hover,
html.dark-mode .filter-list:hover,
html[data-theme="dark"] .filter-list:hover label,
html.dark-mode .filter-list:hover label {
    color: #f9fafb !important;
}

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

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

html[data-theme="dark"] .listing-sidebar-toggle:hover,
html.dark-mode .listing-sidebar-toggle:hover {
    background: #4b5563 !important;
    color: #fbbf24 !important;
}

/* === Page Produit (/listing/{slug}) === */
html[data-theme="dark"] .s_product_text,
html.dark-mode .s_product_text {
    color: #f9fafb !important;
}

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

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

html[data-theme="dark"] .s_product_text .list,
html.dark-mode .s_product_text .list,
html[data-theme="dark"] .s_product_text .list li,
html.dark-mode .s_product_text .list li,
html[data-theme="dark"] .s_product_text .list li a,
html.dark-mode .s_product_text .list li a {
    color: #d1d5db !important;
}

html[data-theme="dark"] .s_product_text .list li a.active,
html.dark-mode .s_product_text .list li a.active {
    color: #fbbf24 !important;
}

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

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

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

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

html[data-theme="dark"] .product-description-content strong,
html.dark-mode .product-description-content strong {
    color: #f9fafb !important;
}

html[data-theme="dark"] .product-description-content a,
html.dark-mode .product-description-content a {
    color: #818cf8 !important;
}

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

html[data-theme="dark"] .specification-table,
html.dark-mode .specification-table {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .specification-table table,
html.dark-mode .specification-table table {
    background: #1f2937 !important;
}

html[data-theme="dark"] .specification-table tr,
html.dark-mode .specification-table tr {
    border-color: #374151 !important;
}

html[data-theme="dark"] .specification-table td,
html.dark-mode .specification-table td {
    color: #d1d5db !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .specification-table td h5,
html.dark-mode .specification-table td h5 {
    color: #f9fafb !important;
}

html[data-theme="dark"] .product-variants,
html.dark-mode .product-variants {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .product-variants select:focus,
html.dark-mode .product-variants select:focus,
html[data-theme="dark"] .product-variants input:focus,
html.dark-mode .product-variants input:focus {
    border-color: #818cf8 !important;
    background: #374151 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .nav-tabs,
html.dark-mode .nav-tabs {
    border-color: #374151 !important;
}

html[data-theme="dark"] .nav-tabs .nav-link,
html.dark-mode .nav-tabs .nav-link {
    color: #d1d5db !important;
    border-color: #374151 !important;
    background: #1f2937 !important;
}

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

html[data-theme="dark"] .nav-tabs .nav-link.active,
html.dark-mode .nav-tabs .nav-link.active {
    color: #fbbf24 !important;
    background: #374151 !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .tab-content,
html.dark-mode .tab-content {
    background: #1f2937 !important;
    color: #d1d5db !important;
}

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

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

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

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

/* === Page Produit - Styles supplémentaires === */
html[data-theme="dark"] .product-stats,
html.dark-mode .product-stats {
    background: #374151 !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .product-stats .stat-number,
html.dark-mode .product-stats .stat-number {
    color: #fbbf24 !important;
}

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

html[data-theme="dark"] .product-gallery-modern,
html.dark-mode .product-gallery-modern {
    background: transparent !important;
}

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

html[data-theme="dark"] .thumbnail-item:hover,
html.dark-mode .thumbnail-item:hover {
    border-color: #818cf8 !important;
}

html[data-theme="dark"] .thumbnail-item.active,
html.dark-mode .thumbnail-item.active {
    border-color: #fbbf24 !important;
}

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

html[data-theme="dark"] .thumbnail-nav-btn:hover,
html.dark-mode .thumbnail-nav-btn:hover {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

html[data-theme="dark"] .card_area,
html.dark-mode .card_area {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .primary-btn,
html.dark-mode .primary-btn {
    background: #ffa200 !important;
    color: white !important;
}

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

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

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

html[data-theme="dark"] #cart-message,
html.dark-mode #cart-message {
    background: #065f46 !important;
    color: #d1fae5 !important;
    border-color: #047857 !important;
}

/* === Produits similaires et recommandés === */
html[data-theme="dark"] .related-products,
html.dark-mode .related-products {
    background: #1f2937 !important;
}

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

html[data-theme="dark"] .related-products .single-product,
html.dark-mode .related-products .single-product {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

/* === Page Produit - Éléments supplémentaires === */
html[data-theme="dark"] .product_count,
html.dark-mode .product_count {
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .quantity-controls-wrapper,
html.dark-mode .quantity-controls-wrapper,
html[data-theme="dark"] .product_count .quantity-controls-wrapper,
html.dark-mode .product_count .quantity-controls-wrapper {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .quantity-input,
html.dark-mode .quantity-input,
html[data-theme="dark"] .product_count .quantity-input,
html.dark-mode .product_count .quantity-input,
html[data-theme="dark"] .product_count input.quantity-input,
html.dark-mode .product_count input.quantity-input,
html[data-theme="dark"] .product_count input.qty,
html.dark-mode .product_count input.qty,
html[data-theme="dark"] .product_count input#sst,
html.dark-mode .product_count input#sst {
    background: #374151 !important;
    border: none !important;
    border-left: 1px solid #4b5563 !important;
    border-right: 1px solid #4b5563 !important;
    color: #f9fafb !important;
    text-align: center !important;
}

html[data-theme="dark"] .quantity-input:focus,
html.dark-mode .quantity-input:focus,
html[data-theme="dark"] .product_count .quantity-input:focus,
html.dark-mode .product_count .quantity-input:focus,
html[data-theme="dark"] .product_count input.quantity-input:focus,
html.dark-mode .product_count input.quantity-input:focus {
    border-left-color: #818cf8 !important;
    border-right-color: #818cf8 !important;
    background: #374151 !important;
    color: #f9fafb !important;
    outline: none !important;
}

html[data-theme="dark"] .quantity-btn,
html.dark-mode .quantity-btn,
html[data-theme="dark"] .product_count .quantity-btn,
html.dark-mode .product_count .quantity-btn,
html[data-theme="dark"] .product_count button.quantity-btn,
html.dark-mode .product_count button.quantity-btn,
html[data-theme="dark"] .product_count .quantity-btn-decrease,
html.dark-mode .product_count .quantity-btn-decrease,
html[data-theme="dark"] .product_count .quantity-btn-increase,
html.dark-mode .product_count .quantity-btn-increase {
    background: #4b5563 !important;
    border: none !important;
    color: #f9fafb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-theme="dark"] .quantity-btn:hover,
html.dark-mode .quantity-btn:hover,
html[data-theme="dark"] .product_count .quantity-btn:hover,
html.dark-mode .product_count .quantity-btn:hover,
html[data-theme="dark"] .product_count button.quantity-btn:hover,
html.dark-mode .product_count button.quantity-btn:hover,
html[data-theme="dark"] .product_count .quantity-btn-decrease:hover,
html.dark-mode .product_count .quantity-btn-decrease:hover,
html[data-theme="dark"] .product_count .quantity-btn-increase:hover,
html.dark-mode .product_count .quantity-btn-increase:hover {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

html[data-theme="dark"] .quantity-btn:active,
html.dark-mode .quantity-btn:active,
html[data-theme="dark"] .product_count .quantity-btn:active,
html.dark-mode .product_count .quantity-btn:active {
    background: #6366f1 !important;
    color: white !important;
    transform: scale(0.95) !important;
}

html[data-theme="dark"] .quantity-btn:disabled,
html.dark-mode .quantity-btn:disabled,
html[data-theme="dark"] .product_count .quantity-btn:disabled,
html.dark-mode .product_count .quantity-btn:disabled {
    background: #1f2937 !important;
    color: #6b7280 !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

html[data-theme="dark"] .quantity-btn:disabled:hover,
html.dark-mode .quantity-btn:disabled:hover,
html[data-theme="dark"] .product_count .quantity-btn:disabled:hover,
html.dark-mode .product_count .quantity-btn:disabled:hover {
    background: #1f2937 !important;
    color: #6b7280 !important;
}

html[data-theme="dark"] .quantity-icon,
html.dark-mode .quantity-icon,
html[data-theme="dark"] .product_count .quantity-icon,
html.dark-mode .product_count .quantity-icon,
html[data-theme="dark"] .quantity-btn .quantity-icon,
html.dark-mode .quantity-btn .quantity-icon,
html[data-theme="dark"] .product_count .quantity-btn .quantity-icon,
html.dark-mode .product_count .quantity-btn .quantity-icon {
    color: inherit !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    display: inline-block !important;
}

html[data-theme="dark"] .quantity-btn:hover .quantity-icon,
html.dark-mode .quantity-btn:hover .quantity-icon,
html[data-theme="dark"] .product_count .quantity-btn:hover .quantity-icon,
html.dark-mode .product_count .quantity-btn:hover .quantity-icon {
    color: white !important;
}

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

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

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

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

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

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

html[data-theme="dark"] .variant-text-option:hover,
html.dark-mode .variant-text-option:hover {
    background: #4b5563 !important;
    border-color: #818cf8 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .variant-text-option.active,
html.dark-mode .variant-text-option.active {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

html[data-theme="dark"] .variant-color-option,
html.dark-mode .variant-color-option {
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .variant-color-option.selected,
html.dark-mode .variant-color-option.selected {
    border-color: #fbbf24 !important;
    border-width: 3px !important;
}

html[data-theme="dark"] .image-overlay-icons,
html.dark-mode .image-overlay-icons {
    background: rgba(31, 41, 55, 0.8) !important;
}

html[data-theme="dark"] .icon-btn,
html.dark-mode .icon-btn {
    background: rgba(55, 65, 81, 0.9) !important;
    color: #f9fafb !important;
    border-color: #4b5563 !important;
}

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

html[data-theme="dark"] .main-image-nav-btn,
html.dark-mode .main-image-nav-btn {
    background: rgba(55, 65, 81, 0.9) !important;
    color: #f9fafb !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .main-image-nav-btn:hover,
html.dark-mode .main-image-nav-btn:hover {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

html[data-theme="dark"] .image-counter,
html.dark-mode .image-counter {
    background: rgba(55, 65, 81, 0.9) !important;
    color: #f9fafb !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .image-indicators,
html.dark-mode .image-indicators {
    background: transparent !important;
}

html[data-theme="dark"] .image-indicators .indicator,
html.dark-mode .image-indicators .indicator {
    background: #4b5563 !important;
    border-color: #6b7280 !important;
}

html[data-theme="dark"] .image-indicators .indicator.active,
html.dark-mode .image-indicators .indicator.active {
    background: #fbbf24 !important;
    border-color: #fbbf24 !important;
}

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

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

/* === Table dans spécifications === */
html[data-theme="dark"] .table,
html.dark-mode .table {
    background: #1f2937 !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] .table tbody,
html.dark-mode .table tbody {
    background: #1f2937 !important;
}

html[data-theme="dark"] .table td,
html.dark-mode .table td {
    border-color: #374151 !important;
    color: #d1d5db !important;
}

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

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

/* === Prix de gros (Bulk Pricing) === */
html[data-theme="dark"] #bulk-pricing,
html.dark-mode #bulk-pricing {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

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

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

html[data-theme="dark"] #bulk-pricing .table,
html.dark-mode #bulk-pricing .table {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] #bulk-pricing .table thead,
html.dark-mode #bulk-pricing .table thead {
    background: #374151 !important;
}

html[data-theme="dark"] #bulk-pricing .table thead th,
html.dark-mode #bulk-pricing .table thead th {
    color: #f9fafb !important;
    border-color: #4b5563 !important;
}

html[data-theme="dark"] #bulk-pricing .table tbody,
html.dark-mode #bulk-pricing .table tbody {
    background: #1f2937 !important;
}

html[data-theme="dark"] #bulk-pricing .table tbody tr,
html.dark-mode #bulk-pricing .table tbody tr {
    border-color: #374151 !important;
}

html[data-theme="dark"] #bulk-pricing .table tbody td,
html.dark-mode #bulk-pricing .table tbody td {
    color: #d1d5db !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] #bulk-pricing .table tbody tr.table-active,
html.dark-mode #bulk-pricing .table tbody tr.table-active {
    background: #374151 !important;
}

html[data-theme="dark"] #bulk-pricing .table tbody tr.table-active td,
html.dark-mode #bulk-pricing .table tbody tr.table-active td {
    color: #f9fafb !important;
}

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

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

html[data-theme="dark"] #bulk-pricing .bg-white,
html.dark-mode #bulk-pricing .bg-white {
    background: #374151 !important;
    color: #f9fafb !important;
}

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

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

html[data-theme="dark"] #bulk-pricing .badge,
html.dark-mode #bulk-pricing .badge {
    color: white !important;
}

/* === Breadcrumb amélioré === */
html[data-theme="dark"] .organic-breadcrumb,
html.dark-mode .organic-breadcrumb {
    background: #1f2937 !important;
}

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

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

html[data-theme="dark"] .breadcrumb-banner nav,
html.dark-mode .breadcrumb-banner nav,
html[data-theme="dark"] .breadcrumb-banner nav a,
html.dark-mode .breadcrumb-banner nav a {
    color: #d1d5db !important;
}

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

html[data-theme="dark"] .breadcrumb-banner .lnr-arrow-right,
html.dark-mode .breadcrumb-banner .lnr-arrow-right {
    color: #9ca3af !important;
}

/* === Commentaires et avis === */
html[data-theme="dark"] .review-item,
html.dark-mode .review-item {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .review-item h5,
html.dark-mode .review-item h5,
html[data-theme="dark"] .review-item h6,
html.dark-mode .review-item h6 {
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .review-form,
html.dark-mode .review-form {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .review-form input,
html.dark-mode .review-form input,
html[data-theme="dark"] .review-form textarea,
html.dark-mode .review-form textarea,
html[data-theme="dark"] .review-form select,
html.dark-mode .review-form select {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .review-form input:focus,
html.dark-mode .review-form input:focus,
html[data-theme="dark"] .review-form textarea:focus,
html.dark-mode .review-form textarea:focus,
html[data-theme="dark"] .review-form select:focus,
html.dark-mode .review-form select:focus {
    border-color: #818cf8 !important;
    background: #374151 !important;
    color: #f9fafb !important;
}

/* === Produits similaires === */
html[data-theme="dark"] .related-products-section,
html.dark-mode .related-products-section {
    background: #1f2937 !important;
}

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

html[data-theme="dark"] .related-products-section .single-product,
html.dark-mode .related-products-section .single-product {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .related-products-section .single-product:hover,
html.dark-mode .related-products-section .single-product:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

/* === Boutons Load More === */
html[data-theme="dark"] #loadMoreBtn,
html.dark-mode #loadMoreBtn,
html[data-theme="dark"] #loadMoreContainer .btn,
html.dark-mode #loadMoreContainer .btn {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] #loadMoreBtn:hover,
html.dark-mode #loadMoreBtn:hover,
html[data-theme="dark"] #loadMoreContainer .btn:hover,
html.dark-mode #loadMoreContainer .btn:hover {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

/* === Alertes et messages === */
html[data-theme="dark"] .alert,
html.dark-mode .alert {
    border-color: #4b5563 !important;
}

html[data-theme="dark"] .alert-success,
html.dark-mode .alert-success {
    background: #065f46 !important;
    color: #d1fae5 !important;
    border-color: #047857 !important;
}

html[data-theme="dark"] .alert-danger,
html.dark-mode .alert-danger {
    background: #7f1d1d !important;
    color: #fecaca !important;
    border-color: #991b1b !important;
}

html[data-theme="dark"] .alert-warning,
html.dark-mode .alert-warning {
    background: #78350f !important;
    color: #fde68a !important;
    border-color: #92400e !important;
}

html[data-theme="dark"] .alert-info,
html.dark-mode .alert-info {
    background: #1e3a8a !important;
    color: #bfdbfe !important;
    border-color: #1e40af !important;
}

/* === Modal "Ajouté au panier !" (ebay-cart-modal) === */
html[data-theme="dark"] .ebay-cart-modal-overlay,
html.dark-mode .ebay-cart-modal-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(4px) !important;
}

html[data-theme="dark"] .ebay-cart-modal,
html.dark-mode .ebay-cart-modal {
    background: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

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

html[data-theme="dark"] .ebay-modal-header h3,
html.dark-mode .ebay-modal-header h3 {
    color: #34d399 !important;
}

html[data-theme="dark"] .ebay-modal-header h3 i,
html.dark-mode .ebay-modal-header h3 i {
    color: #34d399 !important;
}

html[data-theme="dark"] .ebay-modal-close,
html.dark-mode .ebay-modal-close {
    color: #9ca3af !important;
    background: transparent !important;
}

html[data-theme="dark"] .ebay-modal-close:hover,
html.dark-mode .ebay-modal-close:hover {
    color: #f9fafb !important;
    background: #4b5563 !important;
}

html[data-theme="dark"] .ebay-modal-content,
html.dark-mode .ebay-modal-content {
    background: #1f2937 !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] .ebay-product-info,
html.dark-mode .ebay-product-info {
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .ebay-product-details h4,
html.dark-mode .ebay-product-details h4 {
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .ebay-product-quantity,
html.dark-mode .ebay-product-quantity,
html[data-theme="dark"] .ebay-product-quantity span,
html.dark-mode .ebay-product-quantity span {
    color: #9ca3af !important;
}

html[data-theme="dark"] .ebay-recommendations,
html.dark-mode .ebay-recommendations {
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .ebay-rec-item:hover,
html.dark-mode .ebay-rec-item:hover {
    background: #4b5563 !important;
    border-color: #6b7280 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

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

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

html[data-theme="dark"] .ebay-modal-actions,
html.dark-mode .ebay-modal-actions {
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .ebay-btn-continue:hover,
html.dark-mode .ebay-btn-continue:hover {
    background: #4b5563 !important;
    border-color: #6b7280 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .ebay-btn-view-cart,
html.dark-mode .ebay-btn-view-cart {
    background: linear-gradient(135deg, #ffa200 0%, #ff8c00 100%) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(255, 162, 0, 0.4) !important;
}

html[data-theme="dark"] .ebay-btn-view-cart:hover,
html.dark-mode .ebay-btn-view-cart:hover {
    background: linear-gradient(135deg, #e8910a 0%, #d67c00 100%) !important;
    color: white !important;
    box-shadow: 0 4px 8px rgba(255, 162, 0, 0.5) !important;
}

/* === Message "Ajouté au panier" dans single-product === */
html[data-theme="dark"] #cart-message,
html.dark-mode #cart-message,
html[data-theme="dark"] #cart-message.alert-success,
html.dark-mode #cart-message.alert-success {
    background: #065f46 !important;
    color: #d1fae5 !important;
    border-color: #047857 !important;
}

html[data-theme="dark"] #cart-message i,
html.dark-mode #cart-message i,
html[data-theme="dark"] #cart-message .lnr-checkmark-circle,
html.dark-mode #cart-message .lnr-checkmark-circle {
    color: #34d399 !important;
}

html[data-theme="dark"] #cart-message *,
html.dark-mode #cart-message * {
    color: #d1fae5 !important;
}

/* === Section "Résumé de la commande" - Cart (cart.html.twig) === */
html[data-theme="dark"] .cart-summary,
html.dark-mode .cart-summary {
    background: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

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

html[data-theme="dark"] .cart-subtotal,
html.dark-mode .cart-subtotal {
    border-color: #374151 !important;
}

html[data-theme="dark"] .cart-subtotal span,
html.dark-mode .cart-subtotal span,
html[data-theme="dark"] .cart-subtotal #cart-subtotal-label,
html.dark-mode .cart-subtotal #cart-subtotal-label,
html[data-theme="dark"] .cart-subtotal #cart-item-count,
html.dark-mode .cart-subtotal #cart-item-count {
    color: #d1d5db !important;
}

html[data-theme="dark"] .cart-subtotal #cart-subtotal,
html.dark-mode .cart-subtotal #cart-subtotal {
    color: #fbbf24 !important;
    font-weight: 700 !important;
}

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

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

html[data-theme="dark"] .cart-total #cart-total,
html.dark-mode .cart-total #cart-total {
    color: #fbbf24 !important;
    font-weight: 700 !important;
}

html[data-theme="dark"] .checkout-btn,
html.dark-mode .checkout-btn {
    background: #ffa200 !important;
    color: white !important;
    border: none !important;
}

html[data-theme="dark"] .checkout-btn:hover,
html.dark-mode .checkout-btn:hover {
    background: #e8910a !important;
    color: white !important;
}

html[data-theme="dark"] .checkout-btn:disabled,
html.dark-mode .checkout-btn:disabled,
html[data-theme="dark"] .checkout-btn.disabled,
html.dark-mode .checkout-btn.disabled {
    background: #4b5563 !important;
    color: #9ca3af !important;
}

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

html[data-theme="dark"] .continue-shopping:hover,
html.dark-mode .continue-shopping:hover {
    background: #4b5563 !important;
    color: #f9fafb !important;
}

/* === Section "Résumé de la commande" - Checkout (checkout.html.twig) === */
html[data-theme="dark"] .order_box,
html.dark-mode .order_box {
    background: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

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

html[data-theme="dark"] .order-products,
html.dark-mode .order-products {
    border-color: #374151 !important;
}

html[data-theme="dark"] .order-products li,
html.dark-mode .order-products li {
    border-color: #374151 !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] .order-products .product-info,
html.dark-mode .order-products .product-info,
html[data-theme="dark"] .order-products .product-name,
html.dark-mode .order-products .product-name {
    color: #f9fafb !important;
}

html[data-theme="dark"] .order-products .product-info strong,
html.dark-mode .order-products .product-info strong {
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .order-products .product-total,
html.dark-mode .order-products .product-total {
    color: #fbbf24 !important;
    font-weight: 700 !important;
}

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

html[data-theme="dark"] .list_2 li,
html.dark-mode .list_2 li {
    color: #d1d5db !important;
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .list_2 #subtotal,
html.dark-mode .list_2 #subtotal,
html[data-theme="dark"] .list_2 #shippingCost,
html.dark-mode .list_2 #shippingCost,
html[data-theme="dark"] .list_2 #taxAmount,
html.dark-mode .list_2 #taxAmount {
    color: #fbbf24 !important;
    font-weight: 600 !important;
}

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

html[data-theme="dark"] .total-line strong,
html.dark-mode .total-line strong,
html[data-theme="dark"] .total-line #totalAmount,
html.dark-mode .total-line #totalAmount {
    color: #fbbf24 !important;
    font-weight: 700 !important;
}

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

html[data-theme="dark"] .order_box hr,
html.dark-mode .order_box hr {
    border-color: #374151 !important;
}

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

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

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

html[data-theme="dark"] .gift-card-section .form-control-unified,
html.dark-mode .gift-card-section .form-control-unified {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .gift-card-section .form-control-unified::placeholder,
html.dark-mode .gift-card-section .form-control-unified::placeholder {
    color: #6b7280 !important;
}

html[data-theme="dark"] .gift-card-section .form-control-unified:focus,
html.dark-mode .gift-card-section .form-control-unified:focus {
    border-color: #818cf8 !important;
    background: #1f2937 !important;
    color: #f9fafb !important;
}

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

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

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

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

html[data-theme="dark"] .checkout-conditions .invalid-feedback,
html.dark-mode .checkout-conditions .invalid-feedback {
    color: #f87171 !important;
}

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

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

html[data-theme="dark"] .primary-btn,
html.dark-mode .primary-btn {
    background: #ffa200 !important;
    color: white !important;
    border: none !important;
}

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

html[data-theme="dark"] .primary-btn:disabled,
html.dark-mode .primary-btn:disabled {
    background: #4b5563 !important;
    color: #9ca3af !important;
    opacity: 0.6 !important;
}

/* === Page Cart - Tableau et éléments === */
html[data-theme="dark"] .cart_area,
html.dark-mode .cart_area {
    background: #111827 !important;
}

html[data-theme="dark"] .cart_inner,
html.dark-mode .cart_inner {
    background: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .cart_inner .table,
html.dark-mode .cart_inner .table {
    background: #1f2937 !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] .cart_inner .table thead,
html.dark-mode .cart_inner .table thead {
    background: #374151 !important;
}

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

html[data-theme="dark"] .cart_inner .table td,
html.dark-mode .cart_inner .table td {
    color: #d1d5db !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .cart-item-name,
html.dark-mode .cart-item-name {
    color: #818cf8 !important;
}

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

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

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

html[data-theme="dark"] .remove-btn,
html.dark-mode .remove-btn {
    background: #ef4444 !important;
    color: white !important;
}

html[data-theme="dark"] .remove-btn:hover,
html.dark-mode .remove-btn:hover {
    background: #dc2626 !important;
    color: white !important;
}

/* === Page Checkout - Accordion et sections === */
html[data-theme="dark"] .checkout_area,
html.dark-mode .checkout_area {
    background: #111827 !important;
}

html[data-theme="dark"] .accordion-item,
html.dark-mode .accordion-item {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

html[data-theme="dark"] .accordion-button:not(.collapsed),
html.dark-mode .accordion-button:not(.collapsed) {
    background: #4b5563 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .accordion-button:focus,
html.dark-mode .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(129, 140, 248, 0.25) !important;
}

html[data-theme="dark"] .accordion-body,
html.dark-mode .accordion-body {
    background: #1f2937 !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] .address-card,
html.dark-mode .address-card,
html[data-theme="dark"] .shipping-card,
html.dark-mode .shipping-card,
html[data-theme="dark"] .payment-card,
html.dark-mode .payment-card {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .address-card .card-body,
html.dark-mode .address-card .card-body,
html[data-theme="dark"] .shipping-card .card-body,
html.dark-mode .shipping-card .card-body,
html[data-theme="dark"] .payment-card .card-body,
html.dark-mode .payment-card .card-body {
    color: #d1d5db !important;
}

html[data-theme="dark"] .address-card label,
html.dark-mode .address-card label,
html[data-theme="dark"] .shipping-card label,
html.dark-mode .shipping-card label,
html[data-theme="dark"] .payment-card label,
html.dark-mode .payment-card label {
    color: #f9fafb !important;
}

html[data-theme="dark"] .address-details,
html.dark-mode .address-details,
html[data-theme="dark"] .shipping-details,
html.dark-mode .shipping-details,
html[data-theme="dark"] .payment-details,
html.dark-mode .payment-details {
    color: #9ca3af !important;
}

html[data-theme="dark"] .clickable-card.selected,
html.dark-mode .clickable-card.selected {
    border-color: #818cf8 !important;
    background: #374151 !important;
}

html[data-theme="dark"] .clickable-card:hover,
html.dark-mode .clickable-card:hover {
    background: #374151 !important;
    border-color: #6b7280 !important;
}

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

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

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

html[data-theme="dark"] .order_notes textarea:focus,
html.dark-mode .order_notes textarea:focus {
    border-color: #818cf8 !important;
    background: #374151 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .order_notes textarea::placeholder,
html.dark-mode .order_notes textarea::placeholder {
    color: #6b7280 !important;
}

/* === Page Checkout - Formulaires et inputs === */
html[data-theme="dark"] .form-control,
html.dark-mode .form-control,
html[data-theme="dark"] .form-select,
html.dark-mode .form-select {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .form-control:focus,
html.dark-mode .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html.dark-mode .form-select:focus {
    background: #374151 !important;
    border-color: #818cf8 !important;
    color: #f9fafb !important;
    box-shadow: 0 0 0 0.25rem rgba(129, 140, 248, 0.25) !important;
}

html[data-theme="dark"] .form-control::placeholder,
html.dark-mode .form-control::placeholder {
    color: #6b7280 !important;
}

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

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

html[data-theme="dark"] .form-check-input:checked,
html.dark-mode .form-check-input:checked {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
}

html[data-theme="dark"] .form-check-input:focus,
html.dark-mode .form-check-input:focus {
    border-color: #818cf8 !important;
    box-shadow: 0 0 0 0.25rem rgba(129, 140, 248, 0.25) !important;
}

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

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

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

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

html[data-theme="dark"] .returning_customer,
html.dark-mode .returning_customer {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #d1d5db !important;
}

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

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

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

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

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

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

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

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

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

/* === Page Listing - Produits dans la grille === */
html[data-theme="dark"] .latest-products-grid,
html.dark-mode .latest-products-grid {
    background: transparent !important;
}

html[data-theme="dark"] .latest-products-grid .single-product,
html.dark-mode .latest-products-grid .single-product {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .latest-products-grid .single-product:hover,
html.dark-mode .latest-products-grid .single-product:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

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

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;
    font-weight: 600 !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;
}

/* Forcer la visibilité même avec des styles inline du template */
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"] .latest-products-grid .single-product .product-details,
html.dark-mode .latest-products-grid .single-product .product-details {
    background: #1f2937 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .product-details h6,
html.dark-mode .latest-products-grid .single-product .product-details h6,
html[data-theme="dark"] .latest-products-grid .single-product .product-details a,
html.dark-mode .latest-products-grid .single-product .product-details a {
    color: #f9fafb !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .product-details a:hover,
html.dark-mode .latest-products-grid .single-product .product-details a:hover {
    color: #818cf8 !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .shop-info,
html.dark-mode .latest-products-grid .single-product .shop-info,
html[data-theme="dark"] .latest-products-grid .single-product .shop-info *,
html.dark-mode .latest-products-grid .single-product .shop-info * {
    color: #9ca3af !important;
}

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

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

html[data-theme="dark"] .latest-products-grid .single-product .price,
html.dark-mode .latest-products-grid .single-product .price,
html[data-theme="dark"] .latest-products-grid .single-product .price h6,
html.dark-mode .latest-products-grid .single-product .price h6 {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .l-through,
html.dark-mode .latest-products-grid .single-product .l-through {
    color: #9ca3af !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .prd-bottom,
html.dark-mode .latest-products-grid .single-product .prd-bottom {
    border-color: #374151 !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .prd-bottom *,
html.dark-mode .latest-products-grid .single-product .prd-bottom * {
    color: #d1d5db !important;
}

html[data-theme="dark"] .latest-products-grid .single-product .prd-bottom .social-info,
html.dark-mode .latest-products-grid .single-product .prd-bottom .social-info {
    color: #d1d5db !important;
}

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

/* === Section "Recommandés pour vous" - Page d'accueil === */
/* Cette section utilise maintenant le même fond que "Nouveautés" (pas de bg-white) */
/* Les styles généraux pour .section-title s'appliquent déjà */

/* === Page Produit - Section "Vous pourriez aussi aimer" === */
html[data-theme="dark"] .related-product-area,
html.dark-mode .related-product-area {
    background: linear-gradient(to bottom, #1f2937 0%, #111827 100%) !important;
}

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

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

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

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

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

/* Cartes de produits modernes dans "Vous pourriez aussi aimer" */
html[data-theme="dark"] .modern-product-card,
html.dark-mode .modern-product-card {
    background: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .modern-product-card:hover,
html.dark-mode .modern-product-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    border-color: #4b5563 !important;
}

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

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

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

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

html[data-theme="dark"] .modern-product-card .product-price,
html.dark-mode .modern-product-card .product-price {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .modern-product-card .product-compare-price,
html.dark-mode .modern-product-card .product-compare-price {
    color: #9ca3af !important;
}

html[data-theme="dark"] .modern-product-card .product-overlay,
html.dark-mode .modern-product-card .product-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .modern-product-card .view-product-btn,
html.dark-mode .modern-product-card .view-product-btn {
    background: #ffa200 !important;
    color: white !important;
    border-color: #ffa200 !important;
}

html[data-theme="dark"] .modern-product-card .view-product-btn:hover,
html.dark-mode .modern-product-card .view-product-btn:hover {
    background: #e8910a !important;
    border-color: #e8910a !important;
}

html[data-theme="dark"] .modern-product-card .badge-discount,
html.dark-mode .modern-product-card .badge-discount {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: white !important;
}

html[data-theme="dark"] .modern-product-card .btn-add-to-cart,
html.dark-mode .modern-product-card .btn-add-to-cart {
    background: linear-gradient(135deg, #ffa200 0%, #e8910a 100%) !important;
    color: white !important;
    border-color: #ffa200 !important;
}

html[data-theme="dark"] .modern-product-card .btn-add-to-cart:hover,
html.dark-mode .modern-product-card .btn-add-to-cart:hover {
    background: linear-gradient(135deg, #e8910a 0%, #d17a09 100%) !important;
    border-color: #e8910a !important;
}

/* === Page Produit - Autres éléments === */
html[data-theme="dark"] .product-stats,
html.dark-mode .product-stats {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .product-stats .stat-number,
html.dark-mode .product-stats .stat-number {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .product-gallery-modern,
html.dark-mode .product-gallery-modern {
    background: transparent !important;
}

html[data-theme="dark"] .product-main-image-wrapper,
html.dark-mode .product-main-image-wrapper {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .product-main-image,
html.dark-mode .product-main-image {
    background: #1f2937 !important;
}

html[data-theme="dark"] .thumbnail-item,
html.dark-mode .thumbnail-item {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

html[data-theme="dark"] .thumbnail-item:hover,
html.dark-mode .thumbnail-item:hover {
    border-color: #ffa200 !important;
}

html[data-theme="dark"] .thumbnail-item.active,
html.dark-mode .thumbnail-item.active {
    border-color: #ffa200 !important;
}

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

html[data-theme="dark"] .thumbnail-nav-btn:hover,
html.dark-mode .thumbnail-nav-btn:hover {
    background: #ffa200 !important;
    border-color: #ffa200 !important;
    color: white !important;
}

/* === Page Shops - Bouton Follow === */
html[data-theme="dark"] .follow-btn,
html.dark-mode .follow-btn {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .follow-btn.btn-outline-danger,
html.dark-mode .follow-btn.btn-outline-danger {
    border-color: #ef4444 !important;
    color: #f87171 !important;
}

html[data-theme="dark"] .follow-btn.btn-outline-danger:hover,
html.dark-mode .follow-btn.btn-outline-danger:hover {
    background: #ef4444 !important;
    color: white !important;
}

/* === Page Comparaison - Boutons === */
html[data-theme="dark"] .clear-comparison-btn,
html.dark-mode .clear-comparison-btn {
    background: #dc3545 !important;
    color: white !important;
}

html[data-theme="dark"] .clear-comparison-btn:hover,
html.dark-mode .clear-comparison-btn:hover {
    background: #c82333 !important;
    color: white !important;
}

html[data-theme="dark"] .remove-btn,
html.dark-mode .remove-btn {
    background: #dc3545 !important;
    color: white !important;
}

html[data-theme="dark"] .remove-btn:hover,
html.dark-mode .remove-btn:hover {
    background: #c82333 !important;
    color: white !important;
}

html[data-theme="dark"] .comparison-table .btn-primary,
html.dark-mode .comparison-table .btn-primary {
    background: #ffa200 !important;
    color: white !important;
    border-color: #ffa200 !important;
}

html[data-theme="dark"] .comparison-table .btn-primary:hover,
html.dark-mode .comparison-table .btn-primary:hover {
    background: #e8910a !important;
    color: white !important;
    border-color: #e8910a !important;
}

/* === Page Listing - Tri et filtres === */
html[data-theme="dark"] .filter-bar,
html.dark-mode .filter-bar {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

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

html[data-theme="dark"] .filter-bar select:focus,
html.dark-mode .filter-bar select:focus {
    border-color: #818cf8 !important;
    background: #374151 !important;
    color: #f9fafb !important;
}

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

html[data-theme="dark"] .filter-bar .btn:hover,
html.dark-mode .filter-bar .btn:hover {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

/* === Pagination === */
html[data-theme="dark"] .pagination,
html.dark-mode .pagination {
    background: transparent !important;
}

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

html[data-theme="dark"] .pagination .page-link:hover,
html.dark-mode .pagination .page-link:hover {
    background: #4b5563 !important;
    border-color: #6b7280 !important;
    color: #f9fafb !important;
}

html[data-theme="dark"] .pagination .page-item.active .page-link,
html.dark-mode .pagination .page-item.active .page-link {
    background: #818cf8 !important;
    border-color: #818cf8 !important;
    color: white !important;
}

html[data-theme="dark"] .pagination .page-item.disabled .page-link,
html.dark-mode .pagination .page-item.disabled .page-link {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #6b7280 !important;
}

/* === Breadcrumb === */
html[data-theme="dark"] .banner-area,
html.dark-mode .banner-area {
    background: #1f2937 !important;
}

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

html[data-theme="dark"] .banner-area nav,
html.dark-mode .banner-area nav,
html[data-theme="dark"] .banner-area nav a,
html.dark-mode .banner-area nav a {
    color: #d1d5db !important;
}

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

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

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

html[data-theme="dark"] .single-product:hover,
html.dark-mode .single-product:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

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

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

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

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

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

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

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

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

html[data-theme="dark"] .prd-bottom,
html.dark-mode .prd-bottom {
    border-color: #374151 !important;
}

/* === Modals === */
html[data-theme="dark"] .modal-content,
html.dark-mode .modal-content {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

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

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

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

html[data-theme="dark"] .modal-footer,
html.dark-mode .modal-footer {
    border-color: #374151 !important;
}

html[data-theme="dark"] .btn-close,
html.dark-mode .btn-close {
    filter: invert(1) !important;
}

html[data-theme="dark"] .btn-close-white,
html.dark-mode .btn-close-white {
    filter: none !important;
}