/**
 * Enhanced Mobile Overflow Fixes - Interior Pages Focus
 * Addresses horizontal scroll issues on all pages
 * Version: 1.0.7
 */

/* ============================================
   CORE OVERFLOW PREVENTION
   ============================================ */
@media (max-width: 768px) {
    /* Absolutely prevent horizontal scroll */
    html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100vw !important;
        position: relative !important;
    }
    
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100vw !important;
        position: relative !important;
    }
    
    /* Main containers */
    .wp-site-blocks {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    main {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    

}

/* ============================================
   CONTENT AREA FIX (ALL PAGES)
   ============================================ */
@media (max-width: 768px) {
    /* Main content padding on interior pages */
    body:not(.home) .wp-site-blocks > main {
       
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    /* Entry content */
    .entry-content,
    .wp-block-post-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
       
    }
}

/* ============================================
   COVER BLOCK MOBILE FIXES
   ============================================ */
@media (max-width: 768px) {
    /* Reduce h1 font size on mobile */
    .wp-block-cover h1,
    .wp-block-cover .wp-block-heading.has-xx-large-font-size {
        font-size: 2rem !important;
    }
}