/* --- SIDEBAR */
.me-sidebar-container {
    background-color: transparent !important;
    padding: 4px !important;
    margin-left: 15px !important;
    top: 200px !important; /* Adjust based on banner height */
    min-width: 180px !important;
    max-width: 200px !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
    /* Hide scrollbar for Firefox */
    scrollbar-width: none;
}

    /* Hide scrollbar for Chrome, Edge, Safari */
    .me-sidebar-container::-webkit-scrollbar {
        display: none;
    }

@media (max-width: 991px) {
    .me-sidebar-container {
        position: static !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        
    }
}

@media (max-width: 1190px) {
    .me-sidebar-container {
        display: none !important;
    }
}

.me-sidebar {
    background-color: transparent !important;
    border-radius: 0.5rem;
    padding: 10px;
    
}

.accordion#sidebarAccordion {
    width: 100%;
}

    .accordion#sidebarAccordion .accordion-item {
        border: none;
        background-color: transparent;
        margin-bottom: 0.4em;
    }

    .accordion#sidebarAccordion .accordion-header .accordion-button:hover,
    .accordion#sidebarAccordion .accordion-header .accordion-button.collapsed:hover {
        box-shadow: 0 0 10px #af5000, 0 0 5px #ffffff !important;
        transition: box-shadow 0.3s ease !important;
    }

    .accordion#sidebarAccordion .accordion-header .accordion-button {
        background-color: #005566;
        color: #ffffff;
        font-weight: 500;
        border-radius: 0.5rem;
        padding: 1rem;
        font-size: 1.8rem !important;
    }

    .accordion#sidebarAccordion .accordion-button:not(.collapsed) {
        background-color: #003d4a;
        color: #ffffff;
        box-shadow: 0 0 14px #af5000;
    }

    .accordion#sidebarAccordion .accordion-body {
        background-color: #e6f0fa;
        color: #212529;
        padding: 0.5rem;
    }

    .accordion#sidebarAccordion .list-group-item {
        background-color: transparent;
        border: none;
        padding: 0.5rem 0;
        line-height: 20px;
    }

        .accordion#sidebarAccordion .list-group-item a {
            color: #212529;
            text-decoration: none;
            font-size: 1.3rem;
            font-weight: 550;
            display: block;
        }

            .accordion#sidebarAccordion .list-group-item a:hover {
                box-shadow: 0 0 8px #af5000;
            }