/* ══════════════════════════════════════════════════════
   Ferbeatz FAQs — css/fbz-faqs.css
   Loaded via wp_enqueue_style() in functions.php
   ══════════════════════════════════════════════════════ */

.fbz-faqs-section {
    padding: 80px 24px;
    background-color: var(--bg-deep, #0f121f);
}
@media (max-width: 560px) { .fbz-faqs-section { padding: 60px 20px; } }

/* Filter tabs */
.fbz-faqs-filters { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:32px 0 28px; }
.fbz-faqs-filter {
    background:transparent; border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.5);
    padding:8px 22px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; cursor:pointer; transition:border-color .2s,color .2s,background .2s;
}
.fbz-faqs-filter:hover { border-color:rgba(253,235,25,.4); color:rgba(253,235,25,.85); }
.fbz-faqs-filter--active { background:rgba(253,235,25,.08); border-color:rgba(253,235,25,.5); color:#fdeb19; }

/* Accordion */
.fbz-faqs-accordion { max-width:820px; margin:0 auto; }
.fbz-faqs-item { border-bottom:1px solid rgba(255,255,255,.07); }
.fbz-faqs-item:first-child { border-top:1px solid rgba(255,255,255,.07); }
.fbz-faqs-q {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    width:100%; background:transparent; border:none; color:rgba(255,255,255,.9);
    font-size:15px; font-weight:600; text-align:left; padding:16px 0;
    cursor:pointer; line-height:1.5; transition:color .2s;
}
.fbz-faqs-q:hover { color:#fdeb19; }
.fbz-faqs-icon { flex-shrink:0; transition:transform .25s ease; color:rgba(253,235,25,.55); }
.fbz-faqs-item.open .fbz-faqs-icon { transform:rotate(180deg); }
.fbz-faqs-a { overflow:hidden; max-height:0; transition:max-height .35s ease,padding .3s; padding:0; }
.fbz-faqs-item.open .fbz-faqs-a { max-height:600px; padding-bottom:18px; }
.fbz-faqs-a p { margin:0; font-size:15px; line-height:1.75; color:rgba(255,255,255,.68); }

/* View all button */
.fbz-faqs-footer { text-align:center; margin-top:36px; }
.fbz-faqs-view-all {
    display:inline-flex; align-items:center; gap:8px; padding:11px 28px;
    border-radius:999px; border:1px solid rgba(253,235,25,.35); color:rgba(253,235,25,.85);
    font-size:13px; font-weight:700; letter-spacing:.05em; text-decoration:none;
    transition:background .2s,border-color .2s,color .2s,transform .15s;
}
.fbz-faqs-view-all:hover {
    background:rgba(253,235,25,.08); border-color:rgba(253,235,25,.6);
    color:#fdeb19; transform:translateY(-1px);
}