/* ------------------------------------------------ fiche produit : étoiles */
/* Note sous le nom du produit : étoiles plus grandes et jaunes. */
.mf-etoiles {
  width: 124px;
  height: 22px;
  background: linear-gradient(90deg, #f5b301 var(--mf-note, 0%), var(--mf-couleurs-bordure, #e6e6e4) var(--mf-note, 0%));
  -webkit-mask-size: 22px 22px;
  mask-size: 22px 22px;
}
.mf-fiche__avis {
  align-items: center;
}

/* ------------------------------------------------ fiche produit : TTC */
/* Mention des taxes à côté du prix (product-prices.tpl, .mf-prix__taxes). */
.mf-prix--fiche .mf-prix__taxes {
  margin-left: -4px;
  color: var(--mf-couleurs-texte-doux, #6b6b6b);
  font-size: 16px;
  font-weight: 700;
}

/* Prix divisé par 4 (PayPal 4X), juste sous le prix (product-prices.tpl). */
.mf-prix-fiche .mf-prix-fiche__4x {
  margin: -2px 0 0;
  color: var(--mf-couleurs-texte, #444444);
  font-size: 16px;
}
.mf-prix-fiche .mf-prix-fiche__paypal {
  display: inline-block;
  /* Mot « PayPal » seul : le monogramme « P » à gauche de l'image est
     laissé hors du cadre (image de 78 x 20 px, cadre calé à droite). */
  width: 58px;
  height: 20px;
  margin-left: 2px;
  vertical-align: -4px;
  background: url("../img/paypal-logo.png") right center / auto 20px no-repeat;
}
.mf-prix-fiche .mf-prix-fiche__4x-plus {
  margin: -4px 0 0;
  font-size: 13px;
}
.mf-prix-fiche .mf-prix-fiche__4x-plus a {
  color: var(--mf-couleurs-texte, #444444);
  text-decoration: underline;
}
/* Message officiel PayPal (PS Checkout) masqué sur la fiche (12/11/2026) :
   remplacé par la ligne « 4 × … sans frais » et son lien « En savoir plus ». */
.mf-prix-fiche #ps_checkout-paypal-pay-later-message-product {
  display: none !important;
}
.mf-prix-fiche .mf-prix-fiche__4x strong {
  color: var(--mf-couleurs-encre, #141414);
  font-weight: 800;
}

/* ------------------------------------- fiche produit : choix des options */
/* Boutons d'option façon « bouton radio » (12/11/2026) : non choisi = bord
   gris clair et rond vide ; choisi = bord noir épais, fond doux et rond
   rempli. Le noir plein reste réservé au bouton panier. */
/* Grille régulière de deux colonnes, comme sur mobile : les boutons ont
   tous la même largeur et un libellé long passe à la ligne dans son
   bouton, au lieu de faire sauter le bouton seul sur la ligne suivante. */
.mf-variantes__choix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.mf-variante {
  min-width: 0;
}
.mf-variante__nom {
  justify-content: flex-start;
  width: 100%;
  padding: 10px 16px 10px 14px;
  border: 1.5px solid #cfcfcb;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}
.mf-variante__nom::before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 1.5px solid #9a9a96;
  border-radius: 50%;
  background: var(--mf-couleurs-fond, #ffffff);
}
.mf-variante:hover .mf-variante__nom {
  border-color: var(--mf-couleurs-encre, #141414);
  background: var(--mf-couleurs-fond, #ffffff);
}
.mf-variante__radio:checked + .mf-variante__nom {
  border: 2px solid var(--mf-couleurs-encre, #141414);
  background: var(--mf-couleurs-fond-doux, #f3f3f1);
  color: var(--mf-couleurs-encre, #141414);
  font-weight: 800;
}
.mf-variante__radio:checked + .mf-variante__nom::before {
  border: 5px solid var(--mf-couleurs-encre, #141414);
  background: var(--mf-couleurs-fond, #ffffff);
}
.mf-variantes__choisi {
  font-weight: 800;
}

/* Avis clients et fenêtre de dépôt d'avis : étoiles pleines en jaune aussi. */
.mf-avis .star-content div.star-on,
.mf-avis .star-content div.star-hover,
.product-comment-modal .star-content div.star-on,
.product-comment-modal .star-content div.star-hover {
  background: #f5b301;
}