/* Custom Sidebar Handling to bypass Bootstrap's responsive overrides */
@media (max-width: 767.98px) {
    /* Automatically hide sidebar layout on mobile screens */
    .sidebar-column, .sidebar-placeholder {
        display: none !important;
    }
}

/* The clean class our JavaScript will use to hide layouts safely */
.sidebar-hidden {
    display: none !important;
}

#sidebarToggle {
position: fixed;
top: 50%; /* Position vertically in the middle */
transform: translateY(-50%); /* Adjust for its own height */
z-index: 1030 !important;
font-size: larger;
color: darkgray;
background-color: transparent;
border: none !important;
outline: none !important;
}