/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

/* Prevent mobile zoom on form inputs - LCP friendly */
input[type="text"],
input[type="email"], 
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select {
    font-size: 16px !important; /* Minimum 16px prevents iOS zoom */
    transform-origin: left top;
    zoom: 1; /* Reset any inherited zoom */
}

/* Media query for mobile devices only */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"], 
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    input[type="url"],
    input[type="search"],
    textarea,
    select {
        font-size: 16px !important;
        line-height: 1.4;
        padding: 12px 15px; /* Comfortable touch targets */
        border-radius: 4px;
        border: 1px solid #ccc;
        background: #fff;
        -webkit-appearance: none; /* Remove iOS styling */
        -moz-appearance: none;
        appearance: none;
    }
    
    /* Specific WordPress form fixes */
    .wpcf7-form input,
    .wpcf7-form textarea,
    .gform_wrapper input,
    .gform_wrapper textarea,
    .wpforms-form input,
    .wpforms-form textarea,
    .elementor-field-group input,
    .elementor-field-group textarea {
        font-size: 16px !important;
    }
}

/* Prevent zoom on focus - alternative method */
@media screen and (max-width: 768px) {
    input:focus,
    textarea:focus,
    select:focus {
        font-size: 16px !important;
        transform: scale(1);
        zoom: 1;
    }
}