/* ==========================================================================
   iOS BOUNCE FIX - Prevent horizontal side-pull on mobile
   Minimal and non-intrusive - only prevents page-level horizontal bounce
   ========================================================================== */

/* ==========================================================================
   FONT DISPLAY FIX - Add font-display: swap to all fonts for performance
   ========================================================================== */

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-display: swap;
}

/* Override any FontAwesome font-face declarations */
@font-face {
    font-display: swap !important;
}

/* Only apply on mobile devices */
@media (max-width: 768px) {
    /* Prevent horizontal page bounce on iOS */
    html {
        overflow-x: hidden;
        overscroll-behavior-x: none;
    }
    
    body {
        overflow-x: hidden;
        overscroll-behavior-x: none;
        position: relative;
    }
}

/* iOS-specific fix using feature detection */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
        html, body {
            overscroll-behavior-x: none;
        }
    }
}