/* 
 * Homepage Menu Icons Styles 
 * This ensures menu category icons are displayed in white on dark backgrounds
 */

/* Make the menu category icons white */
.our-menu.bg-section.dark-section .our-menu-tab-nav .nav-link img {
    filter: brightness(0) invert(1) !important;
    max-width: 24px;
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 8px;
}

/* Apply accent color to active tab icon */
.our-menu.bg-section.dark-section .our-menu-tab-nav .nav-link.active img {
    filter: brightness(0) invert(0.5) sepia(1) saturate(5) hue-rotate(348deg) !important; /* #ef5744 color filter */
}

/* Apply accent color to icon on hover */
.our-menu.bg-section.dark-section .our-menu-tab-nav .nav-link:hover:not(.active) img {
    filter: brightness(0) invert(0.5) sepia(1) saturate(5) hue-rotate(348deg) !important; /* #ef5744 color filter */
}