/* ==========================================================================
   BLOCK: FAQ SCHEMA & ACCORDION
   ========================================================================== */

/* Accordion Button Base */
.block-faq-schema .accordion .accordion-item .accordion-header .accordion-button {
    background-color: #003044;
    font-size: 25px;
    color: #E6F5FC;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    
    /* Text wrapping fixes */
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Ensure headline wraps cleanly next to the arrow */
.block-faq-schema .accordion .accordion-headline {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Hide Bootstrap default arrow indicator */
.block-faq-schema .accordion .accordion-item .accordion-header .accordion-button::after {
    content: none;
    background: none;
}

/* Custom CSS Arrow (#b07530) */
.block-faq-schema .accordion .accordion-arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 3px solid #b07530;
    border-bottom: 3px solid #b07530;
    flex-shrink: 0; /* Prevents arrow from shrinking on small screens */
    margin-left: 10px;
    
    /* Default state (OPEN): Points Up */
    transform: rotate(-135deg);
    transition: transform 0.3s ease;
}

/* Closed state (COLLAPSED): Points Down */
.block-faq-schema .accordion .accordion-button.collapsed .accordion-arrow {
    transform: rotate(45deg);
}

/* Item Wrapper */
.block-faq-schema .accordion .accordion-item {
    border: none;
    margin-bottom: 15px;
    background: none;
    border: 1px solid #66C5EE;
}

.block-faq-schema .accordion .accordion-item:first-of-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.block-faq-schema .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
    border: none;
    color: #E6F5FC;
}

/* Body Styling */
.block-faq-schema .accordion .accordion-item .accordion-collapse .accordion-body {
    position: relative;
    color: #E6F5FC;
    overflow-wrap: break-word;
    word-break: break-word;
}

.block-faq-schema .accordion .accordion-item .accordion-collapse .accordion-body .accordion-body-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C4E0D8;
    z-index: -1;
    opacity: 0.25;
}