/* AI FAQ Generator — FAQ Display Styles (frontend + block editor canvas) */

.aifaq-section{margin:2em 0;font-family:inherit}
.aifaq-heading{font-size:1.4em;font-weight:700;margin-bottom:.9em;color:#1a202c}

/* ── Layout 1 — Accordion ── */
.aifaq-layout-accordion .aifaq-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;overflow:hidden}
.aifaq-layout-accordion .aifaq-question{display:flex;align-items:center;padding:14px 16px;cursor:pointer;background:#f8fafc;font-weight:600;font-size:15px;user-select:none;gap:10px;color:#1a202c}
.aifaq-layout-accordion .aifaq-question:hover{background:#eff6ff}
.aifaq-layout-accordion .aifaq-q-num{min-width:26px;height:26px;border-radius:50%;background:#488cbf;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aifaq-layout-accordion .aifaq-toggle{margin-left:auto;transition:transform .25s;font-size:13px;color:#888}
.aifaq-layout-accordion .aifaq-item.aifaq-open .aifaq-toggle{transform:rotate(180deg)}
.aifaq-layout-accordion .aifaq-answer{display:none;padding:14px 16px 16px 52px;font-size:14px;color:#4a5568;border-top:1px solid #e2e8f0;line-height:1.75;background:#fff}
.aifaq-layout-accordion .aifaq-item.aifaq-open .aifaq-answer{display:block}

/* ── Layout 4 — Boxed ── */
.aifaq-layout-boxed .aifaq-box-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}
.aifaq-layout-boxed .aifaq-box-header{background:#488cbf;padding:12px 18px;display:flex;align-items:center;gap:8px}
.aifaq-layout-boxed .aifaq-box-header-text{color:#fff;font-size:14px;font-weight:700}
.aifaq-layout-boxed .aifaq-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f4f8;background:#fff;align-items:flex-start}
.aifaq-layout-boxed .aifaq-item:last-child{border-bottom:none}
.aifaq-layout-boxed .aifaq-item:hover{background:#f8fbff}
.aifaq-layout-boxed .aifaq-icon-wrap{width:30px;height:30px;border-radius:6px;background:#edf4fb;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.aifaq-layout-boxed .aifaq-icon-num{color:#488cbf;font-size:13px;font-weight:700}
.aifaq-layout-boxed .aifaq-q{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:5px;line-height:1.5}
.aifaq-layout-boxed .aifaq-a{font-size:13px;color:#4a5568;line-height:1.7}