/* Sidebar background when hovered or active */
.sidebar .nav .nav-item:hover .nav-link,
.sidebar .nav .nav-item.active > .nav-link {
    background: #4caf50 !important;
}

    /* Text and icons color on hover and active */
    .sidebar .nav .nav-item:hover .nav-link .menu-title,
    .sidebar .nav .nav-item:hover .nav-link i,
    .sidebar .nav .nav-item.active > .nav-link .menu-title,
    .sidebar .nav .nav-item.active > .nav-link i {
        color: white !important;
    }

/* Arrow icon color */
.sidebar .nav .nav-item:hover .menu-arrow,
.sidebar .nav .nav-item.active .menu-arrow {
    color: white !important;
}

/* Sub-menu hover (Orders dropdown) */
/* Proper submenu hover */
.sidebar .nav .sub-menu .nav-item:hover .nav-link {
    background: rgba(76, 175, 80, 0.2) !important;
    color: #2e7d32 !important;
}


/* Top navbar (the green bar at the top) */
.navbar .navbar-brand-wrapper {
    background: #4caf50 !important;
}

/* All buttons (Find, Create New Order, etc.) */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.auth-form-btn {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}

    .btn-primary:hover {
        background-color: #45a049 !important;
        border-color: #45a049 !important;
    }

/* Links color */
a, .anchorDetail {
    color: #4caf50 !important;
}

    a:hover, .anchorDetail:hover {
        color: #2e7d32 !important;
    }

/* Table row hover */
.table tbody tr:hover {
    background-color: rgba(76, 175, 80, 0.1) !important;
}


/* === FIX: Orders dropdown sub-menu (was showing blue) === */

/* Background when dropdown is open (active parent) */
.sidebar .nav .nav-item.active > .nav-link {
    background: #4caf50 !important;
}

/* Sub-menu items background when hovered */
.sidebar .nav .sub-menu .nav-item .nav-link:hover {
    background: rgba(76, 175, 80, 0.25) !important;
    color: white !important;
}

/* Sub-menu items text color (normal state) */
.sidebar .nav .sub-menu .nav-item .nav-link {
    color: #2e7d32 !important;
    padding-left: 50px !important;
}

/* Active sub-menu item (e.g. "View All", "Pending", "Create New") */
.sidebar .nav .sub-menu .nav-item.active > .nav-link {
    background: #388e3c !important;
    color: white !important;
    font-weight: 600;
}

/* Arrow icon when dropdown is open */
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: white !important;
}
/* Remove blue background of dropdown container */
.sidebar .nav .sub-menu {
    background: white !important;
    box-shadow: none !important;
}

/* Keep same background when active/open */
.sidebar .nav .nav-item.active > .nav-link {
    background: #4caf50 !important;
    color: white !important;
}