/* ============================================
   MATHAIS COLOR SCHEME - HEADER STYLES (LIGHT VERSION)
   Colors extracted from logo:
   - Primary Yellow: #FFD700 (Mathais yellow/gold)
   - Dark Yellow/Amber: #FFA500 (warmer accent)
   - Red: #E31837 (Mathais red from logo)
   - Black: #000000 (for text and accents)
   - White: #FFFFFF (backgrounds)
   ============================================ */

/* === HEADER TOP BAR === */
.header-top {
    background-color: #FFF9E6 !important; /* Very light yellow/cream */
    color: #000000 !important;
    border-bottom: 2px solid #FFD700; /* Mathais Yellow accent line */
}

.header-top .promo-wrapper p {
    color: #000000 !important;
    font-weight: 500;
}

.header-top .promo-wrapper p strong {
    color: #E31837 !important; /* Mathais Red for emphasis */
}

.header-top .scheduled-delivery-btn,
.header-top .order-tracking-btn {
    color: #000000 !important;
    background: transparent;
    transition: color 0.3s ease;
}

.header-top .scheduled-delivery-btn i,
.header-top .order-tracking-btn i {
    color: #E31837 !important; /* Red icon */
}

.header-top .scheduled-delivery-btn:hover,
.header-top .order-tracking-btn:hover {
    color: #E31837 !important; /* Mathais Red on hover */
}

.header-top .header-info-right ul li a {
    color: #000000 !important;
}

.header-top .header-info-right ul li a:hover {
    color: #E31837 !important;
}

/* === HEADER MIDDLE (Logo & Search Area) === */
.header-middle {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #f0f0f0;
}

/* Department Select Dropdown */
.header-middle select {
    border: 1px solid #FFD700 !important;
    border-radius: 4px 0 0 4px !important;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: 500;
}

.header-middle select:focus {
    outline: none;
    border-color: #E31837 !important;
    box-shadow: 0 0 0 2px rgba(227, 24, 55, 0.1);
}

/* Search Input */
.header-middle #searchInput {
    border: 1px solid #FFD700 !important;
    border-left: none !important;
    border-right: none !important;
    background-color: #FFFFFF;
    color: #000000;
}

.header-middle #searchInput:focus {
    outline: none;
    border-color: #E31837 !important;
    box-shadow: none;
}

/* Search Button */
.header-middle #searchButton {
    background-color: #FFD700 !important; /* Mathais Yellow */
    border: 1px solid #FFD700 !important;
    border-radius: 0 4px 4px 0 !important;
    color: #000000 !important;
    transition: all 0.3s ease;
}

.header-middle #searchButton:hover {
    background-color: #E31837 !important; /* Mathais Red */
    border-color: #E31837 !important;
    color: #FFFFFF !important;
}

/* Location Link */
.header-action-2 .location-link {
    color: #000000 !important;
    font-weight: 500;
}

.header-action-2 .location-link i {
    color: #E31837 !important; /* Mathais Red for location icon */
    margin-right: 5px;
}

.header-action-2 .location-link:hover {
    color: #FFD700 !important;
}

.header-action-2 .location-link:hover i {
    color: #FFD700 !important;
}

/* Cart Icon & Count */
.header-action-icon-2 .mini-cart-icon {
    position: relative;
}

.header-action-icon-2 .pro-count {
    background-color: #E31837 !important; /* Mathais Red */
    color: #FFFFFF !important;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    min-width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-action-icon-2 .lable {
    color: #000000 !important;
    font-weight: 500;
}

.header-action-icon-2:hover .lable {
    color: #FFD700 !important;
}

/* User Icon & Dropdown */
.header-action-icon-2 .svgInject path {
    fill: #000000 !important;
}

.header-action-icon-2:hover .svgInject path {
    fill: #FFD700 !important;
}

/* Account Dropdown */
.account-dropdown {
    border-top: 3px solid #FFD700 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.account-dropdown ul li a {
    color: #000000 !important;
    transition: all 0.3s ease;
}

.account-dropdown ul li a:hover {
    color: #E31837 !important;
    background-color: #FFF9E6 !important;
    padding-left: 15px;
}

/* === HEADER BOTTOM (Navigation) === */
.header-bottom {
    background-color: #FFFFFF !important;
    border-top: 2px solid #FFD700 !important;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
}

/* All Categories Dropdown Button */
.header-bottom .nav-link.dropdown-toggle {
    background-color: #FFD700 !important; /* Mathais Yellow */
    color: #000000 !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 10px 16px;
    transition: all 0.3s ease;
}

.header-bottom .nav-link.dropdown-toggle:hover {
    background-color: #E31837 !important; /* Mathais Red */
    color: #FFFFFF !important;
}

.header-bottom .nav-link.dropdown-toggle i {
    color: #000000;
}

.header-bottom .nav-link.dropdown-toggle:hover i {
    color: #FFFFFF;
}

/* Mega Menu Dropdown */
.mega-menu {
    border-top: 3px solid #FFD700 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF !important;
}

/* Category Items in Mega Menu */
.category-list .category-item a {
    color: #000000 !important;
    font-weight: 500;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.category-list .category-item a:hover {
    color: #E31837 !important;
    background-color: #FFF9E6 !important;
    padding-left: 10px;
}

/* Subcategory Titles */
.subcategory-title {
    color: #000000 !important;
    font-weight: 600;
    border-left: 3px solid #FFD700;
    padding-left: 10px;
    margin-top: 10px;
}

.subcategory-items a {
    color: #555555 !important;
    font-size: 13px;
    padding: 4px 0 4px 13px;
}

.subcategory-items a:hover {
    color: #E31837 !important;
    background-color: #FFF9E6 !important;
}

/* Main Navigation Menu Items */
.main-menu nav ul li a {
    color: #000000 !important; /* Black text on white background */
    font-weight: 500;
    transition: color 0.3s ease;
}

.main-menu nav ul li a:hover {
    color: #E31837 !important; /* Mathais Red on hover */
}

/* Hotline Section */
.hotline p {
    color: #000000 !important;
}

.hotline p span {
    color: #E31837 !important;
    font-weight: 500;
}

/* WhatsApp Link */
.whatsapp-link {
    color: #25D366 !important;
    transition: transform 0.2s ease;
}

.whatsapp-link:hover {
    transform: scale(1.05);
}

/* === MOBILE HEADER STYLES === */
.mobile-header-active {
    background-color: #FFFFFF !important;
}

.mobile-menu-close .close-style {
    color: #000000 !important;
}

.mobile-search input {
    border: 1px solid #FFD700 !important;
    background-color: #FFFFFF;
}

.mobile-search button {
    background-color: #FFD700 !important;
    color: #000000 !important;
}

.mobile-search button:hover {
    background-color: #E31837 !important;
    color: #FFFFFF !important;
}

/* Mobile Menu Items */
.mobile-menu li a {
    color: #000000 !important;
    border-bottom-color: #eeeeee !important;
}

.mobile-menu li a:hover {
    color: #E31837 !important;
}

.mobile-menu .menu-item-has-children > a::after {
    color: #FFD700 !important;
}

/* Mobile Dropdown */
.mobile-menu .dropdown li a {
    color: #555555 !important;
}

.mobile-menu .dropdown li a:hover {
    color: #E31837 !important;
    padding-left: 25px;
}

/* Mobile Header Info */
.mobile-header-info-wrap .single-mobile-header-info a {
    color: #000000 !important;
}

.mobile-header-info-wrap .single-mobile-header-info a i {
    color: #E31837 !important;
    margin-right: 8px;
}

.mobile-header-info-wrap .single-mobile-header-info a:hover {
    color: #FFD700 !important;
}

.mobile-header-info-wrap .single-mobile-header-info a:hover i {
    color: #FFD700 !important;
}

/* Mobile Social Icons */
.mobile-social-icon h6 {
    color: #000000 !important;
}

/* Mobile Copyright */
.site-copyright {
    color: #999999 !important;
}

/* === BURGER ICON (Mobile) === */
.burger-icon span {
    background-color: #000000 !important;
}

.burger-icon:hover span {
    background-color: #FFD700 !important;
}

/* === RESPONSIVE ADJUSTMENTS === */
@media (max-width: 991px) {
    .header-bottom {
        background-color: #FFFFFF !important;
    }
    
    .header-action-icon-2 .pro-count {
        background-color: #E31837 !important;
        color: #FFFFFF !important;
    }
}

/* === UTILITY CLASSES === */
.bg-mathais-yellow {
    background-color: #FFD700 !important;
}

.bg-mathais-red {
    background-color: #E31837 !important;
}

.bg-mathais-light {
    background-color: #FFF9E6 !important;
}

.text-mathais-yellow {
    color: #FFD700 !important;
}

.text-mathais-black {
    color: #000000 !important;
}

.text-mathais-red {
    color: #E31837 !important;
}

.border-mathais-yellow {
    border-color: #FFD700 !important;
}

.border-mathais-red {
    border-color: #E31837 !important;
}

/* === ACTIVE NAVIGATION STATE === */
.main-menu nav ul li.active a,
.main-menu nav ul li a.active {
    color: #E31837 !important;
    font-weight: 600;
}

.main-menu nav ul li.active a::after,
.main-menu nav ul li a.active::after {
    background-color: #FFD700 !important;
}