/* Foodyar customer micro-interactions only */
/* No color, layout, spacing, or typography changes */

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }

  button,
  a,
  input,
  textarea,
  select,
  .submitButton,
  .addButton,
  .cartButton,
  .counterButton,
  .quantityButton {
    transition:
      transform 150ms ease,
      opacity 150ms ease,
      box-shadow 150ms ease,
      filter 150ms ease !important;
  }

  button:active,
  a:active,
  .submitButton:active,
  .addButton:active,
  .cartButton:active,
  .counterButton:active,
  .quantityButton:active {
    transform: translateY(1px) scale(0.985) !important;
  }

  .fy-customer-click-feedback {
    animation: fyCustomerClickFeedback 240ms ease both;
  }

  .fy-customer-message-focus {
    scroll-margin-top: 120px;
    animation: fyCustomerMessageFocus 650ms ease both;
  }

  @keyframes fyCustomerClickFeedback {
    0% { transform: scale(1); }
    50% { transform: scale(0.985); }
    100% { transform: scale(1); }
  }

  @keyframes fyCustomerMessageFocus {
    0% {
      opacity: 0.45;
      transform: translateY(10px);
    }
    55% {
      opacity: 1;
      transform: translateY(-2px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}