/* colors & borders */
.wp-block-yoast-faq-block {
    border-top:1px solid #eee;
}
.wp-block-yoast-faq-block .schema-faq-question {
    border-bottom:1px solid #eee;
}
.wp-block-yoast-faq-block .schema-faq-question:hover,
.wp-block-yoast-faq-block .fcp-opened .schema-faq-question {
    background-color:#fafafa;
}
.wp-block-yoast-faq-block .schema-faq-answer,
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
    border-bottom:1px solid #eee;
}

/* layout */
.wp-block-yoast-faq-block .schema-faq-question {
    display:block;
    padding:10px;
    position:relative;
}
.wp-block-yoast-faq-block.fcp-faq .schema-faq-question {
    cursor:pointer;
}
.wp-block-yoast-faq-block .schema-faq-answer {
    margin:0;
    padding:12px 10px;
}

/* bullet before a question */
.wp-block-yoast-faq-block .schema-faq-question:before {
    /* position gap */
    margin-top:-2px;
}
.wp-block-yoast-faq-block .schema-faq-question,
.wp-block-yoast-faq-block .schema-faq-answer {
    padding-left:34px;
}
.wp-block-yoast-faq-block .schema-faq-question:before {
    content:'';
    display:block;
    border:2px solid #dedede;
    border-width:0px 2px 2px 0px;
    width:9px;
    height:9px;
    box-sizing:border-box;
    position:absolute;
    left:14px;
}
.wp-block-yoast-faq-block.fcp-faq .schema-faq-question:before {
    top:16px;
    transform:rotate(-45deg);
    transition:all 0.3s 0.3s ease;
}
.wp-block-yoast-faq-block .schema-faq-question:before,
.wp-block-yoast-faq-block.fcp-faq .fcp-opened .schema-faq-question:before {
    top:14px;
    transform:rotate(45deg);
}

/* transition */
.wp-block-yoast-faq-block.fcp-faq .schema-faq-answer {
    max-height:0;
    overflow:hidden;
    border-bottom-width:0;
    padding-top:0;
    padding-bottom:0;
    transition:padding-bottom 0.3s ease-in, max-height 0.4s ease-in, padding-top 0.1s 0.4s ease-out, border-bottom-width 0s 0.5s linear;
}
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
    max-height:9999px;
    border-bottom-width:1px;
    padding-top:12px;
    padding-bottom:20px;
    transition:padding-top 0.2s ease-in, max-height 0.3s 0.2s linear, padding-bottom 0.4s 0.2s ease;
}


/* Accessible enhancement: legacy rules above remain usable by the old script. */
.wp-block-yoast-faq-block {
    --fcp-faq-ready:1;
}
.wp-block-yoast-faq-block.fcp-faq[data-fcp-faq-enhanced] .schema-faq-answer {
    max-height:none;
    overflow:visible;
    border-bottom-width:1px;
    padding-top:12px;
    padding-bottom:12px;
    transition:none;
}
.wp-block-yoast-faq-block.fcp-faq[data-fcp-faq-enhanced] .fcp-opened > .schema-faq-answer {
    padding-bottom:20px;
}
.wp-block-yoast-faq-block[data-fcp-faq-enhanced] .schema-faq-answer[hidden] {
    display:none!important;
}
.wp-block-yoast-faq-block[data-fcp-faq-enhanced] .schema-faq-question[data-fcp-faq-question] {
    padding:0;
}
.wp-block-yoast-faq-block .fcp-faq-toggle {
    display:block;
    width:100%;
    min-height:44px;
    margin:0;
    padding:10px 10px 10px 34px;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    color:inherit;
    font:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    text-align:inherit;
    text-transform:none;
    cursor:pointer;
    appearance:none;
}
.wp-block-yoast-faq-block .fcp-faq-toggle:focus-visible {
    outline:2px solid currentColor;
    outline-offset:-3px;
}
.wp-block-yoast-faq-block[data-fcp-faq-enhanced] .schema-faq-question:before {
    pointer-events:none;
}
.wp-block-yoast-faq-block[data-fcp-faq-enhanced] .schema-faq-question:not([data-fcp-faq-question]):not([role]) {
    cursor:default;
}
.wp-block-yoast-faq-block[data-fcp-faq-enhanced] .schema-faq-question:not([data-fcp-faq-question]):not([role]):before {
    top:14px;
    transform:rotate(45deg);
    transition:none;
}
@media (prefers-reduced-motion:reduce) {
    .wp-block-yoast-faq-block[data-fcp-faq-enhanced] .schema-faq-question:before {
        transition:none;
    }
}

/* Preserve the question colours when the theme styles button states. */
.wp-block-yoast-faq-block .schema-faq-question > button.fcp-faq-toggle:hover,
.wp-block-yoast-faq-block .schema-faq-question > button.fcp-faq-toggle:focus,
.wp-block-yoast-faq-block .schema-faq-question > button.fcp-faq-toggle:active {
    color:inherit!important;
    background:transparent!important;
    box-shadow:none;
}

/* Keep anchor and keyboard targets clear of the fixed site header. */
.wp-block-yoast-faq-block [data-fcp-faq-managed],
.wp-block-yoast-faq-block button.fcp-faq-toggle,
body.single-post .entry-content .wp-block-yoast-faq-block [data-fcp-faq-managed],
body.single-post .entry-content .wp-block-yoast-faq-block button.fcp-faq-toggle {
    scroll-margin-top:calc(160px + var(--wp-admin--admin-bar--height, 0px));
}