/* Branding Color to Black Conversion */
:root {
    --primary-black: #000000;
    --secondary-black: #1a1a1a;
}

/* 1. Header & Text Colors */
.helpline-info span, 
.helpline-info a,
.header-list-items ul li a,
.margin-shopping i,
.mobilecart-qty,
.cshort-summary li a,
.cshort-summary p,
.cshort-summary p strong {
    color: var(--primary-black) !important;
}

/* 2. Menu Icons & Elements */
.helpline-icon i,
.cat_down,
.cat_bar a span,
.menu-bar a i,
.mobile-header i {
    color: var(--primary-black) !important;
}

/* 3. Background & Badges */
#cart-qty span,
.mobilecart-qty,
.go_cart {
    background: var(--primary-black) !important;
    color: #fff !important;
}

/* 4. Chat Widget (WhatsApp and Toggle) */
.chat-toggle {
    background: linear-gradient(135deg, #333, #000) !important;
}

.chat-btn.whatsapp {
    background: #222 !important; /* Replacing WhatsApp Green with Dark Gray/Black */
}

/* 5. Menu Area Borders/Backgrounds if any */
.catagory_menu {
    border-bottom: 0px solid #eee;
}

/* 6. Footer Hotlint and Social Link Hover */
.footer-hotlint {
    color: var(--primary-black) !important;
}

.social_link li a i {
    background-color: var(--secondary-black) !important;
}

/* 7. Hover States */
.header-list-items ul li a:hover {
    color: #444 !important;
}