/* Global Accordion Style  
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Overrides to Bootsrap classes  */

.accordion {
    max-width: 100%;
    margin-bottom: 1rem;
    border: 1px solid rgb(204, 204, 204); 
    border-radius: 5px;
    overflow: hidden; /* Prevents internal content from overlapping the container's border */
}

.accordion .accordion-button {
    background-color: #0F2537;
    color: white;
    font-size: 14px;
    font-weight: 500;    
    /* KEEP commented out! In order for dropdown component to appear above everything else */
    /* z-index: 1;
        position: relative; */
}

.accordion .accordion-button:not(.collapsed) {
    color: #448cd1;
    background-color: #0F2537;
    box-shadow: none;
}

.accordian_items {
    color: #FFFFFF;
    border: 0.25px solid #465563 !important;
}

/* Remove default effects */
.accordion-button:focus {
    box-shadow: none;
}


/* Alternate Design */

.accordion_white .accordion-button:not(.collapsed) {
    color: #448cd1;
    background-color: white;
    box-shadow: none;
}

.accordion_white .accordion-button {
    background-color: #465563
}



/* Apply Borders
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Ensure the accordion's border color does not change upon any accordion-button interactions */
.accordion,
.accordion:focus,
.accordion:active {
    border: 1px solid rgb(204, 204, 204) !important; /* Reinforcing border color to not change */
    border-radius: 5px !important;
}


/* Reset all unnecessary border-radius and borders to avoid conflicts */
.accordion .accordion-item,
.accordion .accordion-header,
.accordion .accordion-button,
.accordion .accordion-collapse,
.accordion:focus,
.accordion:active {
    border-radius: 0;
    border: none; /* Ensures no internal borders overlap with the container */
}

/* Apply border-radius to the first accordion button and handle interaction states */
.accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.accordion .accordion-item:first-of-type .accordion-button:focus,
.accordion .accordion-item:first-of-type .accordion-button:active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Apply and handle border-radius for the last accordion button when collapsed, including interaction states */
.accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.accordion .accordion-item:last-of-type .accordion-button.collapsed:focus,
.accordion .accordion-item:last-of-type .accordion-button.collapsed:active {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Remove border-radius from the last accordion button when expanded, including interaction states */
.accordion .accordion-item:last-of-type .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.accordion .accordion-item:last-of-type .accordion-button:not(.collapsed):focus,
.accordion .accordion-item:last-of-type .accordion-button:not(.collapsed):active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Ensure the bottom border-radius is applied to the last item's collapsed content if visible, and handle interaction states */
.accordion .accordion-item:last-of-type .accordion-collapse {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}