/**
 * Mobile Input Zoom Fix
 *
 * Problem: iOS Safari zoomt automatisch rein wenn Input font-size < 16px
 * Lösung: Alle Inputs auf min. 16px font-size setzen
 */

/* Alle Input-Felder auf Mobile */
@media screen and (max-width: 980px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select {
        font-size: 16px !important;
    }

    /* Chatbot Input speziell */
    #chatbot-input {
        font-size: 16px !important;
    }

    /* Adress-Formulare */
    .adress-input,
    .address-input,
    input[name*="address"],
    input[name*="adresse"],
    input[name*="strasse"],
    input[name*="street"],
    input[name*="plz"],
    input[name*="postal"],
    input[name*="city"],
    input[name*="stadt"],
    input[name*="tel"],
    input[name*="phone"],
    input[name*="email"],
    input[name*="name"] {
        font-size: 16px !important;
    }

    /* Bestellformular */
    .order-input,
    .checkout-input,
    .form-control,
    .input-field {
        font-size: 16px !important;
    }

    /* Admin Formulare (falls auf Mobile genutzt) */
    .admin input[type="text"],
    .admin input[type="email"],
    .admin input[type="tel"],
    .admin input[type="number"],
    .admin textarea,
    .admin select {
        font-size: 16px !important;
    }
}

/* Optional: Touch-Targets größer machen (mindestens 44x44px für iOS) */
@media screen and (max-width: 980px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    textarea,
    select,
    button {
        min-height: 44px;
        padding: 10px 12px;
    }

    /* Adressfeld mit Icon - braucht mehr padding-left */
    #autocompleteinput,
    #autocompleteinput2 {
        padding-left: 40px !important;
    }
}