/* Custom Navigation Styles with Green Gradient */

/* Active menu item gradient */
.main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(90deg, #10b981 0%, #14b8a6 100%) !important;
    box-shadow: 0 0 10px 1px rgba(16, 185, 129, 0.5) !important;
    color: #fff !important;
}

/* Active submenu item gradient */
.main-menu.menu-light .navigation > li ul .active {
    background: linear-gradient(90deg, #10b981 0%, #14b8a6 100%) !important;
    box-shadow: 0 0 10px 1px rgba(16, 185, 129, 0.5) !important;
}

.main-menu.menu-light .navigation > li ul .active > a {
    color: #fff !important;
}

/* Navbar background gradient */
.header-navbar {
    background: linear-gradient(90deg, #10b981 0%, #14b8a6 100%) !important;
}

/* Ensure navbar text is white */
.header-navbar .navbar-nav .nav-item > a,
.header-navbar .navbar-nav .nav-item > a i,
.header-navbar .navbar-nav .nav-item > a span,
.header-navbar .navbar-nav .nav-item > a svg {
    color: #fff !important;
}

/* Hover effect for menu items */
.main-menu.menu-light .navigation > li:hover > a {
    background: linear-gradient(
        90deg,
        rgba(16, 185, 129, 0.1) 0%,
        rgba(20, 184, 166, 0.1) 100%
    );
    border-radius: 4px;
}

/* Hover effect for active menu items - slightly brighter */
.main-menu.menu-light .navigation > li.active:hover > a {
    background: linear-gradient(90deg, #14b8a6 0%, #10b981 100%) !important;
}

/* Sidebar group active */
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
    background: linear-gradient(
        90deg,
        rgba(16, 185, 129, 0.15) 0%,
        rgba(20, 184, 166, 0.15) 100%
    );
    border-radius: 6px;
    color: #047857;
}

/* Primary buttons with green gradient */
.btn-primary {
    background: linear-gradient(90deg, #10b981 0%, #14b8a6 100%) !important;
    border-color: #10b981 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(90deg, #14b8a6 0%, #10b981 100%) !important;
    border-color: #14b8a6 !important;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.5) !important;
}

/* Primary badge with green gradient */
.badge-primary,
.badge.badge-primary {
    background: linear-gradient(90deg, #10b981 0%, #14b8a6 100%) !important;
    color: #fff !important;
}

/* Active pagination item with green gradient */
.page-item.active .page-link {
    background: linear-gradient(90deg, #10b981 0%, #14b8a6 100%) !important;
    border-color: #10b981 !important;
    color: #fff !important;
}

.page-link:hover,
.page-link:focus {
    color: #10b981 !important;
}