/* Additional Mobile Optimizations */

/* Ensure proper viewport settings */
@media (max-width: 768px) {
    /* Increase touch target sizes for better mobile usability */
    .btn, 
    .nav-menu a,
    .form-group input,
    .form-group textarea,
    .form-checkbox input {
        padding: 12px 15px;
    }
    
    /* Adjust font sizes for better readability on small screens */
    body {
        font-size: 15px;
    }
    
    /* Ensure form elements are properly sized for touch */
    .form-group input,
    .form-group textarea {
        font-size: 16px; /* Prevents iOS zoom on focus */
    }
    
    /* Improve spacing for mobile */
    .contact-content,
    .about-content,
    .service-content {
        gap: 30px;
    }
    
    /* Ensure gallery images display properly on mobile */
    .gallery-item {
        height: 200px;
    }
    
    /* Adjust footer for mobile */
    .footer-content {
        text-align: center;
    }
    
    .footer-logo {
        margin: 0 auto;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    /* Further adjustments for very small screens */
    .hero {
        min-height: 450px;
    }
    
    .hero h1 {
        font-size: 1.8rem;
    }
    
    .hero p {
        font-size: 1rem;
    }
    
    /* Single column layout for all grid items */
    .gallery-grid {
        grid-template-columns: 1fr;
    }
    
    /* Reduce padding for very small screens */
    section {
        padding: 40px 0;
    }
    
    /* Adjust spacing */
    .feature, 
    .service-card, 
    .testimonial, 
    .team-member {
        padding: 20px;
    }
}

/* Fix for iOS form elements */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
}

/* Improve touch scrolling */
html, body {
    -webkit-overflow-scrolling: touch;
}

/* Prevent content from being hidden under fixed header on anchor links */
:target {
    scroll-margin-top: 100px;
}