/* ==========================================================================
   REEM CARE & BEAUTY — Luxury Visual Identity Stylesheet
   Cosmetics, Skincare, Luxury Perfumes & Health Supplements
   ========================================================================== */

:root {
    /* ── Primary Luxury Glam Palette ── */
    --rc-green-dark: #4A044E !important; /* Deep Velvet Plum / Noir */
    --rc-green: #9D174D !important;      /* Rich Rose Berry */
    --rc-green-light: #BE185D !important;/* Vibrant Rose Glam */
    --rc-gold: #D97706 !important;       /* Champagne Gold */
    --rc-gold-light: #F59E0B !important; /* Warm Radiant Gold */
    --rc-gold-dark: #B45309 !important;
    
    /* ── Beauty Specific Tokens ── */
    --rb-rose-900: #831843;
    --rb-rose-800: #9D174D;
    --rb-rose-700: #BE185D;
    --rb-rose-600: #E11D48;
    --rb-rose-500: #F43F5E;
    --rb-rose-100: #FCE7F3;
    --rb-rose-50:  #FDF2F8;
    
    --rb-gold-500: #D97706;
    --rb-gold-100: #FEF3C7;
    
    --rb-dark: #18181B;
    --rb-body-bg: #FCF9FA;
    --rb-card-bg: #FFFFFF;
    
    --rc-off-white: #FCF9FA !important;
    --rc-radius: 16px !important;
    --rc-radius-sm: 10px !important;
}

body {
    background-color: var(--rb-body-bg) !important;
    color: #27272A !important;
    font-family: 'Tajawal', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ── Top Utility Bar ── */
.rc-utility-bar {
    background: linear-gradient(90deg, #701A75 0%, #831843 50%, #9D174D 100%) !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.rc-utility-bar a {
    color: #FDF2F8 !important;
    font-weight: 600 !important;
}
.rc-utility-bar a:hover {
    color: #FDE68A !important;
}

/* ── Main Header ── */
.rc-header {
    background: #FFFFFF !important;
    border-bottom: 1px solid #FCE7F3 !important;
    box-shadow: 0 4px 20px rgba(157, 23, 77, 0.04) !important;
}

/* Search Bar */
.rc-search-input {
    border: 1.5px solid #FBCFE8 !important;
    border-radius: 50px !important;
    background: #FFF5F7 !important;
    color: #18181B !important;
    padding: 12px 20px !important;
    transition: all 0.25s ease !important;
}
.rc-search-input:focus {
    border-color: #BE185D !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(190, 24, 93, 0.12) !important;
    outline: none !important;
}
.rc-search-btn {
    background: linear-gradient(135deg, #BE185D 0%, #E11D48 100%) !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
}
.rc-search-btn:hover {
    background: linear-gradient(135deg, #9D174D 0%, #BE185D 100%) !important;
    box-shadow: 0 4px 12px rgba(190, 24, 93, 0.3) !important;
}

/* Header Action Buttons & Badges */
.rc-cart-count, .ast-site-header-cart .count {
    background: linear-gradient(135deg, #E11D48 0%, #F43F5E 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.4) !important;
}

/* Category Navigation Bar */
.rc-category-bar, .rc-nav-bar {
    background: #4A044E !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.rc-nav-item, .rc-cat-nav-link {
    color: #FDF2F8 !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.rc-nav-item:hover, .rc-cat-nav-link:hover {
    color: #FDE68A !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
}
.rc-nav-item.is-active {
    color: #FFFFFF !important;
    background: #BE185D !important;
    border-radius: 8px !important;
}

/* ── Buttons & CTAs ── */
.rc-btn, .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .rsp-btn-cart {
    background: linear-gradient(135deg, #BE185D 0%, #E11D48 100%) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(190, 24, 93, 0.25) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: none !important;
}
.rc-btn:hover, .button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .rsp-btn-cart:hover {
    background: linear-gradient(135deg, #9D174D 0%, #BE185D 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(190, 24, 93, 0.35) !important;
    color: #FFFFFF !important;
}

.rc-btn-gold, .rsp-btn-rfq {
    background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.25) !important;
}
.rc-btn-gold:hover, .rsp-btn-rfq:hover {
    background: linear-gradient(135deg, #B45309 0%, #D97706 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(217, 119, 6, 0.35) !important;
}

/* ── Product Cards ── */
.rc-prod-card, ul.products li.product, .woocommerce ul.products li.product {
    background: #FFFFFF !important;
    border: 1px solid #FCE7F3 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(157, 23, 77, 0.04) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.rc-prod-card:hover, ul.products li.product:hover, .woocommerce ul.products li.product:hover {
    transform: translateY(-5px) !important;
    border-color: #F472B6 !important;
    box-shadow: 0 12px 30px rgba(190, 24, 93, 0.1) !important;
}

/* Product Price */
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .rc-prod-price {
    color: #BE185D !important;
    font-weight: 800 !important;
}

/* Sale Badge */
.woocommerce span.onsale, .rc-sale-badge {
    background: linear-gradient(135deg, #E11D48 0%, #F43F5E 100%) !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.3) !important;
}

/* ── Trust Bar ── */
.rc-trust-bar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #FCE7F3 !important;
}
.rc-tb-card {
    background: #FFF9FA !important;
    border: 1px solid #FCE7F3 !important;
    border-radius: 16px !important;
}
.rc-tb-card:hover {
    background: #FFFFFF !important;
    border-color: #F472B6 !important;
    box-shadow: 0 8px 24px rgba(190, 24, 93, 0.08) !important;
}
.rc-tb-icon--blue {
    background: #FDF2F8 !important;
    color: #BE185D !important;
    border-color: #FBCFE8 !important;
}
.rc-tb-icon--green {
    background: #FEF3C7 !important;
    color: #B45309 !important;
    border-color: #FDE68A !important;
}
.rc-tb-icon--purple {
    background: #FAF5FF !important;
    color: #7E22CE !important;
    border-color: #E9D5FF !important;
}

/* ── Footer ── */
.rc-footer-banner {
    background: linear-gradient(135deg, #4A044E 0%, #831843 50%, #9D174D 100%) !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
}
.rc-footer-banner-title {
    color: #FFFFFF !important;
}
.rc-footer-banner-sub {
    color: #FDF2F8 !important;
}
.rc-footer {
    background: #18181B !important;
    color: #A1A1AA !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.rc-footer-col h4, .rc-footer-company-name {
    color: #FFFFFF !important;
}
.rc-footer-col a {
    color: #D4D4D8 !important;
}
.rc-footer-col a:hover {
    color: #F472B6 !important;
}

/* ── Single Product Executive Price Box ── */
.rsp-price-box {
    border-color: #FCE7F3 !important;
    box-shadow: 0 4px 20px rgba(190, 24, 93, 0.04) !important;
}
.rsp-rfq-badge {
    background: #FDF2F8 !important;
    color: #9D174D !important;
    border-color: #FBCFE8 !important;
}

/* Floating WhatsApp Button */
.remco-floating-wa {
    background: #25D366 !important;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35) !important;
}