/* faq : FAQ complète de la page Contact ([wakademy_faq tout="1"], inc/faq.php). Chargée après site.css.
   L'accordéon lui-même (.wk-faq, .wk-faq__item) reste dans site.css : les sélections des autres pages n'ont besoin de rien ici. */

/* ---------- Icônes des thèmes (même trait doré que la page Contact) ---------- */
.wk-faq-ico--debuter { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C48738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 12C12 7 8 4 3 4c0 5 4 8 9 8z'/%3E%3Cpath d='M12 14c0-4 3-7 8-7 0 4-3 7-8 7z'/%3E%3C/svg%3E"); }
.wk-faq-ico--pratique { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C48738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.wk-faq-ico--formations { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C48738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E"); }
.wk-faq-ico--paiement { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C48738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E"); }
.wk-faq-ico--stages { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C48738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 5a3 3 0 0 1 0 6M21 20c0-2.6-1.6-4.8-4-5.6'/%3E%3C/svg%3E"); }
.wk-faq-ico--contact { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C48738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E"); }

.wk-faq-complete { max-width: var(--wk-largeur-encadre, 56rem); margin-inline: auto; }

/* ---------- Pastilles de filtre : pilules plates, sans ombre ---------- */
.wk-faq-filtres { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 1.5rem 0 2.5rem; }
.wk-faq-filtres[hidden] { display: none; }
.wk-faq-filtre { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .45rem .55rem .45rem 1rem; border: 1.5px solid rgba(196, 135, 56, .22); border-radius: var(--wk-rayon-bouton); background: var(--wk-sable); color: var(--wk-ecorce); font: 700 var(--wp--preset--font-size--s) / 1.2 var(--wk-police); cursor: pointer; box-shadow: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.wk-faq-filtre:not(.wk-faq-filtre--tout)::before { content: ""; flex: none; width: 1.15rem; height: 1.15rem; margin-left: -.2rem; background: var(--wk-or); -webkit-mask: var(--ico) no-repeat center / contain; mask: var(--ico) no-repeat center / contain; }
.wk-faq-filtre span { min-width: 1.6rem; padding: .15rem .45rem; border-radius: var(--wk-rayon-bouton); background: rgba(196, 135, 56, .14); color: var(--wk-or-texte); font-size: var(--wp--preset--font-size--xs); font-weight: 800; text-align: center; }
.wk-faq-filtre:hover { border-color: var(--wk-or); }
.wk-faq-filtre[aria-pressed="true"] { background: var(--wk-or); border-color: var(--wk-or); color: var(--wk-sur-or); }
.wk-faq-filtre[aria-pressed="true"]::before { background: currentColor; }
.wk-faq-filtre[aria-pressed="true"] span { background: rgba(255, 255, 255, .22); color: inherit; }

/* ---------- Groupes : pastille icône + titre, puis l'accordéon ---------- */
.wk-faq-groupe[hidden] { display: none; }
.wk-faq-groupe + .wk-faq-groupe { margin-top: 2.75rem; }
.wk-faq-groupe { scroll-margin-top: 6rem; }
.wk-section .wk-faq-groupe__titre { display: flex; align-items: center; gap: .8rem; margin: 0; font-size: var(--wp--preset--font-size--l); }
.wk-faq-groupe__titre::before { content: ""; flex: none; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--ico) no-repeat center / 1.35rem, rgba(196, 135, 56, .14); }
.wk-faq-groupe .wk-faq { margin-top: 1rem; }
.wk-section .wk-faq-sous-titre { margin: 1.75rem 0 0; font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--wk-or-texte); }
.wk-faq-groupe .wk-faq-sous-titre + .wk-faq { margin-top: .6rem; }

@media (max-width: 781px) {
	.wk-faq-filtres { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--wk-marge)); padding: 0 var(--wk-marge) .25rem; scrollbar-width: none; }
	.wk-faq-filtres::-webkit-scrollbar { display: none; }
	.wk-faq-filtre { flex: none; }
}

@media (prefers-color-scheme: dark) {
	body.wk-sombre .wk-faq-filtre:not([aria-pressed="true"]) { border-color: rgba(255, 255, 255, .12); }
}