/* Header consistency fixes */

/* Ensure sticky header maintains dark green background and white text */
#header-sticky.sticky {
    background-color: #2C3E00 !important;
    background: #2C3E00 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Override any general sticky class with higher specificity */
.header-4.sticky {
    background-color: #2C3E00 !important;
    background: #2C3E00 !important;
}

/* Additional override for grocery theme */
.header-layout-4.sticky {
    background-color: #2C3E00 !important;
    background: #2C3E00 !important;
}

#header-sticky.sticky .header-main-4 {
    background-color: #2C3E00 !important;
}

/* Ensure all navigation links stay white in sticky mode */
#header-sticky.sticky .main-menu nav ul li a {
    color: white !important;
}

/* Ensure search input maintains white background in sticky mode */
#header-sticky.sticky .header-search input {
    color: #333 !important;
    background: #ffffff !important;
    border-color: #fff !important;
}

/* Ensure search button maintains white styling in sticky mode */
#header-sticky.sticky .header-search button {
    color: #fff !important;
}

/* Ensure SVG icons stay white in sticky mode */
#header-sticky.sticky .header-search svg circle,
#header-sticky.sticky .header-search svg line {
    stroke: #fff !important;
}

/* Ensure action buttons stay white in sticky mode */
#header-sticky.sticky .header-action-btn {
    color: #fff !important;
}

/* Ensure cart and wishlist SVG icons stay white in sticky mode */
#header-sticky.sticky .header-action-btn svg path,
#header-sticky.sticky .header-action-btn svg circle {
    stroke: #fff !important;
    fill: #fff !important;
}

/* Ensure hamburger menu stays white in sticky mode */
#header-sticky.sticky .bar-icon-2 span {
    background: #fff !important;
}

/* Ensure badges stay properly styled in sticky mode */
#header-sticky.sticky .header-action-badge {
    color: #fff !important;
}

/* Fix any submenu styling issues */
#header-sticky.sticky .submenu {
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

#header-sticky.sticky .submenu li a {
    color: #333 !important;
    background: transparent !important;
}

#header-sticky.sticky .submenu li a:hover {
    color: #28a745 !important;
    background-color: #f8f9fa !important;
}

/* Ensure submenu is visible and has proper contrast */
.sticky .submenu {
    background: #fff !important;
}

.sticky .submenu li a {
    color: #333 !important;
    background: transparent !important;
}

.sticky .submenu li a:hover {
    color: #28a745 !important;
    background-color: #f8f9fa !important;
}

/* Ensure mega menu wrapper maintains green background */
#header-sticky.sticky .mega-menu-wrapper {
    background-color: #2C3E00 !important;
}

/* Ensure dropdown visibility in sticky mode */
#header-sticky.sticky .has-dropdown .submenu {
    background: #fff !important;
    z-index: 9999 !important;
}