/* =========================================
   Lueurs d'Art'Wen - Dark Theme v2
   Charger ce fichier APRÈS theme.css
   Ambiance mystique / sorcellerie
   ========================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400;1,8..60,500&display=swap');

:root {
  /* Typographie */
  --dt-font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --dt-font-body: 'Source Serif 4', Georgia, serif;
  
  /* Palette inspirée Lueurs d'Art'Wen - Version légèrement éclaircie */
  --dt-bg:          #13111a;
  --dt-surface:     #1b1822;
  --dt-surface-2:   #23202b;
  --dt-card:        #211d29;
  --dt-card-hover:  #2a2533;
  --dt-border:      rgba(180,160,200,.14);
  --dt-border-light:rgba(180,160,200,.22);

  /* Textes - tons crème/parchemin */
  --dt-text:        #e7e3d9;
  --dt-muted:       #d8d2cb;
  --dt-subtle:      #a79f9a;

  /* Accent Principal - Violet lumineux magique */
  --dt-accent:      #b366ff;
  --dt-accent-hover:#c88aff;
  --dt-accent-deep: #9933ff;
  --dt-accent-light:rgba(179,102,255,.18);

  /* Accent Secondaire - Turquoise mystique */
  --dt-secondary:   #5ce6d6;
  --dt-secondary-hover:#7aeee1;
  --dt-secondary-light:rgba(92,230,214,.15);

  /* Accent Tertiaire - Doré (bougies, lumière chaude) */
  --dt-gold:        #d4a855;
  --dt-gold-light:  #e6c47a;
  --dt-gold-glow:   rgba(212,168,85,.25);

  /* States */
  --dt-success:     #5ce6d6;
  --dt-warning:     #d4a855;
  --dt-danger:      #e64a6d;
  --dt-info:        #b366ff;

  /* Effets */
  --dt-shadow:      0 10px 40px rgba(0,0,0,.50);
  --dt-shadow-sm:   0 4px 16px rgba(0,0,0,.40);
  --dt-shadow-xs:   0 2px 8px rgba(0,0,0,.30);
  --dt-glow-violet: 0 0 25px rgba(159, 66, 252, 0.3);
  --dt-glow-cyan:   0 0 20px rgba(92,230,214,.25);
  --dt-glow-gold:   0 0 15px rgba(212,168,85,.30);
  
  /* Lueurs subtiles et arrondis */
  --dt-glow-subtle: 0 0 12px rgba(179,102,255,.25);
  --dt-glow-hover:  0 0 20px rgba(179,102,255,.25);
  --dt-radius:      12px;
  --dt-radius-sm:   8px;
  --dt-radius-lg:   16px;
  --dt-radius-xl:   20px;
}

/* =========================================
   BASE
   ========================================= */
html, body {
  background: var(--dt-bg) !important;
  color: var(--dt-text) !important;
  font-family: var(--dt-font-body) !important;
  font-size: 16px;
  line-height: 1.6;
}

/* =========================================
   TYPOGRAPHIE
   ========================================= */

/* Titres - Cormorant Garamond */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--dt-font-heading) !important;
  color: var(--dt-text) !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
}

h1, .h1 { font-size: 2.5rem !important; font-weight: 700 !important; }
h2, .h2 { font-size: 2rem !important; }
h3, .h3 { font-size: 1.75rem !important; }
h4, .h4 { font-size: 1.5rem !important; }
h5, .h5 { font-size: 1.25rem !important; }
h6, .h6 { font-size: 1.1rem !important; }

/* Menu & Navigation - Cormorant Garamond */
.top-menu,
.top-menu a,
#header .header-top a,
#header .header-nav a,
.menu,
nav a,
.nav-link,
#mobile_top_menu_wrapper a,
.block-categories a,
.block-categories .h6,
.category-sub-menu a {
  font-family: var(--dt-font-heading) !important;
  font-weight: 500 !important;
  letter-spacing: .03em;
}

/* Texte principal - Source Serif 4 */
p,
body,
.page-content,
.page-content.page-cms,
.page-content.page-cms ul,
.product-description,
.card-block,
.card-body,
label,
.form-control,
input,
textarea,
select,
.dropdown-item,
.breadcrumb,
.alert,
table,
.table {
  font-family: var(--dt-font-body) !important;
}

/* Titres produits - Cormorant Garamond */
.product-title,
.product-title a,
.product-miniature .product-title a,
.products-section-title,
#products .products-section-title,
.featured-products .products-section-title,
.block-category h1,
.page-header h1 {
  font-family: var(--dt-font-heading) !important;
  font-weight: 600 !important;
}

/* Prix - Source Serif 4 avec style */
.product-price-and-shipping,
.product-prices,
.price,
.current-price {
  font-family: var(--dt-font-body) !important;
  font-weight: 600 !important;
}

/* Boutons - Source Serif 4 */
.btn,
.btn-primary,
.btn-secondary,
.btn-tertiary,
button {
  font-family: var(--dt-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: .02em;
}

/* Footer titres */
#footer h3,
#footer .h3,
.footer-container .h3 {
  font-family: var(--dt-font-heading) !important;
  font-weight: 600 !important;
}

/* Flags produits */
.product-flag {
  font-family: var(--dt-font-heading) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
}

p,
.page-content.page-cms ul {
  color: var(--dt-muted) !important;
}

.page-content {
  background-color: var(--dt-bg) !important;
}

.page-content.page-cms {
  background-color: var(--dt-bg) !important;
}

/* Liens - Violet magique */
a {
  color: var(--dt-accent) !important;
  transition: color .25s ease, text-shadow .25s ease;
}
a:hover,
a:focus {
  color: var(--dt-accent-hover) !important;
  text-shadow: var(--dt-glow-violet);
  text-decoration: none;
}

/* =========================================
   WRAPPER / FOND GLOBAL
   ========================================= */
#wrapper {
  background: linear-gradient(180deg, var(--dt-bg) 0%, var(--dt-surface) 50%, var(--dt-bg) 100%) !important;
}

#main,
#content-wrapper {
  background: transparent !important;
}

/* =========================================
   HEADER
   ========================================= */
#header {
  background: rgba(21,19,24,.95) !important;
  color: var(--dt-muted) !important;
  box-shadow: var(--dt-shadow-sm) !important;
  border-bottom: 1px solid var(--dt-border) !important;
  backdrop-filter: blur(12px);
}

#header .header-nav {
  background: transparent !important;
  border-bottom: 1px solid var(--dt-border) !important;
}

#header .header-top {
  background: transparent !important;
}

#header .header-top a[data-depth="0"],
#header a {
  color: var(--dt-muted) !important;
}

#header a:hover {
  color: var(--dt-accent) !important;
}

/* =========================================
   TOP MENU / NAVIGATION
   ========================================= */
.top-menu a:not([data-depth="0"]) {
  color: var(--dt-muted) !important;
}

.top-menu a.dropdown-submenu {
  color: var(--dt-text) !important;
}

.top-menu .sub-menu {
  background: var(--dt-surface) !important;
  box-shadow: var(--dt-shadow), var(--dt-glow-violet) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius) !important;
}

/* Menu mobile */
#mobile_top_menu_wrapper {
  background: var(--dt-surface) !important;
  border-radius: var(--dt-radius) !important;
}

#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
  border-bottom: 1px solid var(--dt-border) !important;
  color: var(--dt-text) !important;
}

/* =========================================
   PANIER (Cart preview)
   ========================================= */
#header .header-nav .blockcart {
  background: rgba(179,102,255,.08) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

#header .header-nav .cart-preview .shopping-cart {
  color: var(--dt-muted) !important;
}

#header .header-nav .cart-preview.active,
#header .header-nav .cart-preview:hover {
  background: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

.cart-products-count {
  background: var(--dt-accent) !important;
  color: #fff !important;
  border-radius: var(--dt-radius-sm) !important;);
}

/* =========================================
   BARRE DE RECHERCHE
   ========================================= */
.search-widget,
.search-widget form {
  background: transparent !important;
  border: none !important;
}

.search-widget form input[type=text],
.header-top .search-widgets form input[type=text],
#pagenotfound .page-not-found .search-widget input,
#products .page-not-found .search-widget input {
  background: var(--dt-surface-2) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

.search-widget form input[type=text]:focus,
.header-top .search-widgets form input[type=text]:focus {
  background: var(--dt-card) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: 0 0 0 3px var(--dt-accent-light), var(--dt-glow-violet) !important;
  outline: none !important;
}

.search-widget form input[type=text]::placeholder {
  color: var(--dt-subtle) !important;
}

.search-widget form button[type=submit],
.search-widget form button[type=submit] .search {
  color: var(--dt-muted) !important;
  background: transparent !important;
}

.search-widget form button[type=submit]:hover .search {
  color: var(--dt-accent) !important;
}

/* =========================================
   AUTOCOMPLETE / SUGGESTIONS RECHERCHE
   ========================================= */
.ui-autocomplete,
.ui-autocomplete.ui-front,
.ui-menu,
.ui-widget-content {
  background: var(--dt-surface) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-shadow), var(--dt-glow-hover) !important;
}

.ui-autocomplete .ui-menu-item,
.ui-menu .ui-menu-item {
  background: transparent !important;
  color: var(--dt-text) !important;
  border-bottom: 1px solid var(--dt-border) !important;
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item.ui-state-active,
.ui-menu .ui-menu-item:hover,
.ui-state-hover,
.ui-state-focus,
.ui-state-active {
  background: var(--dt-accent-light) !important;
  color: var(--dt-text) !important;
  border-color: var(--dt-accent) !important;
}

.ui-autocomplete .ui-menu-item a,
.ui-menu-item-wrapper {
  color: var(--dt-text) !important;
  background: transparent !important;
}

.ui-autocomplete .ui-menu-item a:hover {
  background: var(--dt-accent-light) !important;
  color: var(--dt-text) !important;
}

/* =========================================
   DROPDOWNS / LISTES DÉROULANTES
   ========================================= */
.dropdown-menu {
  background: var(--dt-surface) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-shadow), var(--dt-glow-subtle) !important;
}

.dropdown-item {
  color: var(--dt-text) !important;
  background: transparent !important;
  border-radius: var(--dt-radius-sm) !important;
  margin: 2px 4px !important;
  transition: all .2s ease !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--dt-text) !important;
  background: var(--dt-accent-light) !important;
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
  background: var(--dt-accent) !important;
  color: #fff !important;
}

.dropdown select,
select.form-control {
  background: var(--dt-surface-2) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-sm) !important;
}

.dropdown .expand-more {
  color: var(--dt-muted) !important;
}

/* Tri par / Sort-by dropdown */
.products-selection .sort-by-row,
.products-selection .sort-by {
  color: var(--dt-muted) !important;
}

.facet-dropdown,
.facet-dropdown .select-title {
  background: var(--dt-surface-2) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

.facet-dropdown.open > .select-title {
  background: var(--dt-card) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

.facet-dropdown .select-list {
  background: var(--dt-surface-2) !important;
  color: var(--dt-text) !important;
}

.facet-dropdown .select-list:hover {
  background: var(--dt-accent) !important;
  color: #fff !important;
}

.facet-dropdown .dropdown-menu {
  background: var(--dt-surface-2) !important;
  border-radius: var(--dt-radius) !important;
}

/* =========================================
   BLOC CATÉGORIES (sidebar)
   ========================================= */
.block-categories {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-shadow-xs), var(--dt-glow-subtle) !important;
}

.block-categories .h6,
.block-categories .category-sub-menu li[data-depth="0"] > a {
  color: var(--dt-text) !important;
}

.block-categories a,
.block-categories .category-sub-menu .category-sub-link {
  color: var(--dt-muted) !important;
}

.block-categories a:hover,
.block-categories .category-sub-menu .category-sub-link:hover {
  color: var(--dt-accent) !important;
}

.block-categories .collapse-icons .add,
.block-categories .collapse-icons .remove,
.block-categories .arrows .arrow-down,
.block-categories .arrows .arrow-right {
  color: var(--dt-muted) !important;
}

.block-categories .collapse-icons:hover .add,
.block-categories .collapse-icons:hover .remove {
  color: var(--dt-accent) !important;
}

/* =========================================
   SOUS-CATÉGORIES
   ========================================= */
#subcategories {
  border-top-color: var(--dt-border) !important;
}

#subcategories .subcategory-heading {
  color: var(--dt-text) !important;
}

#subcategories ul li .subcategory-image a {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease;
}

#subcategories ul li .subcategory-image a:hover {
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

#subcategories ul li .subcategory-name {
  color: var(--dt-muted) !important;
}

#subcategories ul li .subcategory-name:hover {
  color: var(--dt-accent) !important;
}

/* =========================================
   FACETTES / FILTRES
   ========================================= */
#search_filters,
#search_filters_brands,
#search_filters_suppliers {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

#search_filters .facet .facet-title,
#search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title {
  color: var(--dt-text) !important;
}

#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a,
#search_filters_brands .facet .facet-label,
#search_filters_suppliers .facet .facet-label {
  color: var(--dt-muted) !important;
}

#search_filters .facet .facet-label a:hover {
  color: var(--dt-accent) !important;
}

.facets-title {
  color: var(--dt-text) !important;
}

/* =========================================
   CARTES PRODUITS (Miniatures) - AMÉLIORÉES
   ========================================= */
.product-miniature .thumbnail-container {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-lg) !important;
  box-shadow: var(--dt-shadow-xs), var(--dt-glow-subtle) !important;
  transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.product-miniature .thumbnail-container:hover {
  background: var(--dt-card-hover) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-shadow-sm), var(--dt-glow-hover) !important;
  transform: translateY(-6px);
}

.product-miniature .product-description {
  background: var(--dt-card) !important;
  border-radius: 0 0 var(--dt-radius-lg) var(--dt-radius-lg) !important;
}

.product-miniature .thumbnail-container:hover .product-description {
  background: var(--dt-card-hover) !important;
}

.product-miniature .highlighted-informations {
  background: var(--dt-card) !important;
  border-top: 1px solid var(--dt-border) !important;
  border-radius: 0 0 var(--dt-radius-lg) var(--dt-radius-lg) !important;
}

.product-miniature .thumbnail-container:hover .highlighted-informations {
  background: var(--dt-card-hover) !important;
}

.product-miniature .variant-links {
  background: var(--dt-card) !important;
}

.product-miniature .product-title a {
  color: var(--dt-muted) !important;
}

.product-miniature .product-title a:hover {
  color: var(--dt-accent) !important;
}

.product-miniature .product-price-and-shipping {
  color: var(--dt-gold-light) !important;
}

.product-miniature .regular-price {
  color: var(--dt-subtle) !important;
}

/* Image produit avec arrondi */
.product-miniature .thumbnail-container .product-thumbnail {
  border-radius: var(--dt-radius-lg) var(--dt-radius-lg) 0 0 !important;
  overflow: hidden;
}

.product-miniature .thumbnail-container img {
  border-radius: var(--dt-radius-lg) var(--dt-radius-lg) 0 0 !important;
  transition: transform .5s ease !important;
}

.product-miniature .thumbnail-container:hover img {
  transform: scale(1.03);
}

/* Flags produit - badges arrondis */
.product-miniature .product-flags li.product-flag,
.product-flag {
  background: linear-gradient(135deg, var(--dt-accent-deep), var(--dt-accent)) !important;
  color: #fff !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  padding: 4px 10px !important;
}

.product-flag.new {
  background: linear-gradient(135deg, var(--dt-secondary), var(--dt-secondary-hover)) !important;
  box-shadow: var(--dt-glow-cyan) !important;
}

.product-flag.discount,
.product-flag.on-sale {
  background: linear-gradient(135deg, var(--dt-danger), #ff6b8a) !important;
}

/* =========================================
   CARTES (génériques)
   ========================================= */
.card {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-shadow-xs), var(--dt-glow-subtle) !important;
  transition: all .3s ease;
}

.card:hover {
  box-shadow: var(--dt-shadow-sm), var(--dt-glow-hover) !important;
}

.card-header {
  background: var(--dt-surface-2) !important;
  border-bottom: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) var(--dt-radius) 0 0 !important;
  color: var(--dt-text) !important;
}

.card-footer {
  background: var(--dt-surface-2) !important;
  border-top: 1px solid var(--dt-border) !important;
  border-radius: 0 0 var(--dt-radius) var(--dt-radius) !important;
}

.card-block,
.card-body {
  background: transparent !important;
}

/* =========================================
   BREADCRUMB
   ========================================= */
#wrapper .breadcrumb {
  background: transparent !important;
  color: var(--dt-muted) !important;
}

#wrapper .breadcrumb li::after {
  color: var(--dt-subtle) !important;
}

#wrapper .breadcrumb a {
  color: var(--dt-muted) !important;
}

#wrapper .breadcrumb a:hover {
  color: var(--dt-accent) !important;
}

#wrapper .breadcrumb [itemprop="name"] {
  color: var(--dt-muted) !important;
}

/* =========================================
   FORMULAIRES / INPUTS - AMÉLIORÉS
   ========================================= */
.form-control,
.block_newsletter form input[type=email],
.block_newsletter form input[type=text],
input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea {
  background: var(--dt-surface-2) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--dt-subtle) !important;
}

.form-control:focus,
.block_newsletter form input[type=email]:focus,
.block_newsletter form input[type=text]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus {
  background: var(--dt-card) !important;
  outline: none !important;
  border-color: var(--dt-accent) !important;
  box-shadow: 0 0 0 3px var(--dt-accent-light), var(--dt-glow-violet) !important;
}

/* Labels */
label,
.form-control-label {
  color: var(--dt-muted) !important;
}

/* Checkbox / Radio personnalisés */
.custom-checkbox input[type="checkbox"] + span,
.custom-radio input[type="radio"] + span {
  border-color: var(--dt-border-light) !important;
  background: var(--dt-surface-2) !important;
  border-radius: 4px !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .2s ease !important;
}

.custom-checkbox input[type="checkbox"]:checked + span,
.custom-radio input[type="radio"]:checked + span {
  background: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

/* =========================================
   BOUTONS - AMÉLIORÉS
   ========================================= */
.btn-primary {
  background: linear-gradient(135deg, var(--dt-accent-deep), var(--dt-accent)) !important;
  border-color: var(--dt-accent) !important;
  color: #fff !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, var(--dt-accent), var(--dt-accent-hover)) !important;
  border-color: var(--dt-accent-hover) !important;
  box-shadow: var(--dt-glow-violet) !important;
  transform: translateY(-2px);
}

.btn-secondary,
.btn-tertiary {
  background: var(--dt-surface-2) !important;
  color: var(--dt-muted) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease;
}

.btn-secondary:hover,
.btn-tertiary:hover {
  background: var(--dt-card-hover) !important;
  border-color: var(--dt-secondary) !important;
  color: var(--dt-secondary) !important;
  box-shadow: var(--dt-glow-cyan) !important;
  transform: translateY(-1px);
}

.btn-outline-primary {
  color: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
  background: transparent !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff !important;
  background: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

/* =========================================
   MODALS - AMÉLIORÉES
   ========================================= */
.modal-content,
.customization-modal .modal-content {
  background: var(--dt-surface) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-lg) !important;
  box-shadow: var(--dt-shadow), var(--dt-glow-hover) !important;
}

.modal-header {
  border-bottom: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-lg) var(--dt-radius-lg) 0 0 !important;
  background: var(--dt-surface-2) !important;
}

.modal-body {
  background: var(--dt-surface-2) !important;
}

.modal-footer {
  border-top: 1px solid var(--dt-border) !important;
  border-radius: 0 0 var(--dt-radius-lg) var(--dt-radius-lg) !important;
  background: var(--dt-surface-2) !important;
}

.modal-header .close,
.modal .close {
  color: var(--dt-muted) !important;
  opacity: 1;
  transition: all .2s ease !important;
}

.modal-header .close:hover {
  color: var(--dt-accent) !important;
  text-shadow: var(--dt-glow-violet) !important;
}

/* Quick view modal */
.quickview .modal-content {
  background: var(--dt-surface) !important;
  border-radius: var(--dt-radius-lg) !important;
}

/* =========================================
   TABLES
   ========================================= */
.table,
.table td,
.table th {
  color: var(--dt-text) !important;
  border-color: var(--dt-border) !important;
}

.table thead th {
  background: var(--dt-surface-2) !important;
  border-bottom: 2px solid var(--dt-border-light) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: var(--dt-card) !important;
}

.table-hover tbody tr:hover {
  background: var(--dt-accent-light) !important;
}

/* =========================================
   PAGINATION - AMÉLIORÉE
   ========================================= */
.pagination .page-item .page-link {
  background: var(--dt-surface-2) !important;
  color: var(--dt-muted) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  margin: 0 3px !important;
  transition: all .3s ease !important;
}

.pagination .page-item .page-link:hover {
  background: var(--dt-card-hover) !important;
  color: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-hover) !important;
  transform: translateY(-2px);
}

.pagination .page-item.active .page-link,
.pagination .page-item.current .page-link {
  background: linear-gradient(135deg, var(--dt-accent-deep), var(--dt-accent)) !important;
  color: #fff !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

.pagination .page-item.disabled .page-link {
  background: var(--dt-surface) !important;
  color: var(--dt-subtle) !important;
}

/* =========================================
   FOOTER
   ========================================= */
#footer,
.footer-container {
  background: var(--dt-surface) !important;
  color: var(--dt-muted) !important;
  border-top: 1px solid var(--dt-border) !important;
}

#footer a {
  color: var(--dt-muted) !important;
}

#footer a:hover {
  color: var(--dt-accent) !important;
}

#footer h3,
#footer .h3,
.footer-container .h3 {
  color: var(--dt-text) !important;
}

.footer-before,
.footer-after {
  background: var(--dt-bg) !important;
}

/* =========================================
   ALERTES / NOTIFICATIONS - AMÉLIORÉES
   ========================================= */
.alert {
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.alert-success {
  background: var(--dt-secondary-light) !important;
  color: var(--dt-secondary) !important;
  border-color: rgba(92,230,214,.3) !important;
}

.alert-warning {
  background: var(--dt-gold-glow) !important;
  color: var(--dt-gold-light) !important;
  border-color: rgba(212,168,85,.3) !important;
}

.alert-danger {
  background: rgba(230,74,109,.15) !important;
  color: var(--dt-danger) !important;
  border-color: rgba(230,74,109,.3) !important;
}

.alert-info {
  background: var(--dt-accent-light) !important;
  color: var(--dt-accent) !important;
  border-color: rgba(179,102,255,.3) !important;
}

/* =========================================
   SÉPARATEURS
   ========================================= */
hr,
.border-top,
.border-bottom {
  border-color: var(--dt-border) !important;
}

/* =========================================
   TITRES (compléments)
   ========================================= */

/* Section titles */
.products-section-title,
#products .products-section-title,
.featured-products .products-section-title {
  color: var(--dt-text) !important;
  text-align: center;
}

/* =========================================
   PAGE PRODUIT
   ========================================= */
#product .product-cover img {
  background: var(--dt-card) !important;
  border-radius: var(--dt-radius-lg) !important;
}

#product .product-images > li.thumb-container > .thumb {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

#product .product-images > li.thumb-container > .thumb.selected,
#product .product-images > li.thumb-container > .thumb:hover {
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

.product-prices,
.product-prices .current-price {
  color: var(--dt-gold-light) !important;
}

.product-prices .regular-price {
  color: var(--dt-subtle) !important;
}

.product-discount .discount {
  background: var(--dt-secondary) !important;
  color: #fff !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-cyan) !important;
}

.product-features > dl.data-sheet {
  background: var(--dt-card) !important;
  border-radius: var(--dt-radius) !important;
  overflow: hidden;
}

.product-features > dl.data-sheet dd,
.product-features > dl.data-sheet dt {
  background: transparent !important;
  color: var(--dt-muted) !important;
}

.product-features > dl.data-sheet dd:nth-of-type(even),
.product-features > dl.data-sheet dt:nth-of-type(even) {
  background: var(--dt-surface-2) !important;
}

/* Tabs produit */
.product-tabs .nav-tabs {
  border-bottom: 1px solid var(--dt-border) !important;
}

.product-tabs .nav-tabs .nav-link {
  color: var(--dt-muted) !important;
  background: transparent !important;
  border: none !important;
  border-radius: var(--dt-radius-sm) var(--dt-radius-sm) 0 0 !important;
  transition: all .3s ease !important;
}

.product-tabs .nav-tabs .nav-link:hover {
  color: var(--dt-accent) !important;
  background: var(--dt-accent-light) !important;
}

.product-tabs .nav-tabs .nav-link.active {
  color: var(--dt-accent) !important;
  border-bottom: 2px solid var(--dt-accent) !important;
  background: var(--dt-accent-light) !important;
}

/* =========================================
   PANIER / CHECKOUT
   ========================================= */
.cart-grid-body,
.cart-grid-right {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.cart-summary-line {
  color: var(--dt-muted) !important;
}

.cart-summary-line .value {
  color: var(--dt-gold-light) !important;
}

body#checkout section.checkout-step {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

body#checkout section.checkout-step .step-title {
  color: var(--dt-text) !important;
  border-bottom: 1px solid var(--dt-border) !important;
}

/* =========================================
   REASSURANCE - AMÉLIORÉ
   ========================================= */
#block-reassurance {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

#block-reassurance li {
  border-bottom: 1px solid var(--dt-border) !important;
}

#block-reassurance span {
  color: var(--dt-muted) !important;
}

/* =========================================
   SOCIAL SHARING - REPENSÉ
   ========================================= */

.social-sharing ul li {
    background-color: var(--dt-card) !important;
}

.social-sharing ul li a:hover {
    background-color: var(--dt-accent)
}

/* =========================================
   BLOC SOCIAL (Footer) - REPENSÉ
   ========================================= */

.block-social ul li {
    background-color: var(--dt-card) !important;
}

.block-social ul li a:hover {
    background-color: var(--dt-accent)
}


/* =========================================
   COMPTE CLIENT - AMÉLIORÉ
   ========================================= */
.page-my-account #content .links a {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  color: var(--dt-muted) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-my-account #content .links a:hover {
  background: var(--dt-card-hover) !important;
  border-color: var(--dt-accent) !important;
  color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-hover) !important;
  transform: translateY(-4px);
}

.page-my-account #content .links a i {
  color: var(--dt-accent) !important;
}

/* =========================================
   DÉFINITION LISTS
   ========================================= */
.definition-list dl dd,
.definition-list dl dt {
  background: transparent !important;
  color: var(--dt-muted) !important;
}

.definition-list dl dd:nth-of-type(even),
.definition-list dl dt:nth-of-type(even) {
  background: var(--dt-surface-2) !important;
}

/* =========================================
   CAROUSEL - AMÉLIORÉ
   ========================================= */
.carousel .carousel-control .icon-next,
.carousel .carousel-control .icon-prev {
  background: var(--dt-surface-2) !important;
  color: var(--dt-muted) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: 50% !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

.carousel .carousel-control .icon-next:hover,
.carousel .carousel-control .icon-prev:hover {
  background: var(--dt-card-hover) !important;
  color: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-hover) !important;
  transform: scale(1.1);
}

/* Carousel indicators */
.carousel-indicators li {
  background: var(--dt-surface-2) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: 50% !important;
  width: 10px !important;
  height: 10px !important;
  box-shadow: var(--dt-glow-subtle) !important;
  transition: all .3s ease !important;
}

.carousel-indicators .active {
  background: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

/* =========================================
   SCROLLBAR CUSTOM (WebKit)
   ========================================= */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--dt-bg);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--dt-accent-deep), var(--dt-accent));
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--dt-accent), var(--dt-accent-hover));
}

/* =========================================
   SÉLECTION TEXTE
   ========================================= */
::selection {
  background: var(--dt-accent);
  color: #fff;
}

::-moz-selection {
  background: var(--dt-accent);
  color: #fff;
}

/* =========================================
   PROMO CODE / VOUCHER
   ========================================= */
.block-promo .promo-code-button {
  background: var(--dt-surface-2) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-sm) !important;
  color: var(--dt-muted) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.block-promo .promo-code {
  background: var(--dt-card) !important;
  border-radius: var(--dt-radius) !important;
}

/* =========================================
   NEWSLETTER - AMÉLIORÉ
   ========================================= */
.block_newsletter {
  background: var(--dt-card) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.block_newsletter p {
  color: var(--dt-muted) !important;
}

.block_newsletter form button[type=submit] {
  background: linear-gradient(135deg, var(--dt-accent-deep), var(--dt-accent)) !important;
  color: #fff !important;
  border-radius: var(--dt-radius-sm) !important;
}

.block_newsletter form button[type=submit]:hover {
  background: linear-gradient(135deg, var(--dt-accent), var(--dt-accent-hover)) !important;
  box-shadow: var(--dt-glow-violet) !important;
}

/* =========================================
   EFFETS MAGIQUES SPÉCIAUX - AMÉLIORÉS
   ========================================= */

/* Effet lueur sur les éléments interactifs importants */
.btn-primary,
.product-miniature .product-flags li.product-flag,
.pagination .page-item.active .page-link {
  position: relative;
}

/* Animation subtile au chargement */
@keyframes magicFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.product-miniature {
  animation: magicFadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animation décalée pour les produits en grille */
.product-miniature:nth-child(1) { animation-delay: 0s; }
.product-miniature:nth-child(2) { animation-delay: 0.05s; }
.product-miniature:nth-child(3) { animation-delay: 0.1s; }
.product-miniature:nth-child(4) { animation-delay: 0.15s; }
.product-miniature:nth-child(5) { animation-delay: 0.2s; }
.product-miniature:nth-child(6) { animation-delay: 0.25s; }
.product-miniature:nth-child(7) { animation-delay: 0.3s; }
.product-miniature:nth-child(8) { animation-delay: 0.35s; }

/* Effet de brillance sur les prix */
.product-miniature .product-price-and-shipping,
.product-prices .current-price {
  text-shadow: 0 0 12px rgba(212,168,85,.35);
}

/* =========================================
   NOUVELLES ANIMATIONS MAGIQUES
   ========================================= */

/* Animation pulse subtile pour les éléments actifs */
@keyframes subtlePulse {
  0%, 100% {
    box-shadow: var(--dt-glow-subtle);
  }
  50% {
    box-shadow: 0 0 16px rgba(179,102,255,.15);
  }
}

/* Appliquer aux cartes au repos */
.product-miniature .thumbnail-container,
.card,
.block-categories,
#search_filters {
  animation: subtlePulse 4s ease-in-out infinite;
}

/* Désactiver l'animation au hover pour ne pas interférer */
.product-miniature .thumbnail-container:hover,
.card:hover {
  animation: none;
}

/* Animation de scintillement pour les prix */
@keyframes priceShimmer {
  0%, 100% {
    text-shadow: 0 0 10px rgba(212,168,85,.3);
  }
  50% {
    text-shadow: 0 0 18px rgba(212,168,85,.5), 0 0 30px rgba(212,168,85,.2);
  }
}

.product-prices .current-price,
.product-miniature .product-price-and-shipping .price {
  animation: priceShimmer 3s ease-in-out infinite;
}

/* =========================================
   EFFET HOVER ÉLÉGANT GLOBAL
   ========================================= */

/* Transition globale pour tous les éléments interactifs */
a,
button,
.btn,
input,
select,
textarea,
.card,
.product-miniature .thumbnail-container {
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================
   AMÉLIORATION DES IMAGES
   ========================================= */

/* Images produit avec coins arrondis */
.product-cover img,
.product-images img,
.product-miniature img {
  border-radius: var(--dt-radius) !important;
}

/* Effet de zoom subtil sur hover */
.product-miniature .thumbnail-container:hover .product-thumbnail img {
  transform: scale(1.02);
}

/* =========================================
   TOOLTIPS ET POPOVERS
   ========================================= */
.tooltip-inner {
  background: var(--dt-surface) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-shadow-sm), var(--dt-glow-subtle) !important;
}

.popover {
  background: var(--dt-surface) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-shadow), var(--dt-glow-subtle) !important;
}

.popover-header {
  background: var(--dt-surface-2) !important;
  border-bottom: 1px solid var(--dt-border) !important;
  color: var(--dt-text) !important;
}

.popover-body {
  color: var(--dt-muted) !important;
}

/* =========================================
   BADGES ET TAGS
   ========================================= */
.badge {
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.badge-primary {
  background: linear-gradient(135deg, var(--dt-accent-deep), var(--dt-accent)) !important;
}

.badge-success {
  background: linear-gradient(135deg, #4ac7b8, var(--dt-secondary)) !important;
}

.badge-warning {
  background: linear-gradient(135deg, #c99a45, var(--dt-gold)) !important;
}

.badge-danger {
  background: linear-gradient(135deg, #d43d5e, var(--dt-danger)) !important;
}

/* =========================================
   MATERIAL ICONS FIX
   ========================================= */
.material-icons {
  line-height: normal !important;
}

/* =========================================
   RESPONSIVE ADJUSTMENTS
   ========================================= */
@media (max-width: 768px) {
  :root {
    --dt-radius: 10px;
    --dt-radius-sm: 6px;
    --dt-radius-lg: 14px;
  }
  
  .product-miniature .thumbnail-container {
    border-radius: var(--dt-radius) !important;
  }
  
}

/* =========================================
   FOCUS STATES ACCESSIBILITÉ
   ========================================= */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--dt-accent) !important;
  outline-offset: 2px;
  box-shadow: var(--dt-glow-violet) !important;
}

/* =========================================
   LOADING STATES
   ========================================= */
.loading,
.spinner {
  border-color: var(--dt-accent-light) !important;
  border-top-color: var(--dt-accent) !important;
}


/* Custom text block */
#custom-text {
  background: var(--dt-card) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border) !important;
}

.block-title {
  color: var(--dt-text) !important;
}

.control-label{
  color: var(--dt-text) !important;
}

.product-information {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  color: var(--dt-text) !important;
  border-radius: var(--dt-radius) !important;
  padding: 10px;
  box-shadow: var(--dt-shadow-xs), var(--dt-glow-subtle) !important;
}

.material-icons {
  line-height: normal !important;
}

.tabs {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
}


.product-comment-list-item .comment-content {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: var(--dt-radius) !important;
}

.product-comment-list-item {
  background: var(--dt-card) !important;
  border-radius: var(--dt-radius) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

/* Conteneur avec les lucioles */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 9999;
  background-image: 
    radial-gradient(2px 2px at 20% 30%, rgba(212,168,85,.8), transparent),
    radial-gradient(2px 2px at 80% 20%, rgba(179,102,255,.6), transparent),
    radial-gradient(3px 3px at 50% 70%, rgba(212,168,85,.7), transparent);
  background-size: 100% 100%;
  animation: fireflies 15s ease-in-out infinite;
}

@keyframes fireflies {
  0%, 100% { opacity: 0.4; transform: translateY(0) translateX(0); }
  25% { opacity: 0.8; transform: translateY(-20px) translateX(10px); }
  50% { opacity: 0.3; transform: translateY(-10px) translateX(-15px); }
  75% { opacity: 0.9; transform: translateY(-30px) translateX(5px); }
}


.label {
  color: var(--dt-text) !important;
}

.cart-summary-line .label {
  color: var(--dt-text) !important;
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    background-color: var(--dt-card) !important;
}

body#checkout section.checkout-step .address-item {
  background: transparent !important;
}

body#checkout section.checkout-step .address-item.selected {
  background: transparent !important;
}

body#checkout section.checkout-step .delivery-options .delivery-option{
  background: var(--dt-card) !important;
}

.product-total {
  background-color: #1c1c1c !important;
}

.top-menu .sub-menu, .top-menu .sub-menu.collapse { 
  margin-top:50px;
}

.contact-form {
  background: transparent !important;
}

.contact-rich .block .data {
  color: var(--dt-text) !important;
}

.brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title {
  background: var(--dt-surface-2) !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
}

.pagination .page-list {
  background: var(--dt-card) !important;
  border: 1px solid var(--dt-border-light) !important;
  border-radius: var(--dt-radius-sm) !important;
  box-shadow: var(--dt-glow-subtle) !important;
  color: var(--dt-text) !important;
}

/* =========================================
   AJOUTS - BACKGROUNDS & COLORS MANQUANTS
   À ajouter à custom-dark-inspire.css
   ========================================= */

/* --- BACKGROUNDS --- */

#blockcart-modal .cart-content .page-content.page-cms ul.product-total,
#blockcart-modal .cart-content p.product-total,
.page-content.page-cms #blockcart-modal .cart-content ul.product-total {
  background: var(--dt-bg) !important;
}

#blockcart-modal .modal-body {
  background: var(--dt-bg) !important;
}

#blockcart-modal .modal-header,
#product #block-reassurance {
  background: var(--dt-bg) !important;
}

#manufacturer #main ul .brand {
  background: var(--dt-bg) !important;
}

#mobile_top_menu_wrapper .top-menu .sub-menu {
  background: var(--dt-bg) !important;
}

#order-items table tr.total-value,
.bootstrap-touchspin .btn-touchspin:hover {
  background: var(--dt-bg) !important;
}

#product-modal .modal-content .modal-body .image-caption {
  background: var(--dt-bg) !important;
}

#product-modal .modal-content .modal-body .product-cover-modal,
.product-cover img {
  background: var(--dt-bg) !important;
}

#product-modal .modal-content .modal-body .product-images img {
  background: var(--dt-bg) !important;
}

.active_filters .filter-block {
  background: var(--dt-bg) !important;
  color: var(--dt-text) !important;
}

.bootstrap-touchspin .btn-touchspin {
  background: var(--dt-bg) !important;
}

.bootstrap-touchspin input.form-control,
.bootstrap-touchspin input.input-group {
  background: var(--dt-bg) !important;
  color: var(--dt-text) !important;
}

.brands-sort .dropdown-menu,
.products-sort-order .dropdown-menu,
.suppliers-sort .dropdown-menu {
  background: var(--dt-bg) !important;
}

.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary:disabled.focus,
.btn-secondary:disabled:focus,
.btn-tertiary:disabled.focus,
.btn-tertiary:disabled:focus,
.disabled.btn-tertiary:focus,
.disabled.focus.btn-tertiary {
  background: var(--dt-bg) !important;
}

.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover,
.btn-tertiary:disabled:hover,
.disabled.btn-tertiary:hover {
  background: var(--dt-bg) !important;
}

.btn.disabled,
.btn.disabled:hover {
  background: var(--dt-bg) !important;
}

.custom-control-input:disabled~.custom-control-indicator {
  background: var(--dt-bg) !important;
}

.custom-file-control {
  background: var(--dt-bg) !important;
}

.custom-file-control::before {
  background: var(--dt-bg) !important;
}

.custom-select {
  background: var(--dt-bg) !important;
}

.custom-select:disabled {
  background: var(--dt-bg) !important;
}

.custom-select:focus::-ms-value {
  background: var(--dt-bg) !important;
}

.facet-dropdown.open>.select-title {
  background: var(--dt-bg) !important;
}

.footer-container .links ul {
  background: var(--dt-bg) !important;
}

.form-control-select {
  background: var(--dt-bg) !important;
}

.form-control:disabled,
.form-control[readonly] {
  background: var(--dt-bg) !important;
}

.has-danger .input-group-addon {
  background: var(--dt-bg) !important;
}

.has-warning .input-group-addon {
  background: var(--dt-bg) !important;
}

.header-top .search-widget form input[type=text] {
  background: var(--dt-bg) !important;
}

.img-thumbnail {
  background: var(--dt-bg) !important;
}

.input-group-addon {
  background: var(--dt-bg) !important;
}

.jumbotron {
  background: var(--dt-bg) !important;
}

.list-group-item {
  background: var(--dt-bg) !important;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  background: var(--dt-bg) !important;
}

.page-addresses .address {
  background: var(--dt-bg) !important;
  color: var(--dt-text) !important;
}

.page-authentication #content,
.page-registration #content {
  background: var(--dt-bg) !important;
}

.page-content.page-cms .ps-alert-error .item ul,
.page-content.page-cms .ps-alert-success .item ul,
.ps-alert-error .item .page-content.page-cms ul,
.ps-alert-error .item p,
.ps-alert-success .item .page-content.page-cms ul,
.ps-alert-success .item p {
  background: var(--dt-bg) !important;
}

.page-customer-account #content {
  background: var(--dt-bg) !important;
}

.page-link:focus,
.page-link:hover {
  background: var(--dt-bg) !important;
}

.page-my-account #content .links a span.link-item {
  background: var(--dt-bg) !important;
}

.page-order-detail .box {
  background: var(--dt-bg) !important;
}

.product-customization .custom-file {
  background: var(--dt-bg) !important;
}

.product-customization .product-message {
  background: var(--dt-bg) !important;
}

.product-customization .product-message:focus {
  background: var(--dt-bg) !important;
}

.product-discounts>.table-product-discounts tbody tr {
  background: var(--dt-bg) !important;
}

.product-discounts>.table-product-discounts tbody tr:nth-of-type(even) {
  background: var(--dt-bg) !important;
}

.product-discounts>.table-product-discounts thead tr th {
  background: var(--dt-bg) !important;
}

.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
  background: var(--dt-bg) !important;
}

.product-quantity #quantity_wanted {
  background: var(--dt-bg) !important;
  color: var(--dt-text) !important;
}

.product-variants>.product-variants-item select {
  background: var(--dt-bg) !important;
}

.progress[value] {
  background: var(--dt-bg) !important;
}

.progress[value]::-webkit-progress-bar {
  background: var(--dt-bg) !important;
}

.quickview .images-container .product-images>li.thumb-container .thumb {
  background: var(--dt-bg) !important;
}

.radio-label {
  background: var(--dt-bg) !important;
}

.social-sharing li {
  background: var(--dt-bg) !important;
}

.table .table {
  background: var(--dt-bg) !important;
}

.tag-default {
  background: var(--dt-bg) !important;
}

.thead-default th {
  background: var(--dt-bg) !important;
}

body#checkout #footer {
  background: var(--dt-bg) !important;
}

body#checkout #order-summary-content .order-confirmation-table {
  background: var(--dt-bg) !important;
}

body#checkout #order-summary-content .summary-selected-carrier {
  background: var(--dt-bg) !important;
}

body#checkout .modal-content {
  background: var(--dt-bg) !important;
}

body#checkout section.checkout-step .select-field div {
  background: var(--dt-bg) !important;
}

select.form-control:focus::-ms-value {
  background: var(--dt-bg) !important;
}


/* --- COLORS #232323 --- */

#block_myaccount_infos .myaccount-title a,
#wrapper .breadcrumb li a,
.block-contact .block-contact-title,
.block-contact .navbar-toggler .material-icons,
.linklist .blockcms-title a {
  color: var(--dt-text) !important;
}

#blockcart-modal,
#product-description-short {
  color: var(--dt-text) !important;
}

#category #left-column #search_filters .facet .facet-title {
  color: var(--dt-text) !important;
}

#custom-text .page-content.page-cms ul .dark,
#custom-text p .dark,
.page-content.page-cms #custom-text ul .dark {
  color: var(--dt-text) !important;
}

#custom-text .page-content.page-cms ul,
#custom-text p,
.page-content.page-cms #custom-text ul {
  color: var(--dt-text) !important;
}

#custom-text h2 {
  color: var(--dt-text) !important;
}

#order-items hr {
  border-color: var(--dt-border) !important;
}

#order-return-infos .thead-default th,
.page-addresses .addresses-footer a,
.page-addresses .addresses-footer a:hover,
.page-my-account #content .links a:hover {
  color: var(--dt-text) !important;
}

#product-details .label {
  color: var(--dt-text) !important;
}

.active.btn-tertiary,
.btn-secondary.active,
.btn-secondary:active,
.btn-tertiary:active,
.open>.btn-secondary.dropdown-toggle,
.open>.dropdown-toggle.btn-tertiary {
  color: var(--dt-text) !important;
}

.active.btn-tertiary:focus,
.active.btn-tertiary:hover,
.active.focus.btn-tertiary,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-tertiary:active.focus,
.btn-tertiary:active:focus,
.btn-tertiary:active:hover,
.open>.btn-secondary.dropdown-toggle.focus,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-tertiary:focus,
.open>.dropdown-toggle.btn-tertiary:hover,
.open>.dropdown-toggle.focus.btn-tertiary {
  color: var(--dt-text) !important;
}

.active_filters .filter-block .close {
  color: var(--dt-text) !important;
}

.block-category .block-category-inner #category-description .page-content.page-cms ul,
.block-category .block-category-inner #category-description p,
.page-content.page-cms .block-category .block-category-inner #category-description ul {
  color: var(--dt-text) !important;
}

.block-promo .cart-summary-line .label a,
.block-promo .promo-name a {
  color: var(--dt-text) !important;
}

.block-promo .promo-input {
  color: var(--dt-text) !important;
}

.block_newsletter #block-newsletter-label {
  color: var(--dt-text) !important;
}

.bootstrap-touchspin .input-group-btn-vertical {
  color: var(--dt-text) !important;
}

.brands-sort .select-list,
.products-sort-order .select-list,
.suppliers-sort .select-list {
  color: var(--dt-text) !important;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-tertiary:focus,
.focus.btn-tertiary {
  color: var(--dt-text) !important;
}

.carousel .carousel-item .caption .display-1 {
  color: var(--dt-text) !important;
}

.contact-form h3,
.contact-rich h4 {
  color: var(--dt-text) !important;
}

.custom-checkbox input[type=checkbox]+span .checkbox-checked {
  color: var(--dt-text) !important;
}

.footer-container .links ul>li a {
  color: var(--dt-text) !important;
}

.page-order-detail h3 {
  color: var(--dt-text) !important;
}

.product-line-grid-right .cart-line-product-actions .remove-from-cart,
.product-line-grid-right .product-price .remove-from-cart {
  color: var(--dt-text) !important;
}

.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price {
  color: var(--dt-text) !important;
}

.sitemap h2 {
  color: var(--dt-text) !important;
}

body#checkout #delivery,
body#checkout #gift_message {
  color: var(--dt-text) !important;
}

body#checkout #order-summary-content #order-items h3.h3 {
  color: var(--dt-text) !important;
}

body#checkout #order-summary-content h4.h4 {
  color: var(--dt-text) !important;
}

form .form-control-label {
  color: var(--dt-text) !important;
}

form section .form-informations {
  color: var(--dt-text) !important;
}

input:active:-moz-placeholder,
textarea:active:-moz-placeholder {
  color: var(--dt-text) !important;
}

input:active:-ms-input-placeholder,
textarea:active:-ms-input-placeholder {
  color: var(--dt-text) !important;
}

input:active::-moz-placeholder,
textarea:active::-moz-placeholder {
  color: var(--dt-text) !important;
}

input:active::-webkit-input-placeholder,
textarea:active::-webkit-input-placeholder {
  color: var(--dt-text) !important;
}


#product-comments-list-header {
  color: var(--dt-text) !important;
}