@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Roboto:wght@400;500&display=swap');

/* ── Fix CLS : masquer les <p> bruts avant que le JS les transforme ──
   Le JS les supprime du DOM et les remplace par .lmb-faq-item.
   Sans cette règle, les paragraphes bruts s'affichent brièvement
   puis sautent → mauvais score CLS (Core Web Vitals). */
.lmb-faq-inner > p.lmb-q,
.lmb-faq-inner > p.lmb-a { display:none !important; }

/* ── Conteneurs ── */
.lmb-faq { background:#fff; padding:60px 0; font-family:'Roboto',sans-serif; width:100%; box-sizing:border-box; }
.lmb-faq-inner { max-width:860px; margin:0 auto; padding:0 28px; box-sizing:border-box; }

/* ── En-tête ── */
.lmb-faq-badge { display:inline-block; background:#EEECEA; color:#CC9D6B; font-size:11px; font-weight:500; letter-spacing:0.12em; padding:5px 16px; border-radius:40px; text-transform:uppercase; }
.lmb-faq-title { font-family:'Playfair Display',serif; color:#CC9D6B; font-size:clamp(26px,3.5vw,38px); font-weight:400; text-align:center; margin:12px 0 8px; line-height:1.25; }
.lmb-faq-sub   { text-align:center; color:#999; font-size:14px; margin:0 0 44px; }

/* ── Items accordéon ── */
.lmb-faq-item { border-bottom:1px solid #EEECEA; }
.lmb-faq-q { display:flex !important; justify-content:space-between; align-items:center; gap:16px; padding:22px 16px; cursor:pointer; border-radius:6px; transition:background .2s,color .2s; font-size:15px; font-weight:500; color:#1a1a1a; user-select:none; }
.lmb-faq-q:hover { background:#32323A; color:#CC9D6B; }

/* ── Icône +/- ── */
.lmb-icon { width:28px; min-width:28px; height:28px; border-radius:50%; border:1.5px solid #CC9D6B; display:flex !important; align-items:center; justify-content:center; position:relative; transition:background .2s; flex-shrink:0; }
.lmb-icon::before,.lmb-icon::after { content:''; position:absolute; background:#CC9D6B; border-radius:2px; transition:transform .3s,opacity .3s; }
.lmb-icon::before { width:11px; height:1.8px; }
.lmb-icon::after  { width:1.8px; height:11px; }
.lmb-faq-item.lmb-open .lmb-icon { background:#CC9D6B; }
.lmb-faq-item.lmb-open .lmb-icon::before,
.lmb-faq-item.lmb-open .lmb-icon::after { background:#fff; }
.lmb-faq-item.lmb-open .lmb-icon::after { transform:rotate(90deg); opacity:0; }

/* ── Réponse — !important nécessaire pour écraser Tailwind ── */
.lmb-faq-a { max-height:0 !important; overflow:hidden !important; transition:max-height .35s ease; }
.lmb-faq-item.lmb-open .lmb-faq-a { max-height:600px !important; }
.lmb-faq-answer { padding:4px 16px 24px; font-size:14px; line-height:1.8; color:#555; margin:0; }
