/**
 * Override hardcoded colors from parent theme with CSS variables
 * This file replaces static color values with dynamic variables
 */

/* Service Box Content Overlay - Replace hardcoded gradient with variables */
.pt-service-box.pt-style-1 .pt-service-content {
    background: linear-gradient(0deg, rgba(var(--dark-color-rgb), 1) 5%, rgba(var(--dark-color-rgb), 0) 100%) !important;
}

/* MaxMegaMenu - Comprehensive override for all submenu items */

/* Base state - submenu items */
#mega-menu-wrap-primary .mega-sub-menu li.mega-menu-item > a,
#mega-menu-wrap-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    color: var(--dark-color) !important;
    background: transparent !important;
}

/* Hover state - submenu items */
#mega-menu-wrap-primary .mega-sub-menu li.mega-menu-item:hover > a,
#mega-menu-wrap-primary .mega-sub-menu li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-wrap-primary .mega-sub-menu li.mega-menu-item.mega-current-menu-item > a,
#mega-menu-wrap-primary .mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a {
    background: var(--dark-color) !important;
    color: var(--white-color) !important;
}

/* Remove background from first-level menu items */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a {
    background: transparent !important;
    color: var(--dark-color) !important;
}