/* 
 * Navigation Menu Colors CSS
 * This file ensures the main navigation menu items use the theme color
 * from the admin panel customization settings
 */

/* Force all main navigation menu items to use the theme color */
.main-menu ul li a.menu-item,
.main-menu ul li a[href="index.php"],
.main-menu ul li a[href="product-category.php"],
.main-menu ul li a[href="#"],
.main-menu ul li a[href="shipment-tracking.php"] {
    color: var(--theme-color, #3BB77E) !important;
}

/* Ensure all menu items have the same styling */
.main-menu ul li a {
    font-weight: 500 !important;
}

/* Active state for menu items */
.main-menu ul li a.active,
.main-menu ul li a.menu-item.active {
    color: var(--theme-color, #3BB77E) !important;
    font-weight: 700 !important;
}

/* Hover state for menu items */
.main-menu ul li a:hover,
.main-menu ul li a.menu-item:hover {
    color: var(--theme-color, #3BB77E) !important;
    opacity: 0.8;
}

/* Mobile menu styling */
.mobile-menu li a,
.mobile-menu li a.active,
.mobile-menu li a:hover {
    color: var(--theme-color, #3BB77E) !important;
}