/* === iCafeFX Mobile Responsive Fixes === */

/* Base touch target size (48px min) */
a, button, .menu-item a {
    min-height: 44px;
    min-width: 44px;
}

/* Mobile: 375px */
@media (max-width: 480px) {
    /* Font sizes */
    body { font-size: 16px; }
    h1 { font-size: 1.5em !important; }
    h2 { font-size: 1.3em !important; }
    h3 { font-size: 1.1em !important; }
    
    /* Container padding */
    .container, .site-content, .elementor-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Hide side banners on mobile */
    .icafe-sticky-left, .icafe-sticky-right {
        display: none !important;
    }
    
    /* Menu improvements */
    .mobile-menu-wrap {
        width: 100% !important;
    }
    
    /* Images */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Touch-friendly buttons */
    .elementor-button {
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
}

/* Tablet: 768px */
@media (min-width: 481px) and (max-width: 1024px) {
    /* Adjust columns */
    .elementor-column {
        width: 50% !important;
    }
    
    /* Side banners smaller */
    .icafe-sticky-left, .icafe-sticky-right {
        transform: scale(0.8);
    }
}

/* Desktop: 1024px+ */
@media (min-width: 1025px) {
    /* Full layout */
    .icafe-sticky-left, .icafe-sticky-right {
        display: block;
    }
}

/* Fix overflow issues */
html, body {
    overflow-x: hidden;
}

.elementor-section, .elementor-container {
    max-width: 100%;
    overflow-x: hidden;
}

/* Better line height for readability */
p, li {
    line-height: 1.7;
}

/* === End Mobile Fixes === */