@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
.crdc-faq{--r:#800020;--r-dark:#5f0018;--ink:#111;--muted:#666;--border:#e5e2dc;--bg-soft:#faf6f7;
  font-family:"Hind",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  max-width:920px;margin:0 auto;line-height:1.6;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.crdc-faq *{box-sizing:border-box}

/* Header fixe */
.crdc-faq .cfaq-header{margin-bottom:24px}
.crdc-faq .cfaq-kicker{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em;color:var(--r);font-weight:500;margin-bottom:10px}
.crdc-faq .cfaq-kicker svg{width:15px;height:15px;stroke:var(--r)}
.crdc-faq .cfaq-headtitle{font-size:1.6rem;font-weight:600;color:var(--ink);margin:0 0 8px;line-height:1.25}
.crdc-faq .cfaq-headsub{font-size:.96rem;color:var(--muted);max-width:620px;margin:0}

/* Titres d'étape + textes */
.crdc-faq .cfaq-h{font-size:1.1rem;font-weight:600;margin:0 0 16px;color:var(--ink)}
.crdc-faq .cfaq-muted{font-size:.9rem;color:var(--muted);margin:0 0 16px}

/* Boutons de choix (profil / sujet) */
.crdc-faq .cfaq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.crdc-faq .cfaq-stack{display:flex;flex-direction:column;gap:12px}
.crdc-faq .cfaq-stack .cfaq-btn{width:100%}
.crdc-faq .cfaq-btn{position:relative;padding:16px 40px 16px 18px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;white-space:normal;overflow-wrap:break-word;line-height:1.4}
.crdc-faq .cfaq-btn::after{content:"→";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--r);opacity:.45;transition:transform .2s,opacity .2s}
.crdc-faq .cfaq-btn:hover{border-color:var(--r);transform:translateY(-2px);box-shadow:0 6px 18px rgba(128,0,32,.08)}
.crdc-faq .cfaq-btn:hover::after{opacity:1;transform:translateY(-50%) translateX(3px)}

/* Retour */
.crdc-faq .cfaq-back{background:none;border:0;color:var(--r);font:inherit;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px}
.crdc-faq .cfaq-back:hover{text-decoration:underline}

/* Accordéon */
.crdc-faq .cfaq-item{border:1px solid var(--border);border-radius:12px;padding:2px 18px;margin-bottom:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.crdc-faq .cfaq-item:hover{border-color:var(--r)}
.crdc-faq .cfaq-item summary{position:relative;cursor:pointer;font-weight:500;color:var(--ink);padding:14px 30px 14px 0;list-style:none}
.crdc-faq .cfaq-item summary::-webkit-details-marker{display:none}
.crdc-faq .cfaq-item summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.25rem;line-height:1;color:var(--r)}
.crdc-faq .cfaq-item[open] summary{color:var(--r)}
.crdc-faq .cfaq-item[open] summary::after{content:"–"}
.crdc-faq .cfaq-ans{padding:0 0 16px;color:#444;line-height:1.6}
.crdc-faq .cfaq-ans a{color:var(--r);font-weight:600}
.crdc-faq .cfaq-item.cfaq-flash{animation:cfaqFlash 1.8s ease}
@keyframes cfaqFlash{0%{box-shadow:0 0 0 0 rgba(128,0,32,.35);border-color:var(--r)}45%{box-shadow:0 0 0 4px rgba(128,0,32,.16);border-color:var(--r)}100%{box-shadow:0 0 0 0 rgba(128,0,32,0)}}

/* Fallback « pas trouvé » + CTA */
.crdc-faq .cfaq-qcta{margin-top:12px;padding-top:10px;border-top:1px solid #eee}
.crdc-faq .cfaq-qcta .cfaq-link{font-size:.82rem}
.crdc-faq .cfaq-hint{margin-top:18px;font-size:.85rem;color:var(--muted);font-style:italic}
.crdc-faq .cfaq-fb{margin-top:22px;padding:18px;border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;color:var(--muted)}
.crdc-faq .cfaq-fb p{margin:0 0 10px}
.crdc-faq .cfaq-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid var(--r);border-radius:10px;background:var(--r);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .2s}
.crdc-faq .cfaq-cta:hover{background:var(--r-dark)}
.crdc-faq .cfaq-cta:disabled{opacity:.6;cursor:default}

/* Formulaire */
.crdc-faq .cfaq-form{display:flex;flex-direction:column;gap:14px;max-width:520px}
.crdc-faq .cfaq-fields{display:flex;flex-direction:column;gap:14px}
.crdc-faq .cfaq-f{display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:#333;font-weight:600}
.crdc-faq .cfaq-f input,.crdc-faq .cfaq-f textarea{padding:10px 12px;border:1px solid #d7d7dd;border-radius:10px;font:inherit;font-weight:400}
.crdc-faq .cfaq-f input:focus,.crdc-faq .cfaq-f textarea:focus{outline:none;border-color:var(--r);box-shadow:0 0 0 3px rgba(128,0,32,.12)}
.crdc-faq .cfaq-codein{width:180px;padding:12px;font-size:1.4rem;letter-spacing:.4em;text-align:center;border:1px solid #d7d7dd;border-radius:10px}
.crdc-faq .cfaq-link{background:none;border:0;color:var(--r);font:inherit;text-decoration:underline;cursor:pointer;padding:0;text-align:left;white-space:normal;overflow-wrap:break-word;max-width:100%;line-height:1.4}
.crdc-faq .cfaq-formmsg{font-size:.88rem;min-height:1.2em}
.crdc-faq .cfaq-err{color:#b00020}
.crdc-faq .cfaq-ok{color:#0a7a3f}
.crdc-faq .cfaq-done{padding:20px;border:1px solid #cfe8d8;background:#f4fbf6;border-radius:14px}
.crdc-faq .cfaq-recap{background:var(--bg-soft);border:1px solid #eddfe2;border-left:3px solid var(--r);border-radius:10px;padding:12px 14px;margin:0 0 16px;font-size:.9rem;color:#333}
.crdc-faq .cfaq-recap-t{display:block;font-weight:700;color:var(--r);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}

@media(max-width:560px){.crdc-faq .cfaq-headtitle{font-size:1.35rem}}
