/*
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;
    }
}

.affiliate-disclaimer {
    background: #fff3cd;
    border-left: 4px solid #ff9800;
    padding: 12px 16px;
    margin: 20px 0;
    font-size: 14px;
    border-radius: 4px;
}

.credibility-box {
    background: #e8f5e8;
    border-left: 4px solid #28a745;
    padding: 15px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
}

.credibility-box strong {
    color: #28a745;
}

.simple-disclaimer {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    padding: 12px;
    border-radius: 6px;
    margin: 20px 0;
    font-size: 13px;
    text-align: center;
}
/* container */
.success-stories{margin:32px 0;display:grid;gap:20px}
@media(min-width:768px){.success-stories{grid-template-columns:1fr 1fr}}

/* card */
.story{border:1px solid #e6e6e6;border-left:4px solid #28a745;border-radius:8px;background:#fafafa}
.story-hd{padding:12px 16px;background:#f6f7f7}
.story-hd h4{margin:6px 0 0;font-size:1.05rem;line-height:1.3;color:#222}
.story-bd{padding:14px 16px}

/* badge */
.story-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff;text-transform:uppercase;letter-spacing:.3px}
.badge-student{background:#28a745}
.badge-parent{background:#e74c3c}
.badge-pro{background:#3498db}
.badge-tech{background:#9b59b6}

/* text */
.story-bd blockquote{margin:0 0 10px;padding-left:14px;border-left:3px solid #ddd;color:#444;font-style:italic}
.story-meta{margin:10px 0 0;font-size:.95rem;line-height:1.7}