/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* Masquage de la recherche non fonctionnelle */
.et_search_outer,
.et_search_form_container,
.et-search-form,
.free-search-icon-link {
  display: none !important;
}

/* Correction du chemin du loader (spin.gif) pour les overlays */
#et-boc .area-outer-wrap[data-da-loader=yes] [data-da-area]{
  background-image: url('../res/spin.gif'), radial-gradient(circle at center, #fff 65%, #fff0 66%) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 32px 32px, 48px 48px !important;
}

/* Harmonisation FAQ: couleur d’icône et espacement des toggles */
.et_pb_toggle {
  margin: 10px 0 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 6px !important;
  background: #fff !important;
  overflow: hidden;
}

.et_pb_toggle .et_pb_toggle_title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #212853 !important;
  padding: 10px 40px 10px 14px !important; /* espace pour l’icône à droite, plus compact */
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  color: #e72582 !important;
}

.et_pb_toggle .et_pb_toggle_title:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f105"; /* angle-right */
  position: absolute !important;
  right: 12px !important;
  width: 18px !important;
  min-width: 18px !important;
  text-align: center !important;
  color: #212853 !important;
  transition: transform .25s ease, color .2s ease !important;
  font-size: 18px !important;
}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
  transform: rotate(90deg);
  color: #e72582 !important;
}

.et_pb_toggle .et_pb_toggle_content {
  padding: 0 14px 12px !important;
  display: block !important; /* requis pour l’animation */
  color: #212853 !important; /* unifie la couleur du texte */
  text-align: left !important; /* alignement gauche demandé */
  line-height: 1.6 !important;
  font-size: 16px !important;
}
.et_pb_toggle .et_pb_toggle_content p,
.et_pb_toggle .et_pb_toggle_content li {
  margin: 0 0 6px !important;
}

/* FAQ: normalisation largeur et typographie des listes */
#page-container .et_pb_toggle,
#et-boc .et_pb_toggle {
  width: 100% !important;
  box-sizing: border-box !important;
}
.et_pb_toggle .et_pb_toggle_content ol,
.et_pb_toggle .et_pb_toggle_content ul {
  padding-left: 20px !important;
  margin: 0 0 10px !important;
}
.et_pb_toggle .et_pb_toggle_content li {
  margin: 0 0 6px !important;
}
.et_pb_toggle .et_pb_toggle_content p {
  margin: 0 0 10px !important;
}

.et_pb_toggle .et_pb_toggle_title:focus-visible {
  outline: 2px solid #e72582;
  outline-offset: 2px;
}
.et_pb_toggle .et_pb_toggle_content.faq-anim {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.25s ease, opacity 0.25s ease;
  will-change: max-height, opacity;
}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content.faq-anim {
  /* l’état ouvert est géré en JS via max-height = scrollHeight */
}

/* Uniformise le fond des toggles quels que soient les styles par ID du thème */
.et_pb_toggle.et_pb_toggle_open,
.et_pb_toggle.et_pb_toggle_close {
  background-color: #ffffff !important;
}

/* Sommaire FAQ minimaliste */
.faq-toc {
  display: inline-flex;
  gap: 0.75rem;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  color: #6b7280; /* gris neutre léger */
}
.faq-toc a {
  color: #6b7280;
  text-decoration: none;
}
.faq-toc a:hover,
.faq-toc a:focus {
  color: #333;
  text-decoration: underline;
}