/* POP-UP | FAIR FUTURE — scope : Row avec la classe `popup-fair-future-explain` */
.et_pb_row.popup-fair-future-explain{
  /* Thème (faciles à ajuster) */
  --bg1:#f5fafd; --bg2:#e4eef6; --border:#d9e3ea;
  --ink:#0f3559; --text:#444;
  --accent:#2b6cb0; --accent-2:#ae2012;

  max-width:760px;
  margin:16px auto;
  padding:16px;
  background:linear-gradient(145deg,var(--bg1),var(--bg2));
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  position:relative;
}
.et_pb_row.popup-fair-future-explain *{ box-sizing:border-box; }

/* Espace régulier entre modules */
.et_pb_row.popup-fair-future-explain .et_pb_module{ margin-bottom:12px; }

/* ——— Icône (module Code avec <i class="fa-...">) ——— */
.et_pb_row.popup-fair-future-explain i[class*="fa-"]{
  font-family:"Font Awesome 7 Pro","Font Awesome 6 Pro",sans-serif;
  display:flex; justify-content:center; align-items:center;
  font-size:clamp(34px,6vw,56px);
  color:var(--accent);
  width:100%; text-align:center; margin:0 auto 6px;
  transition:color .2s ease, transform .2s ease;
}
.et_pb_row.popup-fair-future-explain i[class*="fa-"]:hover{
  color:var(--accent-2); transform:translateY(-2px) scale(1.04);
}
.et_pb_row.popup-fair-future-explain i[class*="fa-"]:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px;
}

/* ——— Titres & texte (module Texte) ——— */
.et_pb_row.popup-fair-future-explain :is(h2,h3,h4,h5){
  color:var(--ink); font-weight:700;
  font-size:clamp(1.05rem, .9rem + .6vw, 1.35rem);
  text-align:center; line-height:1.3; margin:6px 0 8px;
}
.et_pb_row.popup-fair-future-explain p{
  color:var(--text); font-size:.815rem; line-height:1.55;
  margin:0 0 10px; text-wrap:pretty;
}
.et_pb_row.popup-fair-future-explain a{ color:var(--accent); text-decoration:underline; }
.et_pb_row.popup-fair-future-explain a:hover{ color:var(--accent-2); }

/* ——— Listes (corrige les “carrés bleus”, FA Pro requis) ——— */
.et_pb_row.popup-fair-future-explain .et_pb_text_inner ul{
  list-style:none; margin:10px 0; padding-left:0;
}
.et_pb_row.popup-fair-future-explain .et_pb_text_inner ul li{
  position:relative; padding-left:28px; margin:0 0 8px;
  color:var(--text); line-height:1.5;
}
.et_pb_row.popup-fair-future-explain .et_pb_text_inner ul li::before{
  content:"\f058"; /* fa-circle-check (solid) */
  font-family:"Font Awesome 7 Pro","Font Awesome 6 Pro",sans-serif;
  font-weight:900;
  position:absolute; left:0; top:.15em; font-size:1.1em; line-height:1;
  color:var(--accent);
}

/* Listes ordonnées */
.et_pb_row.popup-fair-future-explain .et_pb_text_inner ol{ counter-reset:num; margin:10px 0; padding-left:0; }
.et_pb_row.popup-fair-future-explain .et_pb_text_inner ol li{
  counter-increment:num; position:relative; padding-left:26px; margin:0 0 8px;
  color:var(--text); line-height:1.5;
}
.et_pb_row.popup-fair-future-explain .et_pb_text_inner ol li::before{
  content:counter(num) ".";
  position:absolute; left:0; top:0; font-weight:700; color:var(--accent-2);
}

/* ——— Image (module Image) ——— */
.et_pb_row.popup-fair-future-explain .et_pb_image img{
  display:block; width:100%; height:auto;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.et_pb_row.popup-fair-future-explain .et_pb_image .et_pb_image_caption{
  text-align:center; color:var(--text); font-size:.92rem; margin-top:6px;
}

/* ——— Bouton (module Button) ——— */
.et_pb_row.popup-fair-future-explain .et_pb_button{
  background:var(--accent); color:#fff;
  font-weight:800; letter-spacing:.02em; text-transform:uppercase;
  font-size:.815rem; padding:10px 14px; border-radius:6px; border:0;
  width:100%; text-align:center; text-decoration:none;
  box-shadow:0 5px 12px rgba(0,0,0,.12);
  transition:background .25s ease, transform .2s ease, box-shadow .25s ease;
  cursor:pointer; display:inline-block;
}
/* enlève la flèche animée par défaut de Divi */
.et_pb_row.popup-fair-future-explain .et_pb_button:after{ display:none; }

.et_pb_row.popup-fair-future-explain .et_pb_button:hover{
  background:var(--ink); transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(0,0,0,.16);
}
.et_pb_row.popup-fair-future-explain .et_pb_button:active{
  transform:translateY(0);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.20);
}
.et_pb_row.popup-fair-future-explain .et_pb_button:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px;
}

/* ——— Petites aides utilitaires ——— */
@media (max-width:480px){
  .et_pb_row.popup-fair-future-explain{ padding:14px; }
  .et_pb_row.popup-fair-future-explain .et_pb_button{ font-size:.95rem; }
}

/* Respecte le réglage d’accessibilité “réduire les animations” */
@media (prefers-reduced-motion:reduce){
  .et_pb_row.popup-fair-future-explain *{ transition:none !important; }
}

/* Variante sombre : ajoute la classe .is-dark au Row si besoin */
.et_pb_row.popup-fair-future-explain.is-dark{
  --bg1:#0b1324; --bg2:#0e1a2f; --border:#1f2937;
  --ink:#e6edf3; --text:#cbd5e1;
  --accent:#27a59a; --accent-2:#1c7f77;
}