/**
 * Pastille signalant un panier non vide.
 *
 * Strict nécessaire (BRIEF §38) : l'icône de panier de l'en-tête reste celle
 * du thème et rien de ce qui existe n'est redéfini. Seul est ajouté un état
 * que le design validé ne prévoyait pas, celui du panier qui contient une
 * découpe.
 *
 * La classe est posée par le script, jamais par le serveur : les pages sont
 * mises en cache et un état figé dans le HTML serait montré au visiteur
 * suivant.
 */

/* Repère de positionnement. Le lien est flotté par Divi, son décalage
   vertical lui appartient : on n'y touche pas. */
.et-cart-info.geopaca-cart-filled
{
    position: relative;
}

/*
 * Divi pose le glyphe en `::before` du span, suivi d'un `margin-right: 10px`
 * hérité de l'époque où un compteur textuel le suivait. Le bord droit du lien
 * se trouve donc 10 px après le dessin, et une pastille calée dessus
 * flotterait dans le vide. Le décalage la ramène sur le coin de l'icône.
 */
.et-cart-info.geopaca-cart-filled::after
{
    content: "";
    position: absolute;
    top: -2px;
    right: 4px;
    box-sizing: content-box;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--geopaca-green, #00ac34);
    pointer-events: none;
}

/* En dessous de 980 px le thème enfant agrandit le glyphe et supprime sa
   marge droite : la pastille se recale sur le nouveau bord. */
@media only screen and (max-width: 980px)
{
    .et-cart-info.geopaca-cart-filled::after
    {
        top: -1px;
        right: -4px;
    }
}