/* ==========================================================
 * faq.css — FAQ Page Styles
 * ========================================================== */

.faq-section { background: var(--clr-dark); }

.faq-item {
    margin-bottom: .6rem;
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    border: 1px solid var(--clr-border) !important;
    transition: border-color .25s ease;
}

.faq-item:has(.accordion-button:not(.collapsed)) {
    border-color: var(--clr-accent) !important;
}

.faq-item .accordion-button {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.5rem;
    font-size: 1rem;
    font-weight: var(--fw-semi);
}

.faq-num {
    font-family: var(--ff-heading);
    font-size: 1.4rem;
    font-weight: var(--fw-black);
    color: var(--clr-accent);
    line-height: 1;
    flex-shrink: 0;
    opacity: .6;
    transition: opacity .25s;
}

.accordion-button:not(.collapsed) .faq-num { opacity: 1; }

.faq-still-question {
    background: var(--clr-dark-2);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 3rem 2rem;
}

.fsq-icon {
    font-size: 3rem;
    color: var(--clr-accent);
    margin-bottom: 1rem;
}

.faq-still-question h4 {
    font-size: 1.5rem;
    margin-bottom: .4rem;
}

.faq-still-question p {
    color: var(--clr-muted);
    margin-bottom: 1.5rem;
}