/* Force body background color */
body {
 background-color: #f5f1e9 !important;
}

/* --- Force the main navigation container background --- */
/* Target by ID for high specificity, or use classes if ID might change */
#mainnav,
.main-nav-container.bg-white { /* Added this rule */
 background-color: #f5f1e9 !important;
}

/* --- Styles targeting elements within the header container --- */
/* These selectors should still work as they target elements inside */

/* Ensure the inner container doesn't block the background */
#mainnav .container.py-1 {
 background-color: transparent !important; /* Or inherit */
}

/* Force mobile menu icon color */
#mainnav .mburger i.sicon-store {
 color: #334155 !important; /* Force dark color */
}

/* Force mobile login icon color (need to escape the colon) */
#mainnav .md\\:hidden button svg path {
 fill: #334155 !important; /* Force dark fill color */
}

/* Force desktop login icon color */
#mainnav .login-button button svg path {
 fill: #334155 !important; /* Force dark fill color */
}

/* Force cart icon color */
#mainnav salla-cart-summary a svg path {
 fill: #334155 !important; /* Force dark fill color */
}

/* Force cart text colors */
#mainnav salla-cart-summary .s-cart-summary-count {
 color: #334155 !important; /* Force dark text color */
}

#mainnav salla-cart-summary .s-cart-summary-total {
 color: #334155 !important; /* Force dark text color */
}

/* Optional: Style search input text/placeholder for contrast */
#mainnav salla-search input.s-search-input {
 color: #334155 !important;
 /* background-color: #ffffff !important; */
 /* border-color: #cccccc !important; */
}

#mainnav salla-search input.s-search-input::placeholder {
 color: #6b7280 !important; /* Slightly lighter placeholder text */
}

/* Optional: Style search icon */
#mainnav salla-search .s-search-icon svg path {
 fill: #334155 !important;
}