/* Make the Bootstrap offcanvas the same width as your desktop sidebar */
.offcanvas.offcanvas-start {
    --bs-offcanvas-width: 280px;
}

/* When NavMenu is rendered inside the offcanvas, cancel its own mobile layout and fill width */
.offcanvas .sidebar {
    width: 100%;
    max-width: none;
    position: static;
    transform: none;
    box-shadow: none;
    min-height: auto;
}

/* Avoid any padding that could create a sliver */
.offcanvas-body {
    padding: 0 !important;
}
@media (max-width: 991.98px) {
    .sidebar {
        position: fixed;
        z-index: 1040;
        transform: translateX(0);
        width: 80%;
        max-width: 320px;
        box-shadow: var(--bs-box-shadow);
    }
}