/* Mobile Menu Custom Styles
 * This file adds customizable styles for the mobile menu items
 * to match the desktop menu styling
 */

/* Mobile menu items styling */
.mobile-menu-wrap .mobile-menu li a.mobile-menu-item,
.mobile-menu-wrap .mobile-menu li a.tracking-link {
    color: var(--link-color, var(--theme-color)) !important;
    font-weight: bold;
}

/* Mobile menu hover and active states */
.mobile-menu-wrap .mobile-menu li a:hover,
.mobile-menu-wrap .mobile-menu li.active > a {
    color: var(--link-color, var(--theme-color)) !important;
}

/* Mobile menu dropdown items */
.mobile-menu-wrap .mobile-menu li ul.dropdown li a:hover {
    color: var(--link-color, var(--theme-color)) !important;
}