/* -------------------------------------------------------------------------- */
/*                           TrainerVault — user.css                          */
/* -------------------------------------------------------------------------- */

/* ── Content sits flush to the right of the sidebar ─────────────────────────
   navbar-transparent is the actual class applied at runtime (seen in DevTools) */
@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl + .content,
    .navbar-vertical.navbar-expand-xl.navbar-transparent + .content,
    .navbar-vertical.navbar-expand-xl.navbar-card + .content,
    .navbar-vertical.navbar-expand-xl.navbar-vibrant + .content,
    .navbar-vertical.navbar-expand-xl.navbar-inverted + .content {
        margin-left: 15.625rem !important;
    }
}

/* ── Sidebar — full height, no scrollbar ─────────────────────────────────── */
.navbar-vertical {
    top:        0     !important;
    height:     100vh !important;
    overflow:   hidden !important;
}

/* ── Target the exact element causing the scroll ─────────────────────────── */
div.navbar-vertical-content.scrollbar,
.navbar-vertical-content,
.navbar-vertical .scrollbar {
    overflow:   hidden !important;
    max-height: none   !important;
    height:     auto   !important;
}

/* ── Hide the SimpleBar scrollbar track entirely ─────────────────────────── */
.navbar-vertical .simplebar-track,
.navbar-vertical .simplebar-scrollbar,
.navbar-vertical [class*="simplebar"] {
    display:    none   !important;
    width:      0      !important;
    opacity:    0      !important;
}

/* ── Top navbar ──────────────────────────────────────────────────────────── */
.navbar-top {
    position:   sticky !important;
    top:        0      !important;
    z-index:    1020   !important;
}

/* ── No horizontal scroll ────────────────────────────────────────────────── */
html, body {
    overflow-x: hidden !important;
}

.content .row {
    margin-left:  0 !important;
    margin-right: 0 !important;
}