/* =========================================================
   Edition999 — Mes favoris — Charte 2026
   ========================================================= */

.formulaire_favori {
  display: flex;
  justify-content: center;
  margin-left: 1em;
  margin-bottom: .5em;
  text-decoration: underline;
  font-family: var(--e999-font-ui, "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
}

.formulaire_favori form button {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}

.formulaire_favori form button:focus-visible {
  outline: 2px solid var(--e999-orange, #C75300);
  outline-offset: 4px;
}

/* Icône favoris cœur */
.formulaire_favori form button .fav-title {
  display: block;
  margin-bottom: .25em;
  width: auto;
  visibility: hidden;
  order: 2;
}

.formulaire_favori form button:hover .fav-title,
.formulaire_favori form button:focus-visible .fav-title {
  visibility: visible;
}

.formulaire_favori form button .fav-picto {
  display: inline-block;
  position: relative;
  line-height: .5;
  order: 1;
}

.formulaire_favori form button .fav-picto::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url(img/favoris.svg) no-repeat center;
  background-size: contain;
}

/* Cœur gris : action ajouter */
.formulaire_favori form button.ajouter_favori .fav-picto::before {
  filter: grayscale(100%) brightness(300%);
}

.formulaire_favori form button.ajouter_favori .fav-picto::after {
  background-image: url(img/add.svg);
}

/* Au survol ou au focus, cœur en couleur */
.formulaire_favori form button.ajouter_favori:hover .fav-picto::before,
.formulaire_favori form button.ajouter_favori:focus-visible .fav-picto::before {
  filter: none;
}

/* Cœur : action retirer */
.formulaire_favori form button.retirer_favori .fav-picto::after {
  background-image: url(img/remove.svg);
  display: none;
}

/* Au survol ou au focus, cœur en gris et action en couleur */
.formulaire_favori form button.retirer_favori:hover .fav-picto::before,
.formulaire_favori form button.retirer_favori:focus-visible .fav-picto::before {
  filter: grayscale(100%) brightness(300%);
}

.formulaire_favori form button.retirer_favori:hover .fav-picto::after,
.formulaire_favori form button.retirer_favori:focus-visible .fav-picto::after {
  filter: none;
  display: block;
}

/* Variante bookmark */
.formulaire-favori-bookmark form button .fav-picto::before {
  background-image: url(img/bookmark.svg);
}