/**
 * Force Accordion Behavior CSS
 * Enforces proper accordion toggle behavior
 */

/* Force immediate transition */
.accordion-button,
.accordion-collapse,
.accordion-body,
.mobile-accordion * {
    transition: none !important;
    animation: none !important;
}

/* Target only the open accordion state */
.accordion-collapse.show {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* Target the collapsed state */
.accordion-collapse:not(.show) {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

/* Prevent any transitional state */
.accordion-collapse.collapsing {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Style the open accordion button */
.accordion-button:not(.collapsed) {
    color: #333 !important;
    background-color: #f0f7ff !important;
    font-weight: 700 !important;
}

/* Style the collapsed accordion button */
.accordion-button.collapsed {
    color: #666 !important;
    background-color: #f8f9fa !important;
}

/* Remove arrow transitions */
.accordion-button::after {
    transition: none !important;
}