/* ==========================================================================
   RAJVEDA COSMETICS — Luxury Ayurvedic Skincare & Haircare Theme System
   Brand Palette:
   - Primary: #173F35 (Deep Botanical Emerald)
   - Secondary: #2F6B57 (Forest Sage)
   - Accent Gold: #C9A45C (Regal Ayurvedic Gold)
   - Cream: #F7F3EA (Warm Ivory Base)
   - Light Beige: #EFE8DA (Soft Sand Accent)
   - White: #FFFFFF
   - Dark Text: #1B1B1B
   - Muted Text: #6B6B6B
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --rv-primary: #173F35;
    --rv-primary-dark: #0f2b24;
    --rv-secondary: #2F6B57;
    --rv-gold: #C9A45C;
    --rv-gold-dark: #b38d45;
    --rv-gold-light: #f5eedf;
    --rv-cream: #F7F3EA;
    --rv-light-beige: #EFE8DA;
    --rv-white: #FFFFFF;
    --rv-dark: #1B1B1B;
    --rv-muted: #6B6B6B;
    --rv-border: rgba(23, 63, 53, 0.12);

    /* Theme override variables */
    --primary-font-color: #173F35;
    --secondary-font-color: #2F6B57;
    --heading-font-color: #1B1B1B;
    --body-font-color: #555555;
    --heading-font-family: 'Plus Jakarta Sans', sans-serif;
    --body-font-family: 'Plus Jakarta Sans', sans-serif;
    --extra-bgcolor: #F7F3EA;
    --product-discount-label-bgcolor: #C9A45C;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--rv-dark);
    background-color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

/* Headings typography */
h1, h2, h3, .heading-serif, .display-4, .display-5 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    letter-spacing: -0.01em;
    font-weight: 600;
}

/* Luxury Wordmark Logo */
.rajveda-logo-text {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--rv-primary);
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    text-decoration: none !important;
}

.rajveda-logo-sub {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.3em;
    color: var(--rv-gold);
    display: block;
    margin-top: 2px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Announcement Bar */
.notification-bar.primary-bg {
    background: var(--rv-primary) !important;
    border-bottom: 1px solid rgba(201, 164, 92, 0.3);
}

.notification-marquee .extra-color {
    color: #F7F3EA !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.12em;
    font-weight: 500;
}

.notification-marquee i {
    color: var(--rv-gold) !important;
}

/* Header Area */
.header-top-first {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid var(--rv-light-beige);
}

.header-bottom-area {
    background-color: var(--rv-cream) !important;
    border-bottom: 1px solid var(--rv-light-beige);
}

.menu-link {
    color: var(--rv-primary) !important;
    font-size: 0.88rem !important;
    letter-spacing: 0.06em;
    font-weight: 600;
    transition: color 0.25s ease;
}

.menu-link:hover,
.menu-li.active .menu-link {
    color: var(--rv-gold) !important;
}

.header-contact-link a {
    color: var(--rv-primary) !important;
}

.header-contact-link a:hover {
    color: var(--rv-gold) !important;
}

/* Live Search */
.header-theme-search .search-bar .search-input {
    border: 1px solid var(--rv-light-beige) !important;
    background-color: #FFFFFF !important;
    border-radius: 999px 0 0 999px !important;
    font-size: 0.9rem;
    padding-left: 20px;
}

.header-theme-search .search-bar .search-input:focus {
    border-color: var(--rv-primary) !important;
    box-shadow: 0 0 0 3px rgba(23, 63, 53, 0.1) !important;
}

.header-theme-search .search-bar button.tertiary-btn {
    background-color: var(--rv-primary) !important;
    color: #FFFFFF !important;
    border-radius: 0 999px 999px 0 !important;
    transition: background 0.25s ease;
}

.header-theme-search .search-bar button.tertiary-btn:hover {
    background-color: var(--rv-secondary) !important;
}

/* Counters */
.header-block-counter {
    background: var(--rv-primary) !important;
    color: #FFFFFF !important;
    border-radius: 999px;
    padding: 2px 7px;
    font-size: 11px;
}

/* Buttons */
.btn-rajveda,
.btn-dark,
.btn-primary {
    background-color: var(--rv-primary) !important;
    border-color: var(--rv-primary) !important;
    color: #FFFFFF !important;
    font-weight: 600;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

.btn-rajveda:hover,
.btn-dark:hover,
.btn-primary:hover {
    background-color: var(--rv-secondary) !important;
    border-color: var(--rv-secondary) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(23, 63, 53, 0.25);
}

.btn-rajveda-gold {
    background-color: var(--rv-gold) !important;
    border-color: var(--rv-gold) !important;
    color: #173F35 !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: all 0.3s ease;
}

.btn-rajveda-gold:hover {
    background-color: var(--rv-gold-dark) !important;
    border-color: var(--rv-gold-dark) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(201, 164, 92, 0.35);
}

.btn-rajveda-outline {
    background: transparent !important;
    border: 1.5px solid var(--rv-primary) !important;
    color: var(--rv-primary) !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-rajveda-outline:hover {
    background: var(--rv-primary) !important;
    color: #FFFFFF !important;
}

/* Badges */
.badge-gold {
    background: var(--rv-gold-light);
    color: var(--rv-primary);
    border: 1px solid rgba(201, 164, 92, 0.4);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 4px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.badge-botanical {
    background: #E8F2EE;
    color: var(--rv-primary);
    border: 1px solid rgba(47, 107, 87, 0.3);
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Product Card Enhancements */
.single-product {
    border-radius: 12px;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    background: #FFFFFF;
    border: 1px solid var(--rv-light-beige);
    padding: 12px;
}

.single-product:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(23, 63, 53, 0.08);
    border-color: rgba(201, 164, 92, 0.4);
}

.single-product .product-image {
    border-radius: 10px;
    overflow: hidden;
    background: var(--rv-cream);
}

.single-product .product-image img {
    border-radius: 10px;
    transition: transform 0.5s ease;
}

.single-product:hover .product-image img {
    transform: scale(1.04);
}

.product-label-new,
.product-label-hot {
    background-color: var(--rv-primary) !important;
    color: #FFFFFF !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    border-radius: 4px;
    padding: 3px 8px;
}

.price-box .new-price {
    color: var(--rv-primary) !important;
    font-weight: 700 !important;
    font-size: 1.15rem;
}

.price-box .old-price {
    color: var(--rv-muted) !important;
}

.product-action a:hover,
.product-action button:hover {
    background-color: var(--rv-primary) !important;
    color: #FFFFFF !important;
}

/* Botanical Pill Chips for Ingredients */
.ingredient-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--rv-cream);
    color: var(--rv-primary);
    border: 1px solid rgba(23, 63, 53, 0.12);
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
}

/* Category Cards */
.category-card {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--rv-light-beige);
    transition: all 0.3s ease;
}

.category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(23, 63, 53, 0.1);
}

/* Section styling */
.section-gap {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-cream {
    background-color: var(--rv-cream);
    border-top: 1px solid var(--rv-light-beige);
    border-bottom: 1px solid var(--rv-light-beige);
}

/* Product Details Page */
.pd-price-selling {
    color: var(--rv-primary) !important;
}

.pd-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 2.2rem;
    color: var(--rv-primary);
    line-height: 1.2;
}

.pd-actives-box {
    background: #FAFAF7;
    border: 1.5px solid var(--rv-light-beige);
    border-left: 4px solid var(--rv-gold);
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

/* Back to Top */
#top {
    background-color: var(--rv-primary) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--rv-gold) !important;
}

#top:hover {
    background-color: var(--rv-gold) !important;
    color: var(--rv-primary) !important;
}