/* === Contrôle d'affichage responsive pour le lien Accueil === */

/* Masquer tout par défaut */
.emoji,
.libelle,
.ensemble {
  display: none;
}

/* Petit écran < 350px : emoji seul */
@media (max-width: 349px) {
  .emoji {
    display: inline;
  }
}

/* Écran moyen entre 350px et 500px : libellé seul */
@media (min-width: 350px) and (max-width: 499px) {
  .libelle {
    display: inline;
  }
}

/* Grand écran ≥ 500px : emoji + libellé */
@media (min-width: 500px) {
  .ensemble {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
}



/* === Contrôle d'affichage responsive mobile / desktop pour l'ajout rapide au panier === */

/* Ajout rapide au panier : désactivé par défaut */
.ajout-panier {
  display: none;
}

/* Si tactile détecté → affichage */
body.has-touch .ajout-panier {
  display: flex;
}

/* Si petit écran ET survol désactivé (fallback) */
@media (max-width: 600px) {
  body:not(.has-hover) .ajout-panier {
    display: flex;
  }
}

/* Si desktop + survol : affichage uniquement au hover */
body.has-hover .group:hover .ajout-panier {
  display: flex;
}