/*
 * Aryıldız Store — Animasyonlar v1.0.1
 * Ürün kartı hover, scroll reveal, buton efektleri, WhatsApp pulse
 */

:root {
  --ayd-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ---- Sayfa içi yumuşak kaydırma ---- */
html {
  scroll-behavior: smooth;
}

/* ---- Scroll reveal (JS .ayd-in sınıfını ekler) ---- */
.ayd-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s var(--ayd-ease), transform 0.7s var(--ayd-ease);
  transition-delay: calc(var(--i, 0) * 55ms);
  will-change: opacity, transform;
}
.ayd-reveal.ayd-in {
  opacity: 1;
  transform: none;
}

/* ---- Ürün kartı: hover'da kalkma + gölge ---- */
li.product {
  transition: transform 0.35s var(--ayd-ease), box-shadow 0.35s var(--ayd-ease);
}
li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
}

/* ---- Butonlar: hover'da kalkma ---- */
.single_add_to_cart_button,
.add_to_cart_button,
.ty-home-btn,
.ty-cb-btn,
.ty-load-more,
.wp-element-button {
  transition: transform 0.25s var(--ayd-ease), box-shadow 0.25s var(--ayd-ease), filter 0.25s ease !important;
}
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.ty-home-btn:hover,
.ty-cb-btn:hover,
.ty-load-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 96, 0, 0.35);
}

/* ---- Buton parıltı süpürmesi ---- */
.single_add_to_cart_button,
.ty-home-btn,
.ty-cb-btn {
  position: relative;
  overflow: hidden;
}
.single_add_to_cart_button::after,
.ty-home-btn::after,
.ty-cb-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 45%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: skewX(-20deg);
  transition: left 0.55s ease;
  pointer-events: none;
  z-index: 1;
}
.single_add_to_cart_button:hover::after,
.ty-home-btn:hover::after,
.ty-cb-btn:hover::after {
  left: 130%;
}

/* ---- Erişilebilirlik: az hareket tercihi ---- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .ayd-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  li.product,
  .single_add_to_cart_button,
  .add_to_cart_button,
  .ty-home-btn,
  .ty-cb-btn,
  .ty-load-more,
  .wp-element-button {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
  }
}
