/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* Hide default dash/circle indicators on sidebar submenu items */
.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    display: none !important;
}
.navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link:before {
    display: none !important;
}

/* Tighter spacing on 2nd tier items */
.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 0.35rem 1.5rem !important;
}

/* Even tighter on 3rd tier items */
.navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link {
    padding: 0.2rem 1.5rem !important;
}

/* Sidebar board/folder links — truncate with ellipsis, no wrap */
.sidebar-board-link,
.sidebar-folder-link {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Card grid for all board views */
.card-grid {
    column-count: 3;
    column-gap: 10px;
    min-height: calc(100vh - 200px);
    padding-bottom: 30px;
}
.card-grid .b-card {
    break-inside: avoid;
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
@media (min-width: 1600px) { .card-grid { column-count: 4; } }
@media (max-width: 900px) { .card-grid { column-count: 2; } }
@media (max-width: 600px) { .card-grid { column-count: 1; } }

/* Dark mode: Velzon uses [data-bs-theme=dark] on <html> which sets root-level
   CSS variables (--vz-secondary-bg, --vz-body-color, --vz-border-color, etc.).
   All view style blocks use these variables for proper theme switching. */
