/* FAQ AI Pro - Frontend Styles (include stili free + card) */

/* ── BASE ── */
.faq-ai-section { margin: 2em 0; font-family: inherit; background: var(--faq-section-bg, transparent); }
.faq-ai-title { font-size: 1.5em; margin-bottom: 1em; padding-bottom: .5em; border-bottom: 2px solid var(--faq-accent, #e5e7eb); color: var(--faq-title-color, inherit); }

/* ── ACCORDION ── */
.faq-ai-style-accordion .faq-ai-item { border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 8px; overflow: hidden; }
.faq-ai-style-accordion .faq-ai-question { display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px 20px; background:var(--faq-q-bg, #f9fafb); border:none; cursor:pointer; font-size:1em; font-weight:600; text-align:left; color:var(--faq-q-color, #111827); transition:background .2s; }
.faq-ai-style-accordion .faq-ai-question:hover { background:#f3f4f6; }
.faq-ai-style-accordion .faq-ai-question[aria-expanded="true"] { background:#eff6ff; }
.faq-ai-icon { font-size:1.4em; line-height:1; transition:transform .25s; flex-shrink:0; margin-left:12px; color:var(--faq-accent, #6b7280); }
.faq-ai-question[aria-expanded="true"] .faq-ai-icon { transform:rotate(45deg); color:var(--faq-accent, #2563eb); }
.faq-ai-style-accordion .faq-ai-answer { padding:16px 20px; color:var(--faq-a-color, #374151); line-height:1.7; border-top:1px solid #e5e7eb; background:var(--faq-a-bg, #fff); }

/* ── FLAT ── */
.faq-ai-style-flat .faq-ai-item { margin-bottom:1.5em; }
.faq-ai-style-flat .faq-ai-question { display:block; width:100%; border:none; background:none; font-size:1em; font-weight:700; color:var(--faq-q-color, #111827); cursor:default; padding:0 0 6px; text-align:left; border-bottom:2px solid var(--faq-accent, #2563eb); margin-bottom:8px; }
.faq-ai-style-flat .faq-ai-icon { display:none; }
.faq-ai-style-flat .faq-ai-answer { display:block !important; padding:0; color:var(--faq-a-color, #374151); line-height:1.7; }

/* ── CARD (Pro only) ── */
.faq-ai-style-card .faq-ai-list { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; }
.faq-ai-style-card .faq-ai-item { background:var(--faq-a-bg, #fff); border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,.08); border:1px solid #e5e7eb; transition:transform .2s, box-shadow .2s; }
.faq-ai-style-card .faq-ai-item:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.12); }
.faq-ai-card-q { font-weight:700; color:var(--faq-q-color, #1e3a8a); margin-bottom:10px; line-height:1.4; font-size:1em; }
.faq-ai-card-q::before { content:"Q: "; color:var(--faq-accent, #2563eb); }
.faq-ai-card-a { color:var(--faq-a-color, #374151); font-size:.95em; line-height:1.6; }