/* ============================================================
   AGENSIS FAQ v1.0 — Charte Ashi-1.0 (Poppins / Truites du Léman)
   Namespace "agfaq-" : zéro collision Divi / Widget A11y.
   © Agensis 2026
   ============================================================ */

.agfaq{
  --agfaq-encre:#2E2929;
  --agfaq-bleu:#24528C;
  --agfaq-bleu-vif:#1A82C4;
  --agfaq-bleu-clair:#458AFF;
  --agfaq-bleu-nuit:#1A455C;
  --agfaq-beige:#EBE3B8;
  --agfaq-beige-doux:#F7F3E2;
  --agfaq-gris:#D1D6D9;
  --agfaq-rouge:#E83F39;
  --agfaq-blanc:#FFFFFF;
  font-family:'Poppins',sans-serif;
  color:var(--agfaq-encre);
  background:var(--agfaq-beige-doux);
  padding:48px 20px 72px;
  line-height:1.6;
  box-sizing:border-box;
}
.agfaq *,.agfaq *::before,.agfaq *::after{box-sizing:inherit;}
.agfaq-inner{max-width:860px;margin:0 auto;}

/* Texte lecteur d'écran uniquement */
.agfaq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ===== En-tête ===== */
.agfaq-header{text-align:center;margin-bottom:36px;}
.agfaq-kicker{
  display:inline-block;font-weight:500;font-size:14px;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--agfaq-bleu-vif);margin-bottom:8px;
}
.agfaq-header h1{
  font-weight:600;font-size:clamp(26px,4vw,34px);
  color:var(--agfaq-bleu);margin:0 0 10px;line-height:1.25;
}
.agfaq-header p{
  font-weight:300;font-size:17px;max-width:560px;
  margin:0 auto;color:var(--agfaq-bleu-nuit);
}

/* ===== Recherche ===== */
.agfaq-search{position:relative;max-width:560px;margin:0 auto 22px;}
.agfaq-search input{
  width:100%;padding:14px 48px 14px 20px;
  font-family:inherit;font-size:16px;color:var(--agfaq-encre);
  background:var(--agfaq-blanc);
  border:2px solid var(--agfaq-gris);border-radius:14px;
  transition:border-color .2s;
}
.agfaq-search input:focus{outline:none;border-color:var(--agfaq-bleu-vif);}
.agfaq-search input:focus-visible{outline:3px solid var(--agfaq-bleu-clair);outline-offset:2px;}
.agfaq-search svg{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;stroke:var(--agfaq-bleu);pointer-events:none;
}

/* ===== Filtres catégories ===== */
.agfaq-chips{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin:0 0 34px;padding:0;list-style:none;
}
.agfaq-chips li{margin:0;padding:0;list-style:none;}
.agfaq-chip{
  font-family:inherit;font-weight:500;font-size:14px;
  padding:8px 16px;border-radius:999px;cursor:pointer;
  background:var(--agfaq-blanc);color:var(--agfaq-bleu);
  border:2px solid var(--agfaq-gris);
  transition:all .18s;
}
.agfaq-chip:hover{border-color:var(--agfaq-bleu-vif);}
.agfaq-chip:focus-visible{outline:3px solid var(--agfaq-bleu-clair);outline-offset:2px;}
.agfaq-chip[aria-pressed="true"]{
  background:var(--agfaq-bleu);border-color:var(--agfaq-bleu);
  color:var(--agfaq-blanc);
}

/* ===== Catégories & accordéons ===== */
.agfaq-cat{margin-bottom:34px;}
.agfaq-cat h2{
  font-weight:500;font-size:19px;color:var(--agfaq-bleu-nuit);
  margin:0 0 12px;padding-left:14px;
  border-left:4px solid var(--agfaq-bleu-vif);line-height:1.3;
}
.agfaq-item{
  background:var(--agfaq-blanc);border:1px solid var(--agfaq-gris);
  border-radius:14px;margin-bottom:10px;
  /* [1.0.4] plus d'overflow:hidden : il rognait l'anneau de focus (widget + natif) */
}
.agfaq-q{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;padding:16px 20px;cursor:pointer;text-align:left;
  background:transparent;border:none;
  font-family:inherit;font-weight:500;font-size:16px;
  color:var(--agfaq-encre);line-height:1.4;
  transition:color .15s;
}
.agfaq-q:hover{color:var(--agfaq-bleu-vif);}
.agfaq-q:focus-visible{
  outline:3px solid var(--agfaq-bleu-clair);outline-offset:-3px;
  border-radius:14px;
}
.agfaq-q .agfaq-arrow{
  flex:none;width:22px;height:22px;
  stroke:var(--agfaq-bleu);transition:transform .25s;
}
.agfaq-q[aria-expanded="true"]{color:var(--agfaq-bleu);}
.agfaq-q[aria-expanded="true"] .agfaq-arrow{transform:rotate(180deg);}
.agfaq-a{padding:0 20px 18px;font-weight:300;font-size:15.5px;}
.agfaq-a[hidden]{display:none;}
.agfaq-a p{margin:0 0 10px;}
.agfaq-a p:last-child{margin-bottom:0;}
.agfaq-a a{color:var(--agfaq-bleu-vif);font-weight:400;}
.agfaq-a a:focus-visible{outline:3px solid var(--agfaq-bleu-clair);outline-offset:2px;}

/* ===== État "aucun résultat" ===== */
.agfaq-empty{
  display:none;text-align:center;padding:36px 20px;
  font-weight:300;color:var(--agfaq-bleu-nuit);
}
.agfaq.is-empty .agfaq-empty{display:block;}

/* ===== CTA final — pillule rouge : appel à l'action ===== */
.agfaq-cta{
  text-align:center;margin-top:44px;padding:32px 24px;
  background:var(--agfaq-beige);border-radius:18px;
}
.agfaq-cta h2{font-weight:600;font-size:20px;color:var(--agfaq-encre);margin:0 0 6px;border:none;padding:0;}
.agfaq-cta p{font-weight:300;margin:0 0 18px;color:var(--agfaq-bleu-nuit);}
.agfaq-cta a{
  display:inline-block;padding:13px 30px;border-radius:999px;
  background:var(--agfaq-rouge);color:var(--agfaq-blanc);
  font-weight:500;font-size:16px;text-decoration:none;
  transition:transform .15s, box-shadow .15s;
}
.agfaq-cta a:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(232,63,57,.35);}
.agfaq-cta a:focus-visible{outline:3px solid var(--agfaq-bleu-clair);outline-offset:3px;}

@media (prefers-reduced-motion:reduce){
  .agfaq *{transition:none!important;}
}