/* faq : repris de home.html, adapté au balisage WordPress */
.faq{background:var(--blanc)}
.faq-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,80px);align-items:start}
.faq h2{margin-bottom:18px}
.faq .texte p{margin-bottom:28px}
.autre-question{border-radius:8px;padding:26px;background:var(--glace)}
.autre-question > p:first-child{display:block;font:700 1.15rem/1.3 var(--titre);margin-bottom:4px}
.autre-question p{color:var(--gris);font-size:.95rem;margin-bottom:16px}
.accordeon{border-top:1px solid var(--filet)}
.accordeon details{border-bottom:1px solid var(--filet)}
.accordeon summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;font:650 1.08rem/1.35 var(--titre);color:var(--encre)}
.accordeon summary::-webkit-details-marker{display:none}
.accordeon summary .signe{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--glace);color:var(--bleu);transition:transform .25s,background .25s,color .25s}
.accordeon summary .signe svg{width:16px;height:16px}
.accordeon details[open] summary .signe{transform:rotate(45deg);background:var(--bleu);color:#fff}
.accordeon summary:hover{color:var(--bleu)}
.accordeon details > :not(summary){padding:0 0 24px;color:var(--gris)}
.accordeon details > p{margin:0}
@media (max-width:980px){
  .faq-grille{grid-template-columns:1fr}
}

/* WordPress : blocs Détails natifs, signe « plus » dessiné en fond */
.accordeon summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:var(--glace) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%2310508f%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 d=%22M12 4v16M4 12h16%22/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s,background-color .25s}
.accordeon details[open] summary::after{transform:rotate(45deg);background:var(--bleu) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 d=%22M12 4v16M4 12h16%22/%3E%3C/svg%3E") center/16px no-repeat}
.autre-question > p:first-child{color:var(--encre)}