/**
 * Mobile Optimization Styles
 */

/* Ensure touch targets are large enough for interactive elements */
button, 
input[type="submit"], 
input[type="button"],
.button,
.btn,
.wp-block-button__link,
nav a,
.menu-item a,
.pagination a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Improve form usability on mobile */
input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea, 
select {
    font-size: 16px !important; /* Prevents iOS zoom on focus */
    max-width: 100%;
}

/* Prevent horizontal scroll */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* Better spacing for mobile */
@media (max-width: 768px) {
    body {
        font-size: 16px;
        line-height: 1.6;
    }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}