/**
 * Глобальный tactile feedback для кнопок (hover / press).
 * Подключается после page CSS — чтобы работало на всех страницах.
 */

button,
a[role="button"],
.btn,
[class*="button-"],
.add-to-cart,
.add-to-cart-button,
.home-btn,
.home-hero-button,
.floating-add-to-cart,
.floating-wishlist,
.add-to-wishlist,
.btn-add-to-wishlist,
.btn-subscribe,
.btn-add-address,
.submitbtn,
.scrollTop,
.catalog-filter-toggle,
.mobile-bottom-nav__item,
.quickview,
.gird-nav a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  touch-action: manipulation;
}

[class*="button-"],
.add-to-cart,
.add-to-cart-button,
.home-btn,
.home-hero-button,
.floating-add-to-cart,
.floating-wishlist,
.add-to-wishlist,
.btn-add-to-wishlist,
.btn-subscribe,
.btn-add-address,
.submitbtn,
.scrollTop,
.catalog-filter-toggle,
.mobile-bottom-nav__item,
.quickview {
  transition:
    transform 0.14s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease,
    filter 0.14s ease;
  will-change: transform;
}

/* —— Hover (только мышь) —— */
@media (hover: hover) and (pointer: fine) {
  .add-to-cart-button:hover {
    background: #333333;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transform: translateY(-1px);
  }

  .home-btn-dark:hover,
  .home-product-actions .home-btn-dark:hover {
    background: #111111 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
    transform: translateY(-1px);
  }

  .home-btn-light:hover,
  .home-product-actions .home-btn-light:hover {
    background: #e3e7eb !important;
    transform: translateY(-1px);
  }

  .floating-add-to-cart:hover,
  .floating-wishlist:hover {
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    border-color: #cfcfcf;
  }

  .scrollTop:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
  }

  .catalog-filter-toggle:hover {
    filter: brightness(1.05);
  }

  .mobile-bottom-nav__item:hover {
    background: rgba(0, 0, 0, 0.04);
  }
}

/* —— Press / click —— */
[class*="button-"]:active,
.add-to-cart:active,
.add-to-cart-button:active,
.home-btn:active,
.home-hero-button:active,
.btn-subscribe:active,
.btn-add-address:active,
.submitbtn:active,
.catalog-filter-toggle:active,
.quickview:active,
button[type="submit"]:active,
button.btn:active {
  transform: scale(0.96) translateY(1px);
  filter: brightness(0.9);
  box-shadow: none;
}

.add-to-cart-button:active {
  background: #0d0d0d !important;
  color: #fff !important;
}

.login-btn:hover,
.login-btn:focus {
  background: #111111 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(-1px);
}

.login-btn:active {
  background: #000000 !important;
  color: #fff !important;
  transform: scale(0.96) translateY(1px) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.45) !important;
}

/* Home product cards: ДОДАТИ В КОШИК / ДЕТАЛІ */
.home-product-actions .home-btn:active {
  transform: scale(0.94) translateY(1px) !important;
}

.home-product-actions .home-btn-dark:active {
  background: #000000 !important;
  color: #fff !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.45) !important;
  filter: brightness(0.9);
}

.home-product-actions .home-btn-light:active {
  background: #d5dbe3 !important;
  color: #111 !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.14) !important;
  filter: brightness(0.96);
}

.floating-add-to-cart:active,
.floating-wishlist:active,
.add-to-wishlist:active,
.btn-add-to-wishlist:active {
  transform: scale(0.86);
  filter: brightness(0.92);
}

.scrollTop:active {
  transform: scale(0.9);
  filter: brightness(0.88);
}

.mobile-bottom-nav__item:active {
  transform: scale(0.92);
  background: rgba(0, 0, 0, 0.08);
}

/* Focus для клавиатуры */
[class*="button-"]:focus-visible,
.add-to-cart:focus-visible,
.add-to-cart-button:focus-visible,
.home-btn:focus-visible,
.floating-add-to-cart:focus-visible,
.floating-wishlist:focus-visible,
.catalog-filter-toggle:focus-visible {
  outline: 2px solid #1f1f1f;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  [class*="button-"],
  .add-to-cart,
  .add-to-cart-button,
  .home-btn,
  .home-hero-button,
  .floating-add-to-cart,
  .floating-wishlist,
  .btn-subscribe,
  .submitbtn,
  .scrollTop,
  .catalog-filter-toggle,
  .mobile-bottom-nav__item,
  .quickview {
    transition: none !important;
  }

  [class*="button-"]:active,
  [class*="button-"]:hover,
  .add-to-cart:active,
  .add-to-cart-button:active,
  .add-to-cart-button:hover,
  .home-btn:active,
  .home-btn:hover,
  .floating-add-to-cart:active,
  .floating-add-to-cart:hover,
  .floating-wishlist:active,
  .floating-wishlist:hover,
  .scrollTop:active,
  .scrollTop:hover,
  .mobile-bottom-nav__item:active {
    transform: none !important;
  }
}