/**
CHANGE BS5 NAV TABS
 */
.nav-link {
    color: black;
}

.nav-link:hover,
.nav-link:focus {
    color: orange;
}

.nav-tabs .nav-link.active {
    color: orange;
}

/* Accordion structure */
.accordion {
    display: block;
    width: 100%;
    padding: 0;
}

/* Individual accordion item */
.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

/* Accordion header (item title) */
.accordion-header {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Accordion button */
.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.25rem 1.25rem;
    color: #212529;
    background-color: #e7e7e7;
    border: none;
    text-align: left;
    font-weight: bold;
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e2e3e5;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/* Accordion collapse (content container) */
.accordion-collapse {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

/* Accordion body (content inside each item) */
.accordion-body {
    padding: 1rem 1.25rem;
    color: #212529;
}

/* Reset accordion-button when not collapsed */
.accordion-button:not(.collapsed) {
    color: orange; /* Default Bootstrap primary color */
    background-color: #e7e7e7; /* Default expanded background color */
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); /* Default shadow */
}

/* Reset accordion-item */
.accordion-item {
    margin-bottom: 0; /* No extra spacing by default */
}

/* Reset accordion-button focus */
.accordion-button:focus {
    z-index: 1; /* Default z-index */
    border-color: transparent; /* No border color on focus */
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Default box shadow for focus */
}

/* List group container */
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

/* Each item in the list group */
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item + .list-group-item {
    border-top-width: 0;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

/* Thumbnail styling for images */
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    width: auto;
    height: auto;
}

/* Flexbox container for images */
.d-flex {
    display: flex !important;
    align-items: center;
}

/* Margin top (mt-4) */
.mt-4 {
    margin-top: 1.5rem !important;
}

/* Margin bottom (mb-3) */
.mb-3 {
    margin-bottom: 1rem !important;
}

/* Margin end (me-2) */
.me-2 {
    margin-right: 0.5rem !important;
}
