/**
 * Mobile Zoom Prevention Component
 * Prevents unwanted zoom on mobile devices when typing or clicking
 */

/* Prevent zoom on all touch interactions */
* {
    touch-action: manipulation;
}

/* Ensure all input fields have minimum 16px font size to prevent iOS auto-zoom */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
textarea,
select {
    font-size: 16px !important;
    touch-action: manipulation;
}

/* Prevent zoom on buttons and links */
button,
a,
.btn {
    touch-action: manipulation;
}

/* For custom styled inputs and selects */
.form-control,
.form-input,
.nice-select {
    font-size: 16px !important;
    touch-action: manipulation;
}

/* Prevent double-tap zoom */
body {
    touch-action: manipulation;
}

/* Additional fix for iOS Safari */
@supports (-webkit-touch-callout: none) {
    input,
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* Fix for custom dropdowns and selects */
.nice-select .list,
.nice-select .current {
    font-size: 16px !important;
}

/* Ensure proper scaling on orientation change */
@media screen and (orientation: landscape) {
    html {
        transform: scale(1);
    }
}

@media screen and (orientation: portrait) {
    html {
        transform: scale(1);
    }
}