/**
 * FAQ - Responsive CSS
 * Media queries para todas as variantes
 */

/* Tablet */
@media (max-width: 991px) {
    .sslp-faq {
        padding: 3rem 0;
    }

    .sslp-faq .sslp-section__title {
        font-size: 1.8rem;
    }

    .sslp-faq__list {
        margin-top: 2rem;
    }

    /* Variante D: Grid para 1 coluna em tablet */
    .variant-d .sslp-faq__list {
        grid-template-columns: 1fr;
    }

    .variant-d .sslp-faq-item.is-open {
        grid-column: span 1;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .sslp-faq {
        padding: 2.5rem 0;
    }

    .sslp-faq .sslp-section__title {
        font-size: 1.5rem;
    }

    .sslp-faq .sslp-section__subtitle {
        font-size: 0.9rem;
    }

    .sslp-faq__list {
        margin-top: 1.5rem;
    }

    .sslp-faq-question {
        padding: 1rem;
        font-size: 0.95rem;
    }

    .sslp-faq-question__icon {
        width: 20px;
        height: 20px;
    }

    .sslp-faq-answer__content {
        padding: 0 1rem 1rem;
        font-size: 0.9rem;
    }

    /* Variante A */
    .variant-a .sslp-faq .sslp-section__title {
        font-size: 1.8rem;
    }

    /* Variante B: Ajusta padding do número */
    .variant-b .sslp-faq-item {
        padding-left: 55px;
    }

    .variant-b .sslp-faq-item::before {
        left: 12px;
        width: 30px;
        height: 30px;
        font-size: 0.75rem;
    }

    .variant-b .sslp-faq-answer__content {
        margin-left: -55px;
        padding-left: 55px;
    }

    /* Variante C */
    .variant-c .sslp-faq {
        padding: 4rem 0;
    }

    .variant-c .sslp-faq .sslp-section__title {
        font-size: 2rem;
    }

    .variant-c .sslp-faq-question {
        padding: 1.5rem 0;
        font-size: 1.05rem;
    }

    /* Variante F: Remove transform em mobile */
    .variant-f .sslp-faq-item:hover {
        transform: none;
    }

    .variant-f .sslp-faq-item.is-open {
        transform: none;
    }

    /* Variante G: Esconde ícone lateral */
    .variant-g .sslp-faq-item::before {
        display: none;
    }

    .variant-g .sslp-faq .sslp-section__subtitle::after {
        display: none;
    }

    /* Variante H */
    .variant-h .sslp-faq .sslp-section__title {
        font-size: 1.8rem;
    }
}

/* Mobile pequeno */
@media (max-width: 480px) {
    .sslp-faq-question {
        font-size: 0.9rem;
    }

    .sslp-faq-answer__content {
        font-size: 0.85rem;
        line-height: 1.6;
    }
}