/* ==========================================================================
   Modale newsletter — déclenchée par l'icône enveloppe du header Qode.
   Le formulaire lui-même (form#sib_form_1-form) est déjà stylé dans style.css.
   ========================================================================== */

.afao-modale[hidden] {
  display: none;
}

.afao-modale {
  position: fixed;
  inset: 0;
  z-index: 10000; /* au-dessus du header sticky de Bridge */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.afao-modale__fond {
  position: absolute;
  inset: 0;
  background: rgba(76, 76, 76, 0.6);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.afao-modale.est-ouverte .afao-modale__fond {
  opacity: 1;
}

.afao-modale__panneau {
  position: relative;
  width: 100%;
  max-width: 520px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 35px 30px 30px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.afao-modale.est-ouverte .afao-modale__panneau {
  opacity: 1;
  transform: translateY(0);
}

.afao-modale__titre {
  margin: 0 0 20px;
  color: #0e3087;
  font-size: 22px;
  line-height: 1.3;
  font-family: var(--family-body) !important;
}

.afao-modale__fermer {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0e3087;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.sib_signup_form label {
    width: 60px;
    display: inline-block;
}
.sib-default-btn, .sib_signup_form input[type="submit"] {
      display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px !important;
    border: 1px solid var(--principal);
    border-radius: 200px;
    color: var(--principal);
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    transition: background-color .15s, color .15s, border-color .15s;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0;
        border-width: 0;
    background: var(--principal) !important;
    color: var(--light) !important;
    margin-top: 20px;
  font-family: var(--family-body) !important;
  cursor: pointer;
}
.sib_signup_box_inside_1 input[type="email"],
.sib_signup_box_inside_1 input[type="text"] {
  height: 42px;
  margin-top: 6px;
  width: 200px;
    background-color: #f6f6f6 !important;
    border: 1px solid #b7b8ba !important;
  border-radius: 0;
}
.afao-modale__fermer:hover,
.afao-modale__fermer:focus-visible {
  color: #e20548;
}

/* Empêche le défilement de la page pendant l'ouverture. */
body.afao-modale-ouverte {
  overflow: hidden;
}

/* Le bouton Qode doit se comporter comme un bouton. */
.q_social_icon_holder .fa-envelope {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  .afao-modale__fond,
  .afao-modale__panneau {
    transition: none;
  }
}

@media (max-width: 600px) {
  .afao-modale__panneau {
    padding: 30px 20px 20px;
  }
}