/*
 * Shared control baseline.
 *
 * The selectors intentionally use :where() (specificity 0). A page component
 * owns its special layout; this layer supplies the consistent default only.
 */

:where(.icon-button, .cart-button, .primary-action, .secondary-action,
  .search-result__actions button, .search-result__actions span, .search-result__actions a,
  .variant-actions button, .variant-actions span, .variant-actions a,
  .variant-actions--contact button, .qty-control, .product-cart,
  .product-card-pdf, .search-drawer__more, .filter-block button,
  .product-tabs button, .copy-button, .review-rating button, .auth-modal__submit) {
  border: 1px solid rgba(31, 41, 55, .08);
  background:
    radial-gradient(ellipse at 24% 18%, rgba(255, 255, 255, .90), rgba(255, 255, 255, 0) 58%),
    linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(246, 249, 252, .58));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .72),
    var(--ds-shadow-sm);
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

:where(.icon-button, .cart-button, .primary-action, .secondary-action,
  .search-result__actions button, .search-result__actions a,
  .variant-actions button, .variant-actions a, .variant-actions--contact button,
  .qty-control button, .product-cart, .product-card-pdf, .search-drawer__more,
  .filter-block button, .product-tabs button, .copy-button, .review-rating button,
  .auth-modal__submit) {
  transition: transform var(--ds-duration-fast) var(--ds-ease-standard),
    box-shadow var(--ds-duration-fast) var(--ds-ease-standard),
    border-color var(--ds-duration-fast) var(--ds-ease-standard),
    background-color var(--ds-duration-fast) var(--ds-ease-standard),
    color var(--ds-duration-fast) var(--ds-ease-standard);
}

:where(.icon-button, .cart-button, .primary-action, .secondary-action,
  .search-result__actions button, .search-result__actions a,
  .variant-actions button, .variant-actions a, .variant-actions--contact button,
  .qty-control button, .product-cart, .product-card-pdf, .search-drawer__more,
  .filter-block button, .product-tabs button, .copy-button, .review-rating button,
  .auth-modal__submit):hover {
  transform: translateY(-1px);
  border-color: rgba(0, 111, 186, .18);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .78),
    var(--ds-shadow-md);
}