/* ============================================
   THEME: Olive & Charcoal (User Suggestion)
   Vibe: Earthy, Authentic, Ayurveda, Solid
   Based on Image: Dark Grey Icon Box + Olive Green Text Box
   ============================================ */

:root {
    /* Primary Colors extracted from image */
    --primary-cyan: #383838;
    /* Dark Charcoal (replacing Blue) */
    --primary-green: #7CA03C;
    /* Earthy Olive Green (replacing Bright Green) */

    /* Secondary Accents */
    --premium-green: #5c7a26;
    --premium-green-light: #8cb544;

    /* Backgrounds */
    --bg-secondary: #f4f7f0;
    /* Very light olive tint */
    --off-white: #fcfdfb;

    /* Text */
    --text-primary: #2c2c2c;
    --text-secondary: #555555;

    /* Button Specifics */
    --btn-primary-bg: #7CA03C;
    --btn-primary-text: #ffffff;
    --btn-hover-bg: #678730;
}

/* Links & Text Highlights */
.price-tag,
.section-title span,
.view-all,
.back-to-home,
.faq-question::after,
.faq-category h2,
.product-usp {
    color: var(--primary-green) !important;
}

/* Header Navigation & Actions - Black as requested */
.nav-links a,
.action-link,
.action-text {
    color: #000000 !important;
}

.nav-links a:hover,
.nav-links a.active,
.action-link:hover {
    color: var(--primary-green) !important;
}

/* Specific Component Overrides */
.policy-section h2 {
    border-bottom-color: var(--primary-green) !important;
}

.highlight-box {
    border-left-color: var(--primary-green) !important;
    background: linear-gradient(135deg, #f0f5e9 0%, #ffffff 100%) !important;
}

/* Search Autocomplete */
.autocomplete-item:hover {
    background: #f0f5e9 !important;
}

.item-quick-btn {
    background: var(--primary-green) !important;
    color: white !important;
}

/* Pincode Alerts */
.pincode-result.success {
    color: var(--primary-green) !important;
}

/* Mobile Bottom Navigation */
.mobile-bottom-nav .nav-item.active {
    color: var(--primary-green) !important;
    background: linear-gradient(135deg, #f0f5e9 0%, #ffffff 100%) !important;
}

/* Footer - Pure White as requested */
footer,
.footer-bottom,
.modern-footer,
.main-footer,
.light-footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.main-footer,
.main-footer *,
.modern-footer,
.modern-footer *,
footer,
footer * {
    color: var(--text-primary) !important;
}

.main-footer h4,
.modern-footer h4,
footer h4,
.footer-col h4 {
    color: var(--primary-green) !important;
}

.main-footer a:hover,
.modern-footer a:hover,
footer a:hover {
    color: var(--primary-green) !important;
}

.footer-bottom {
    border-top: 1px solid #eeeeee !important;
}

/* Cart & Action Elements */
.cart-count-badge {
    background-color: var(--primary-cyan) !important;
    /* Dark Grey */
}

.item-badge,
.discount-tag-large,
.sale-badge,
.combo-badge,
.variant-discount {
    background: var(--primary-green) !important;
}

/* Product Variant Cards (The "minise" variants) */
.variant-card:hover {
    border-color: var(--primary-green) !important;
}

.variant-card.active {
    border-color: var(--primary-green) !important;
    background: linear-gradient(135deg, rgba(124, 160, 60, 0.05), rgba(124, 160, 60, 0.1)) !important;
    box-shadow: 0 4px 16px rgba(124, 160, 60, 0.2) !important;
}

/* Header & Navigation */
.professional-header {
    border-bottom: 3px solid var(--primary-green) !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--primary-green) !important;
}

.search-bar:focus-within {
    border-color: var(--primary-green) !important;
    box-shadow: 0 4px 20px rgba(124, 160, 60, 0.2) !important;
}

/* Layout Gradients & Decorations */
.section-title::after,
.tab-btn.active::after,
.faq-icon::before,
.faq-icon::after {
    background: var(--primary-green) !important;
}

.product-card::before {
    background: linear-gradient(90deg, var(--primary-cyan), var(--primary-green), var(--primary-cyan)) !important;
}

.purchase-popup {
    border-left-color: var(--primary-green) !important;
}

/* Buttons */
.search-button,
.btn-primary,
.add-to-cart-btn,
.add-to-cart-btn-main,
.buy-now-btn-main,
.login-btn,
.track-order-btn,
.dropdown-login-btn,
.app-btn,
.slide-btn,
.save-address-btn,
.checkout-btn-fast,
.sticky-btn,
.view-cart-btn:hover {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
    color: white !important;
    border-color: var(--primary-green) !important;
}

.view-cart-btn {
    border-color: var(--primary-green) !important;
    color: var(--primary-green) !important;
}

.search-button:hover,
.btn-primary:hover,
.add-to-cart-btn:hover,
.add-to-cart-btn-main:hover,
.buy-now-btn-main:hover,
.checkout-btn-fast:hover,
.sticky-btn:hover {
    background: var(--btn-hover-bg) !important;
    background-color: var(--btn-hover-bg) !important;
    box-shadow: 0 6px 20px rgba(124, 160, 60, 0.3) !important;
    border-color: var(--btn-hover-bg) !important;
}

/* Consolidation complete */

/* Special "Buy Now" Button styling to mimic the image if used */
.special-buy-btn {
    display: flex;
    align-items: stretch;
    border-radius: 4px;
    overflow: hidden;
}

.special-buy-icon {
    background: #383838;
    color: white;
    padding: 0 12px;
    display: flex;
    align-items: center;
}

.special-buy-text {
    background: #7CA03C;
    color: white;
    padding: 8px 16px;
    font-weight: bold;
    flex-grow: 1;
    text-align: center;
}

/* Global Font Change: Josefin Sans */
* {
    font-family: 'Josefin Sans', sans-serif !important;
}

/* Font Size & Weight Increase */
body {
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav-link,
.action-text,
.concern-pill span {
    font-weight: 700 !important;
}