/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.1.0
 Text Domain:  woodmart
*/

/* ==========================================================
   AphroDainty button effects
   Press scale + click ripple (all devices), hover lift + halo
   glow that follows the cursor (mouse devices only).
   ========================================================== */
.button, .btn, .elementor-button, .wd-buy-now-btn, .single_add_to_cart_button,
.wd-action-btn, .checkout-button, #place_order {
    transition: transform 0.12s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.button:active, .btn:active, .elementor-button:active, .wd-buy-now-btn:active,
.single_add_to_cart_button:active, .wd-action-btn:active, .checkout-button:active, #place_order:active {
    transform: scale(0.96);
}

@media (hover: hover) and (pointer: fine) {
    .button:hover, .btn:hover, .elementor-button:hover, .wd-buy-now-btn:hover,
    .single_add_to_cart_button:hover, .checkout-button:hover, #place_order:hover {
        transform: scale(1.03);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
        background-image: radial-gradient(circle at var(--hx, 50%) var(--hy, 50%), rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 60%);
    }
    .button:hover:active, .btn:hover:active, .elementor-button:hover:active, .wd-buy-now-btn:hover:active,
    .single_add_to_cart_button:hover:active, .checkout-button:hover:active, #place_order:hover:active {
        transform: scale(0.96);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    }
}

.aphrodainty-ripple-host {
    position: relative;
    overflow: hidden;
}

.aphrodainty-ripple {
    position: absolute;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.35;
    transform: scale(0);
    animation: aphrodainty-ripple-anim 0.55s ease-out;
    pointer-events: none;
    z-index: 1;
}

@keyframes aphrodainty-ripple-anim {
    to { transform: scale(1); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .button, .btn, .elementor-button, .wd-buy-now-btn, .single_add_to_cart_button,
    .wd-action-btn, .checkout-button, #place_order { transition: none; }
    .button:hover, .btn:hover, .elementor-button:hover, .wd-buy-now-btn:hover,
    .single_add_to_cart_button:hover, .checkout-button:hover, #place_order:hover { transform: none; }
    .aphrodainty-ripple { display: none; }
    .aphrodainty-news-ticker .ticker-container { animation: none !important; }
}

/* ==========================================================
   Boxes: product cards and banners lift slightly on hover
   ========================================================== */
@media (hover: hover) and (pointer: fine) {
    .wd-product .product-wrapper {
        transition: box-shadow 0.25s ease, transform 0.25s ease;
    }
    .wd-product:hover .product-wrapper {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }
}

/* ==========================================================
   Menus: dropdown items nudge right on hover
   (the main menu already uses Woodmart's own underline style)
   ========================================================== */
.wd-dropdown-menu .wd-sub-menu li > a {
    transition: padding-left 0.2s ease, color 0.2s ease;
}
.wd-dropdown-menu .wd-sub-menu li > a:hover {
    padding-left: 6px;
}

/* ==========================================================
   Footer (Elementor block): links, social icons, mobile centring
   ========================================================== */
.aphrodainty-footer a { transition: color 0.2s ease, opacity 0.2s ease; }
.aphrodainty-footer .elementor-social-icon { transition: transform 0.2s ease, opacity 0.2s ease; }
.aphrodainty-footer .elementor-social-icon:hover { transform: translateY(-2px); opacity: 0.8; }
@media (max-width: 767px) {
    .aphrodainty-footer-col1, .aphrodainty-footer-col1 .elementor-widget-image,
    .aphrodainty-footer-bottom { text-align: center; justify-content: center; align-items: center; }
    .aphrodainty-footer-col1 .elementor-icon-list-items { justify-content: center; }
    .aphrodainty-footer-col1 .elementor-icon-list-item { justify-content: center; }
}