/*
 * ios-no-zoom.css
 *
 * Safari en iPhone/iPad hace zoom automatico al enfocar un campo cuyo texto
 * mide menos de 16px, y despues deja la pagina ampliada y descuadrada.
 *
 * El arreglo tipico es meter `maximum-scale=1, user-scalable=no` en el meta
 * viewport, pero eso impide ampliar la pagina a quien lo necesita para leer
 * (y Lighthouse lo marca como fallo de accesibilidad). Ver el comentario del
 * meta viewport en Layout/app-minisite.blade.php.
 *
 * Asi que se ataca la causa: en iOS y en pantallas de movil/tablet, todo campo
 * que abra teclado mide 16px. El resto de tamanos del tema no se toca.
 *
 * `@supports (-webkit-touch-callout: none)` solo lo cumple WebKit de iOS, de
 * modo que Android y escritorio conservan el tamano original.
 */

@supports (-webkit-touch-callout: none) {
    @media (max-width: 1024px) {

        .bc_wrap input[type="text"],
        .bc_wrap input[type="search"],
        .bc_wrap input[type="email"],
        .bc_wrap input[type="tel"],
        .bc_wrap input[type="url"],
        .bc_wrap input[type="password"],
        .bc_wrap input[type="number"],
        .bc_wrap input[type="date"],
        .bc_wrap input[type="time"],
        .bc_wrap input[type="datetime-local"],
        .bc_wrap input[type="month"],
        .bc_wrap input[type="week"],
        .bc_wrap input:not([type]),
        .bc_wrap select,
        .bc_wrap textarea,
        .bc_wrap .form-control,
        .bc_wrap .custom-select,
        .bc_wrap [contenteditable="true"],

        /* Modales y desplegables que el navegador saca fuera de .bc_wrap */
        body > .modal input[type="text"],
        body > .modal input[type="search"],
        body > .modal input[type="email"],
        body > .modal input[type="tel"],
        body > .modal input[type="password"],
        body > .modal input[type="number"],
        body > .modal select,
        body > .modal textarea,
        body > .modal .form-control,
        .select2-container .select2-search__field,
        .daterangepicker input,
        .daterangepicker select {
            font-size: 16px !important;
        }
    }
}