/*
 * Mobile refinements that keep the existing visual design:
 * larger tap areas for small links, and no iOS zoom when focusing form fields.
 */

@media screen and (max-width: 749px) {
  /* Extend tap areas without moving surrounding content */
  .mw-announcement__cta {
    padding: 12px 6px;
    margin: -12px -6px;
  }

  .mp-footer__link {
    padding-block: 8px;
    margin-block: -8px;
  }

  .mp-footer__email,
  .mp-footer__email-info a {
    padding-block: 10px;
    margin-block: -10px;
  }
}

/* iOS Safari zooms into inputs with text smaller than 16px */
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 749px) {
    .td-header__search-input,
    .mp-footer__newsletter-input,
    .td-contact__input,
    .td-contact__select,
    .td-contact__textarea,
    .cart-discount__input,
    .checkout-details__input {
      font-size: 16px;
    }
  }
}