/* ==========================================================================
   BuyerBuy Motion Styles v1.2.0 (2026-08-30)
   全站轻动效: 滚动浮现 + 卡片轻抬升 + 按钮微交互
   修复: 移除 .e-loop-item 的 translateY 动效，防止与 Elementor Masonry 瀑布流绝对定位计算冲突
   ========================================================================== */

/* 1. 滚动浮现初始态 */
html.bb-anim .bb-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .55s cubic-bezier(.22, .61, .36, 1), transform .55s cubic-bezier(.22, .61, .36, 1);
    transition-delay: var(--bb-delay, 0ms);
}
html.bb-anim .bb-reveal.bb-in {
    opacity: 1;
    transform: translateY(0);
}

/* 2. 商品卡悬浮轻抬升 (排除 .e-loop-item 瀑布流卡片，避免改变 top 定位) */
ul.products li.product {
    transition: transform .22s ease, box-shadow .22s ease;
}
ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(33, 37, 41, .10);
}

/* 3. 首页分类网格: 悬浮图片轻微放大 */
.page-id-302 .bb-2x2-container .elementor-widget-image {
    overflow: hidden;
}
.page-id-302 .bb-2x2-container .elementor-widget-image img {
    transition: transform .45s cubic-bezier(.22, .61, .36, 1);
}
.page-id-302 .bb-2x2-container .elementor-widget-image:hover img {
    transform: scale(1.03);
}

/* 4. 主按钮微交互: 轻浮起 / 按下回弹 */
.single_add_to_cart_button,
.checkout-button,
.ast-button,
.forminator-button-submit,
.woocommerce a.button:not(.wc-backward):not(.quantity .button),
.woocommerce button.button {
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}
.single_add_to_cart_button:hover,
.checkout-button:hover,
.ast-button:hover,
.forminator-button-submit:hover,
.woocommerce a.button:not(.wc-backward):not(.quantity .button):hover,
.woocommerce button.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(33, 37, 41, .14);
}
.single_add_to_cart_button:active,
.checkout-button:active,
.ast-button:active,
.forminator-button-submit:active,
.woocommerce a.button:not(.wc-backward):not(.quantity .button):active,
.woocommerce button.button:active {
    transform: translateY(0) scale(.98);
    box-shadow: none;
}

/* 5. 平滑锚点滚动 */
html {
    scroll-behavior: smooth;
}

/* 6. Elementor 编辑器内禁用动效 */
body.elementor-editor-active .bb-reveal {
    opacity: 1;
    transform: none;
}

/* 7. 减少动效模式 */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    html.bb-anim .bb-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
    ul.products li.product:hover {
        transform: none;
        box-shadow: none;
    }
}