/* ============================================================================
 * Widget FAQ · skin DEFAULT (fallback) — visual neutro que lê as variáveis do
 * tema (--bs-*) e cai em cores próprias quando elas não existem.
 * ==========================================================================*/
.wc-faq {
    --wcfaq-accent: var(--wc-widget-accent, var(--bs-primary, #0fac81));
    --wcfaq-accent-rgb: var(--wc-widget-accent-rgb, var(--bs-primary-rgb, 15, 172, 129));
    --wcfaq-text: var(--bs-body-color, #1f2937);
    --wcfaq-muted: #8094ae;
    --wcfaq-surface: var(--wc-widget-surface, var(--bs-card-bg, #fff));
    --wcfaq-border: var(--wc-widget-border, var(--bs-border-color, rgba(0, 0, 0, .09)));
    color: var(--wcfaq-text);
}
.wc-faq__title { font-size: 1.45rem; color: var(--bs-heading-color, var(--wcfaq-text)); }
.wc-faq__title .icon { color: var(--wcfaq-accent); font-size: 1.3rem; }
.wc-faq__sub { color: var(--wcfaq-muted); font-size: .95rem; }

.wc-faq__item { background: var(--wcfaq-surface); border: 1px solid var(--wcfaq-border); border-radius: 12px; transition: border-color .2s ease, box-shadow .2s ease; }
.wc-faq__item[open] { border-color: rgba(var(--wcfaq-accent-rgb), .45); box-shadow: 0 6px 22px rgba(var(--wcfaq-accent-rgb), .08); }

.wc-faq__q { padding: 1.05rem 1.25rem; font-weight: 600; font-size: 1.02rem; transition: color .15s ease; }
.wc-faq__q:hover { color: var(--wcfaq-accent); }

.wc-faq__chev { width: 26px; height: 26px; border-radius: 50%; background: rgba(var(--wcfaq-accent-rgb), .12); color: var(--wcfaq-accent); }
.wc-faq__item[open] .wc-faq__chev { background: var(--wcfaq-accent); color: #fff; }

.wc-faq__a { padding: 0 1.25rem 1.15rem; opacity: .92; line-height: 1.65; font-size: .97rem; }
.wc-faq__a a { color: var(--wcfaq-accent); text-decoration: underline; }

@media (max-width: 575px) {
    .wc-faq__title { font-size: 1.25rem; }
    .wc-faq__q { padding: .9rem 1rem; font-size: .98rem; }
    .wc-faq__a { padding: 0 1rem 1rem; }
}