/* =====================================================
 * CONVERSION POLISH — small details that make every page sell
 * Top boutiques use these everywhere; we layer them in.
 * ===================================================== */

/* 1. "X people viewing now" social proof on PDP */
.rcs-pdp__viewing {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(46, 125, 50, 0.08);
    color: var(--rcs-success);
    font-size: 12px;
    border-radius: 999px;
    margin: 8px 0;
    font-weight: 600;
    font-family: var(--rcs-font-ui);
}
.rcs-pdp__viewing::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--rcs-success);
    border-radius: 50%;
    animation: rcs-pulse-dot 1.6s ease-in-out infinite;
}
@keyframes rcs-pulse-dot {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50%      { opacity: 1; transform: scale(1.15); }
}

/* 2. "Free shipping unlocked" cart progress */
.rcs-shipping-meter {
    background: var(--rcs-canvas);
    border: 1px solid var(--rcs-outline);
    border-radius: 12px;
    padding: 12px 14px;
    margin: 12px 0;
    font-size: 13px;
}
.rcs-shipping-meter__bar {
    height: 6px;
    background: var(--rcs-outline);
    border-radius: 999px;
    overflow: hidden;
    margin: 8px 0 4px;
}
.rcs-shipping-meter__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--rcs-primary), var(--rcs-accent));
    border-radius: inherit;
    transition: width 480ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* 3. PDP delivery + return badges with subtle icon polish */
.rcs-pdp__trust > div,
.rcs-pdp__trust-item {
    transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.rcs-pdp__trust > div:hover,
.rcs-pdp__trust-item:hover {
    transform: translateY(-1px);
}

/* 4. Sticky social proof on PDP scroll */
.rcs-pdp__social-proof {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: var(--rcs-bronze);
    margin: 12px 0;
    flex-wrap: wrap;
}
.rcs-pdp__social-proof-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: var(--rcs-section-tint);
    border-radius: 999px;
    font-weight: 500;
}

/* 5. Empty cart  — softer, more inviting */
.wp-block-woocommerce-empty-cart-block h1,
.wp-block-woocommerce-empty-cart-block h2 {
    font-family: var(--rcs-font-display) !important;
    color: var(--rcs-primary) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

/* 6. Order confirmation page subtle gold flourish */
.rcs-thankyou__title::before {
    content: '✦';
    display: block;
    color: var(--rcs-accent);
    font-size: 18px;
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: 6px;
}

/* 7. Bridal/festive CTA gentle ambient pulse */
@media (prefers-reduced-motion: no-preference) {
    .rcs-bridal__cta,
    .rcs-festive-edit__cta {
        animation: rcs-cta-breathe 4.2s cubic-bezier(0.16, 1, 0.3, 1) infinite;
    }
    @keyframes rcs-cta-breathe {
        0%, 100% { box-shadow: 0 4px 14px -4px rgba(107,26,46,0.45); }
        50%      { box-shadow: 0 10px 24px -4px rgba(107,26,46,0.55), 0 0 0 4px rgba(201,169,97,0.15); }
    }
}

/* 8. WhatsApp boutique CTA always pulsing gently */
@media (prefers-reduced-motion: no-preference) {
    .rcs-whatsapp-fab {
        animation: rcs-wa-breathe 3.6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
    }
    @keyframes rcs-wa-breathe {
        0%, 100% {
            box-shadow:
                0 4px 14px -4px rgba(37, 211, 102, 0.55),
                0 0 0 0 rgba(37, 211, 102, 0.4);
        }
        50% {
            box-shadow:
                0 8px 20px -4px rgba(37, 211, 102, 0.65),
                0 0 0 8px rgba(37, 211, 102, 0);
        }
    }
}

/* 9. Site-wide ATC button gentle gold edge — feels premium */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .rcs-pdp__atc::before,
    button.single_add_to_cart_button::before {
        content: '';
        position: absolute;
        inset: -2px;
        border-radius: inherit;
        background: linear-gradient(135deg, transparent 30%, rgba(201,169,97,0.4) 50%, transparent 70%);
        opacity: 0;
        transition: opacity 380ms cubic-bezier(0.16, 1, 0.3, 1);
        z-index: -1;
        pointer-events: none;
    }
    .rcs-pdp__atc:hover::before,
    button.single_add_to_cart_button:hover::before {
        opacity: 1;
    }
    .rcs-pdp__atc,
    button.single_add_to_cart_button {
        position: relative;
        z-index: 1;
        isolation: isolate;
    }
}