/* Custom CSS for Caash */

/* Adjust sidebar background colors */
.navbar-vertical.navbar-dark.bg-green {
    background-color: #28a745 !important; /* Vert foncé pour la barre latérale */
}

/* For lighter active link/hover, use a slightly lighter green */
.navbar-vertical .navbar-nav .nav-item .nav-link {
    color: #fff; /* White text for links */
}

.navbar-vertical .navbar-nav .nav-item .nav-link:hover,
.navbar-vertical .navbar-nav .nav-item.active > .nav-link {
    background-color: #218838 !important; /* Vert légèrement plus clair au survol/actif */
    color: #fff;
}

/* Adjust brand text color if needed, depends on logo */
.navbar-brand-autodark {
    color: #fff !important;
}

/* Ensure mobile menu toggler is visible on smaller screens */
@media (max-width: 991.98px) {
    .navbar-vertical .navbar-toggler {
        display: block;
        margin-left: auto;
        color: #fff; /* Ensure icon is visible */
    }
    .navbar-brand-autodark {
        margin-right: auto;
    }
    /* Hide desktop nav on mobile */
    .navbar-vertical .navbar-nav {
        flex-direction: column;
    }
}