/**
 * Safari iOS / Chrome iOS / iPad — evita zoom automático ao focar campos de formulário.
 * Recomendação Apple/WebKit: font-size computado >= 16px em input, textarea e select.
 * Não altera viewport (zoom do usuário permanece acessível).
 */
@supports (-webkit-touch-callout: none) {
    /* —— Checkout (wizard, identificação, endereço, pagamento) —— */
    #checkout-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
    #checkout-form select,
    #checkout-form textarea,
    #checkout-form .hm-checkout-id-card__input.form-input,
    #checkout-form #customer-phone-main,
    #checkout-form #customer-name-main,
    #checkout-form #cashback-use-input,
    #checkout-form #wallet-use-input,
    #checkout-form .checkout-sched-dt-text.form-input,
    #checkout-form #scheduled-time.form-input,
    #checkout-form #geocoder-search input,
    #checkout-form #geocoder-search .mapboxgl-ctrl-geocoder--input,
    #checkout-form .mapboxgl-ctrl-geocoder--input,

    /* —— Autenticação —— */
    #auth-modal .auth-input,
    .dados-pessoais-form .auth-input,

    /* —— Classes globais de formulário —— */
    .form-input,
    .form-control,
    textarea.form-input,
    textarea.form-control,
    select.form-input,
    select.form-control,

    /* —— Busca e filtros flutuantes —— */
    .floating-menu-search-input,
    .floating-toolbar-select,
    .floating-filter-pop__row input:not([type="checkbox"]):not([type="radio"]),

    /* —— Endereço (header + editor) —— */
    .header-address-modal__cep-input,
    .header-address-modal__follow-input,
    #hmAddressEditorModal input[type="text"],
    #hmAddressEditorModal input[type="search"],
    #hmAddressEditorModal textarea,
    #header-address-modal input[type="text"],
    #header-address-modal input[type="search"],
    #header-address-modal textarea,

    /* —— Suporte ao cliente —— */
    #hm-support-modal .hm-support-input,
    #hm-support-modal .hm-support-textarea,

    /* —— Modal de produto —— */
    #product-modal .modal-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]),
    #product-modal .modal-card textarea,
    #product-modal .modal-card select,
    #product-modal #modal-item-obs,

    /* —— Cupom —— */
    .hm-coupon-modal__input,

    /* —— Agendamento (Flatpickr) —— */
    input.flatpickr-input,
    .flatpickr-mobile,

    /* —— Quantidade (carrinho / card / modal) —— */
    #cart-modal input.addon-qty-val,
    .product-card-v2 input.addon-qty-val,
    #product-modal input.addon-qty-val {
        font-size: 16px !important;
    }

    /* Altura mínima quando o campo era compacto (< 16px de fonte) */
    #checkout-form input.form-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    #checkout-form select.form-input,
    #checkout-form #geocoder-search input,
    #checkout-form #geocoder-search .mapboxgl-ctrl-geocoder--input {
        min-height: 40px !important;
        height: auto !important;
        max-height: none !important;
    }

    #checkout-form .hm-checkout-id-card__input.form-input {
        min-height: 44px !important;
        height: 44px !important;
    }

    #checkout-form #cashback-use-input,
    #checkout-form #wallet-use-input {
        min-height: 36px !important;
        height: auto !important;
    }

    #cart-modal input.addon-qty-val.cart-item-qty-val,
    .product-card-v2 .product-card-v2__card-qty input.addon-qty-val {
        min-width: 36px !important;
        max-width: 36px !important;
        width: 36px !important;
    }

    /* Agendamento: data e horário na mesma altura (não herdar min-height: 40px só no select) */
    #checkout-form #scheduling-fields .checkout-sched-dt-combo,
    #checkout-form #scheduling-fields #scheduled-time.form-input {
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        box-sizing: border-box !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.25 !important;
    }

    #checkout-form #scheduling-fields .checkout-sched-dt-text.form-input {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}
