/* ======================================
   ICÔNES MATERIAL DESIGN - PANIER
====================================== */

/* Icône shopping cart - Fix pour masquer le texte et afficher uniquement l'emoji */
.material-icons.shopping-cart {
  color: var(--color-text, #666) !important;
  font-size: 0 !important; /* Masque le texte shopping_cart */
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  width: auto !important;
  height: auto !important;
}

.material-icons.shopping-cart::before {
  content: '🛒'; /* Icône panier */
  font-size: 20px !important; /* Taille de l'emoji */
  color: var(--color-text, #666) !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/* Hover state pour l'icône panier */
#_desktop_cart:hover .material-icons.shopping-cart::before,
#_desktop_cart .header:hover .material-icons.shopping-cart::before {
  color: var(--color-primary, #2c2c2c) !important;
}

/* Compteur panier - Assurer visibilité */
.cart-products-count {
  font-size: var(--font-size-xs, 0.75rem) !important;
  color: var(--color-accent, #8b7355) !important;
  font-weight: 600 !important;
  margin-left: var(--space-xs, 0.25rem) !important;
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Texte Panier - Visibilité */
.hidden-sm-down {
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Responsive - masquer texte sur mobile */
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
  
  .material-icons.shopping-cart::before {
    font-size: 22px !important;
  }
}