@import url('../../../../themes/riccisolutions/assets/css/colors.css');

/* RS FAQ — accordion fluido, sem contorno */

.rs-faq-item {
    border: none;
    box-shadow: none;
    transition:
        background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rs-faq-question:focus-visible {
    outline: 2px solid var(--rc-silver);
    outline-offset: 4px;
    border-radius: 1.5rem;
}

.rs-faq-toggle {
    color: var(--rc-white);
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
}

.rs-faq-icon {
    display: block;
    flex-shrink: 0;
}

.rs-faq-icon-line {
    transition:
        opacity 0.28s ease,
        transform 0.28s ease;
    transform-origin: center;
}

.rs-faq-item.is-open .rs-faq-toggle {
    color: var(--rc-black);
    background: var(--rc-white);
    box-shadow: none;
}

.rs-faq-item.is-open .rs-faq-icon-line--v {
    opacity: 0;
    transform: scaleY(0);
}

.rs-faq-answer-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}

.rs-faq-item.is-open .rs-faq-answer-wrap {
    grid-template-rows: 1fr;
}

.rs-faq-answer-inner {
    overflow: hidden;
}

.rs-faq-answer {
    padding-top: 0.25rem;
    opacity: 0;
    transform: translateY(-8px);
    transition:
        opacity 0.38s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.rs-faq-item.is-open .rs-faq-answer {
    opacity: 1;
    transform: translateY(0);
}

.rs-faq-answer p {
    margin: 0;
}

.rs-faq-answer p + p {
    margin-top: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
    .rs-faq-item,
    .rs-faq-answer-wrap,
    .rs-faq-answer,
    .rs-faq-icon-line,
    .rs-faq-toggle {
        transition: none !important;
    }

    .rs-faq-answer {
        opacity: 1;
        transform: none;
    }
}

/* Shortcode em páginas claras */
.rs-faq-section.rs-faq-section--light {
    background: var(--color-background);
    color: var(--color-text);
}

.rs-faq-section.rs-faq-section--light .text-rc-white {
    color: var(--color-text) !important;
}

.rs-faq-section.rs-faq-section--light .text-rc-gray-light {
    color: var(--color-text-secondary) !important;
}

.rs-faq-section.rs-faq-section--light .rs-faq-item {
    background: rgba(255, 255, 255, 0.88);
}

.rs-faq-section.rs-faq-section--light .rs-faq-item.is-open {
    background: var(--rc-white);
    box-shadow: 0 8px 24px var(--rgba-black-06);
}

.rs-faq-section.rs-faq-section--light .rs-faq-question {
    color: var(--color-text);
}

.rs-faq-section.rs-faq-section--light .rs-faq-question:hover {
    color: var(--color-text-secondary);
}

.rs-faq-section.rs-faq-section--light .rs-faq-toggle {
    color: var(--rc-white);
    background: var(--color-primary);
    box-shadow: none;
}

.rs-faq-section.rs-faq-section--light .rs-faq-item.is-open .rs-faq-toggle {
    color: var(--color-primary);
    background: var(--rc-white);
    box-shadow: inset 0 0 0 2px var(--color-primary);
}