/* mama -- shared styles layered on top of Bootstrap 5.3 */

.sidebar {
    --bs-offcanvas-width: 240px;
}

@media (min-width: 992px) {
    .sidebar {
        min-width: 240px;
        max-width: 240px;
        position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto;
    }
}

/* Make the dark sidebar's pill-style nav links read correctly */
.sidebar .nav-link {
    color: rgba(255, 255, 255, .85);
    border-radius: .375rem;
    padding: .5rem .75rem;
}

.sidebar .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .07);
}

.sidebar .nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, .14);
}

/* On small screens the floating menu button sits inline with the page's
   first heading row (instead of stealing a whole row of headroom). Keep the
   content tight to the top so the button lines up vertically with the heading,
   and indent only that first row to clear the button -- the rest stays full width. */
@media (max-width: 991.98px) {
    .main-content {
        padding-top: 1rem !important;
    }
    .main-content > .container-fluid > :first-child {
        display: flex;
        align-items: center;
        min-height: 2.5rem;
        padding-left: 2.75rem;
    }
}