/* #285 / #518 — Retours utilisateurs (fragment _retours.html) :
   - bouton flottant « Une suggestion, un avis ? » en bas a droite ;
   - lien de pied de page « Signaler un bug, une erreur » + titre de sa modale.
   L'encart d'avis lui-meme est style par feedback_popup.css. */

/* ── Bouton flottant « Une suggestion, un avis ? » ──────────────────────── */
.nitrates-avis__toggle {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1900; /* sous l'encart d'avis (2050) et sous les modales */
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 1.25rem;
  border: 1px solid var(--border-default-grey, #ddd);
  border-radius: 999px;
  background: var(--background-default-grey, #fff);
  color: var(--text-action-high-blue-france, #000091);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
  box-shadow: 0 2px 10px rgb(0 0 0 / 14%);
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease,
    background 0.15s ease;
}

.nitrates-avis__toggle:hover {
  background: var(--background-alt-blue-france, #f5f5fe);
  box-shadow: 0 4px 14px rgb(0 0 0 / 18%);
  transform: translateY(-1px);
}

.nitrates-avis__toggle:focus-visible {
  outline: 2px solid var(--text-action-high-blue-france, #000091);
  outline-offset: 2px;
}

.nitrates-avis__toggle svg {
  flex: 0 0 auto;
}

/* Mobile : le bouton se reduit a la bulle (maquette Coralie). */
@media (width <= 576px) {
  .nitrates-avis__toggle-label {
    display: none;
  }

  .nitrates-avis__toggle {
    padding: 0.7rem;
  }
}

/* ── Lien de pied de page « Signaler un bug, une erreur » ───────────────── */
.nitrates-footer__bug::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.35rem;
  vertical-align: -0.15rem;
  background-color: currentcolor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-2.81a5.985 5.985 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a5.987 5.987 0 0 0-2.84 0L8.41 3 7 4.41l1.62 1.63A5.985 5.985 0 0 0 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81a6 6 0 0 0 10.38 0H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8Zm-6 8h-4v-2h4v2Zm0-4h-4v-2h4v2Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

/* ── Modale de signalement ──────────────────────────────────────────────── */
.nitrates-bug .fr-modal__title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.nitrates-bug__icone {
  display: inline-flex;
  flex: 0 0 auto;
}

.nitrates-bug textarea.fr-input {
  resize: vertical;
}

.nitrates-bug__rgpd {
  color: var(--text-mention-grey, #666);
}

/* `fr-error-text` force un display qui ecrase l'attribut hidden. */
.nitrates-bug [hidden] {
  display: none !important;
}

/* Marge sous le pied de page : le bouton flottant ne doit pas masquer la
   derniere ligne de liens (dont « Signaler un bug, une erreur »). */
.fr-footer {
  padding-bottom: 4.5rem;
}