/**
 * Cahema - Ajustes de UX movil
 * -----------------------------------------------------------------------------
 * v1: corrige el auto-zoom de iOS Safari al enfocar inputs.
 *
 * En iPhone/Safari, cuando un <input>/<select>/<textarea> tiene font-size < 16px,
 * el navegador hace ZOOM automatico al tocarlo (la pagina "salta"). Varios campos
 * del tema estan en 14px (buscador, login, checkout). Forzar 16px SOLO en movil
 * elimina ese salto sin cambiar nada en escritorio.
 *
 * Seguro y reversible: quita el <link> de head.tpl (o borra este archivo).
 */

@media (max-width: 767px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="url"],
  input:not([type]),
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* -----------------------------------------------------------------------------
 * PENDIENTES v2 (a verificar en device-mode antes de activar):
 *  - Tap target del carrito flotante (.leo-fly-cart) a min 44x44px.
 *  - Evitar que el carrito flotante / chat tapen contenido (padding inferior).
 *  - Alineacion del chevron de subcategorias en el menu movil.
 * Se dejaran aqui una vez validados en pantalla real.
 * ---------------------------------------------------------------------------*/