@import url("../../../icomoon/style.css");

/* Seo YOAST */
.schema-faq {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--30);
    .schema-faq-section{
        border-radius: var(--wp--preset--border-radius--md);
        margin: 0 !important;
        overflow: hidden;
        border: 2px solid var(--wp--preset--color--primary);
        .schema-faq-question{
            color: var(--wp--preset--color--contrast) !important;
            padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
            display: flex;
            align-items: center;
            cursor: pointer;
            font-size: var(--wp--preset--font-size--normal);
            font-family: var(--wp--custom--global--typography--font-family--heading);
            &:after {
                content: "\e92e";
                font-size: 20px;
                font-family: 'icomoon';
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: auto;
                flex: 0 0 32px;
                width: 32px;
                height: 32px;   
                border-radius: 50%;
                background: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--base);
                transition: transform 0.3s ease;
            }
        }
        .schema-faq-answer {
            background-color: rgba(0, 0, 0, 0.05) !important;
            height: 0;
            margin: 0;
        }
        &.schema-faq-section--open{
            .schema-faq-answer {
                padding: var(--wp--preset--spacing--50);
                height: auto;
            }
            .schema-faq-question:after {
                transform: rotate(180deg);
            }
        }
    }
}

:where(.editor-styles-wrapper) .schema-faq .schema-faq-section .schema-faq-answer{
    max-height: unset;
    overflow: auto;
}

.is-style-section-base-variant {
    .schema-faq .schema-faq-section {
        background-color: var(--wp--preset--color--base) !important;
    }
}