/* Badge « Arrivage » des listes produit (hook actionProductFlagsModifier,
   module ecpdisplayexpeditiondate) - 25/10/2026.
   Meme forme que les autres badges du theme PRS279, couleur orange des
   lignes de disponibilite « Contactez votre Commercial » / arrivage. */
.product-flags .product-flag.arrivage {
    background-color: #f08300;
    color: #fff;
}

/* Fiche produit : la CSS du theme (BASECUSTOM_CSS) masque la ligne de date
   du bloc additional-info (.product-container .expedition-date:first-of-type).
   On ne fait reapparaitre que la ligne d'arrivage. */
.product-container .product-additional-info .expedition-date.arrivage {
    display: block !important;
}

/* Bouton « M'alerter du réassort » (produit en arrivage, client connecte)
   - 27/10/2026. Violet du theme (#3b1151, celui de « Contactez Votre
   Commercial ») ; alerte activee : bordure et coche orange (#f08300). */
.ecp-alerte-reassort.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    min-height: 40px;
    padding: 8px 14px;
    background-color: #3b1151 !important;
    border: 2px solid #3b1151 !important;
    color: #fff !important;
    font-weight: 600;
    line-height: 1.2;
    white-space: normal;
    text-transform: none;
    border-radius: 50px; /* forme « pilule » des boutons du theme */
    transition: background-color .15s, border-color .15s, color .15s;
}
.ecp-alerte-reassort.btn:hover,
.ecp-alerte-reassort.btn:focus-visible {
    background-color: #f08300 !important;
    border-color: #f08300 !important;
    color: #fff !important;
}
.ecp-alerte-reassort .material-icons {
    font-size: 18px;
    line-height: 1;
}
.ecp-alerte-reassort .ecp-ar-on { display: none; }
.ecp-alerte-reassort.is-active .ecp-ar-on { display: inline; }
.ecp-alerte-reassort.is-active .ecp-ar-off { display: none; }
.ecp-alerte-reassort.is-active.btn {
    background-color: #fff !important;
    border-color: #f08300 !important;
    color: #3b1151 !important;
}
.ecp-alerte-reassort.is-active.btn:hover,
.ecp-alerte-reassort.is-active.btn:focus-visible {
    background-color: #fff4e6 !important;
    border-color: #3b1151 !important;
    color: #3b1151 !important;
}
.ecp-alerte-reassort.is-busy { opacity: .6; cursor: progress; }
.ecp-ar-msg {
    margin-top: 4px;
    font-size: 12px;
    color: #b00020;
}
.ecp-ar-msg:empty { display: none; }
/* Liste : meme largeur que le bouton panier qu'il remplace ; texte plus petit. */
.product-miniature .ecp-alerte-reassort.btn {
    width: 100%;
    font-size: 13px;
    padding: 7px 8px;
}