/* Sidebar vertical menu fix */
.sidebar,
.side-nav,
.sidebar-menu,
.sidebar-nav,
.nav-sidebar,
.admin-sidebar,
.owner-sidebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.sidebar a,
.side-nav a,
.sidebar-menu a,
.sidebar-nav a,
.nav-sidebar a,
.admin-sidebar a,
.owner-sidebar a,
.sidebar button,
.side-nav button,
.sidebar-menu button,
.sidebar-nav button,
.nav-sidebar button,
.admin-sidebar button,
.owner-sidebar button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 10px !important;
    text-align: left !important;
    white-space: normal !important;
}

/* Also fix dashboard side menu cards if they are inside nav lists */
nav ul,
.nav-menu {
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .sidebar .nav-menu,
    .side-nav .nav-menu,
    .admin-sidebar .nav-menu,
    .owner-sidebar .nav-menu {
        flex-direction: column !important;
    }
}