/* Style pour la liste des remises en ligne */
.product-discounts ul.discount-list {
    list-style: none; /* Supprime les puces */
    padding: 0; /* Supprime le padding par défaut */
    margin: 0; /* Supprime la marge par défaut */
    display: flex; /* Active l'affichage en ligne (flexbox) */
    flex-wrap: wrap; /* Permet le retour à la ligne si nécessaire */
    gap: 10px; /* Espacement entre les éléments */
}

.product-discounts ul.discount-list li {
    display: inline-block; /* Affiche les <li> en ligne */
    padding: 5px 10px; /* Espacement interne */
    background: #f0f0f0; /* Fond gris clair */
    border-radius: 4px; /* Coins arrondis */
    border: 1px solid #ddd; /* Bordure légère */
    margin: 0; /* Supprime la marge par défaut */
    font-size: 14px; /* Taille de police */
}

.product-discounts ul.discount-list li strong {
    color: #e95420; /* Couleur pour le montant de la remise */
    font-weight: bold; /* Texte en gras */
}
.product-discounts ul.discount-list li:hover {
    background: #e6e6e6; /* Fond plus foncé au survol */
    cursor: pointer; /* Curseur "main" pour indiquer un élément cliquable */
}