/* Pastilles de promotion : pourcentage seul (« -5% »), sans la mention « En promo », fond rouge.
 * Demande de la direction du 24/09/2026. Surcharge le dégradé or des thèmes « luxury » sur toutes les
 * pastilles (grilles, fiche produit ordinateur et mobile, bannières d'accueil) ; aucun fichier compilé
 * n'est modifié. Les étiquettes en texte (« En promo : -5% », « Promo ») sont traitées par promo-rouge.js. */
.promo-badge,
.promo-badge-mobile,
.badge.badge-promo,
span.badge-promo {
    background: #dc3545 !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #dc3545 !important;
}

/* La mention « En promo » / « Promo » et le retour à la ligne qui la suit disparaissent. */
.promo-text,
.promo-text-mobile,
.promo-text + br,
.promo-text-mobile + br {
    display: none !important;
}

/* Le pourcentage, seul, centré et bien lisible dans la pastille. */
.promo-badge .discount-text,
.promo-badge .discount-text-mobile,
.promo-badge-mobile .discount-text-mobile,
.promo-badge-mobile .discount-text {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
.hero-promo .discount-text {
    font-size: 18px !important;
}
.badge-promo .fa-tag {
    display: none !important;
}