/* Mobile Responsive Styles for Anino Kite Resort Front Page and About Page */
/* Target max-width: 767px for mobile devices */

@media screen and (max-width: 767px) {
    /* Reset positioning for all absolutely positioned elements */
    .relative {
        position: static !important;
    }
    
    /* Make all shape containers stack vertically with spacing */
    [id*="_pos"] {
        position: static !important;
        margin: 15px 0 !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Reset absolutely positioned shape containers */
    [id^="shape_"] {
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }
    
    /* Overlay text containers - make them full width with proper padding */
    .ewblock-overlay-text {
        position: static !important;
        width: 100% !important;
        padding: 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
    }
    
    /* Text containers */
    .paraWrap {
        padding: 15px !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Text styling - make readable on mobile */
    .para1 {
        font-size: 18px !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
    }
    
    /* All text classes - ensure readability */
    [class^="Style"], [class*=" Style"], [class^="para"], [class*=" para"] {
        font-size: 18px !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
    }
    
    /* Make images responsive */
    .ewblock-overlay-text img,
    .ewblock-overlay-text object,
    .ewblock-overlay-text embed,
    img,
    object,
    embed {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* Override fixed dimensions */
    [style*="width:"] {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    [style*="height:"] {
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
    }
    
    /* Override positioning styles */
    [style*="left:"], [style*="right:"], [style*="top:"], [style*="bottom:"] {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    /* Override padding and margins */
    [style*="padding:"] {
        padding: 15px !important;
    }
    
    [style*="margin:"] {
        margin: 15px !important;
    }
    
    /* Disable animations on mobile for better performance */
    .animated {
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
        transition: none !important;
    }
    
    /* Ensure menu is visible and centered */
    .paraWrap:has(.ewblock-overlay-text) .para1 {
        text-align: center !important;
    }
    
    /* Make sure everything flows naturally */
    body {
        overflow-x: hidden !important;
    }
    
    /* Override container constraints */
    .container {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    
    /* Fix body scaling that might interfere */
    body {
        transform: none !important;
        -webkit-transform: none !important;
        transform-origin: center top !important;
    }
}