/* Custom Menu Colors - Theme Color: #f9004d (matches button theme) */

/* Main menu items default color */
.mainmenunav ul.mainmenu > li > a {
    color: #f9004d !important;
}

/* Hover and active states */
.mainmenunav ul.mainmenu > li > a:hover,
.mainmenunav ul.mainmenu > li > a.active,
.mainmenunav ul.mainmenu > li.current > a,
.mainmenunav ul.mainmenu > li.is-current a {
    color: #f9004d !important;
}

/* Sticky header menu colors */
.header-area.header--sticky .mainmenunav ul.mainmenu > li > a {
    color: #f9004d !important;
}

.header-area.header--sticky .mainmenunav ul.mainmenu > li > a:hover,
.header-area.header--sticky .mainmenunav ul.mainmenu > li > a.active,
.header-area.header--sticky .mainmenunav ul.mainmenu > li.current > a {
    color: #f9004d !important;
}

/* Sticky state menu colors */
.header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a {
    color: #f9004d !important;
}

.header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a:hover,
.header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a.active,
.header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li.current > a {
    color: #f9004d !important;
}

/* Default color state menu colors */
.header-area.header--sticky.default-color.sticky .mainmenunav ul.mainmenu > li > a {
    color: #f9004d !important;
}

.header-area.header--sticky.default-color.sticky .mainmenunav ul.mainmenu > li.is-current a {
    color: #f9004d !important;
}

/* Mobile menu colors */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .header-wrapper .mainmenunav ul.mainmenu li a {
        color: #f9004d !important;
    }
    
    .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open {
        color: #f9004d !important;
    }
}

/* Mobile burger menu - force white color */
.humberger-menu span.text-white,
.header-area .humberger-menu span.text-white,
.header-area.header--sticky .humberger-menu span.text-white,
.header-area.header--sticky.sticky .humberger-menu span.text-white,
.header-not-transparent .humberger-menu span.text-white,
.color-black .humberger-menu span.text-white,
.header-style-two .humberger-menu span.text-white {
    color: #ffffff !important;
}

/* Mobile burger menu SVG icon */
.humberger-menu span.text-white svg,
.header-area .humberger-menu span.text-white svg,
.header-area.header--sticky .humberger-menu span.text-white svg,
.header-area.header--sticky.sticky .humberger-menu span.text-white svg,
.header-not-transparent .humberger-menu span.text-white svg,
.color-black .humberger-menu span.text-white svg,
.header-style-two .humberger-menu span.text-white svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

@media only screen and (max-width: 767px) {
    .header-area .header-wrapper .mainmenunav ul.mainmenu li a {
        color: #f9004d !important;
    }
    
    .header-area .header-wrapper .mainmenunav ul.mainmenu li.has-droupdown > a.open {
        color: #f9004d !important;
    }
    
    /* Force white burger menu on mobile */
    .humberger-menu span.text-white,
    .header-area .humberger-menu span.text-white,
    .header-area.header--sticky .humberger-menu span.text-white,
    .header-area.header--sticky.sticky .humberger-menu span.text-white,
    .header-not-transparent .humberger-menu span.text-white,
    .color-black .humberger-menu span.text-white,
    .header-style-two .humberger-menu span.text-white {
        color: #ffffff !important;
    }
    
    /* Force white burger menu SVG on mobile */
    .humberger-menu span.text-white svg,
    .header-area .humberger-menu span.text-white svg,
    .header-area.header--sticky .humberger-menu span.text-white svg,
    .header-area.header--sticky.sticky .humberger-menu span.text-white svg,
    .header-not-transparent .humberger-menu span.text-white svg,
    .color-black .humberger-menu span.text-white svg,
    .header-style-two .humberger-menu span.text-white svg {
        color: #ffffff !important;
        stroke: #ffffff !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Force white burger menu on tablet */
    .humberger-menu span.text-white,
    .header-area .humberger-menu span.text-white,
    .header-area.header--sticky .humberger-menu span.text-white,
    .header-area.header--sticky.sticky .humberger-menu span.text-white,
    .header-not-transparent .humberger-menu span.text-white,
    .color-black .humberger-menu span.text-white,
    .header-style-two .humberger-menu span.text-white {
        color: #ffffff !important;
    }
    
    /* Force white burger menu SVG on tablet */
    .humberger-menu span.text-white svg,
    .header-area .humberger-menu span.text-white svg,
    .header-area.header--sticky .humberger-menu span.text-white svg,
    .header-area.header--sticky.sticky .humberger-menu span.text-white svg,
    .header-not-transparent .humberger-menu span.text-white svg,
    .color-black .humberger-menu span.text-white svg,
    .header-style-two .humberger-menu span.text-white svg {
        color: #ffffff !important;
        stroke: #ffffff !important;
    }
}

/* Submenu colors */
.mainmenunav ul.mainmenu > li > ul.submenu li a {
    color: #f9004d !important;
}

/* Page Banner Override - will be dynamically updated */
.bg_image--1 {
    /* Default fallback */
    background-image: url('../images/bg/bg-image-1.jpg');
}

.mainmenunav ul.mainmenu > li > ul.submenu li:hover a {
    color: #f9004d !important;
    background: rgba(249, 0, 77, 0.07) !important;
}

/* Underline/border accent color for active states */
.header-area.header--sticky .mainmenunav ul.mainmenu > li > a::after,
.header-area.header--sticky.sticky .header-wrapper .mainmenunav ul.mainmenu > li > a::after {
    background: #f9004d !important;
}
