/* Mobile fixes for side scrolling, zooming, and landscape mode */
html {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

body {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    max-width: 100vw;
    overscroll-behavior: none;
    touch-action: pan-y;
}

/* Add date format example for booking form on mobile */
@media (max-width: 576px) {
    input[name="date"]::placeholder {
        font-size: 0.8rem;
    }
    
    .date-format-hint {
        font-size: 0.75rem;
        color: #6c757d;
        margin-top: 0.25rem;
        display: block;
    }
    
    /* Prevent horizontal overflow */
    .container, .container-fluid, .row {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    /* Fix for specific elements that might cause horizontal scroll */
    .gallery-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100vw;
    }
    
    /* Extra fixes for overflowing content */
    img, video, iframe {
        max-width: 100%;
        height: auto;
    }
}