/**
 * Theme Name: Estatik Realtor Theme
 * Author: Estatik
 * Author URI: https://Estatik.net
 * Version: 2.0.3
 * Text Domain: ert
 * Description: Estatik Realtor Theme is a brand new exclusive WordPress real estate theme built by Estatik team to use best with Estatik Simple, PRO or Premium plugins. Intergration with SiteOrigin Page Builder and its bundle allows you to build stunning layouts with great features.
 */


/* Mobile Responsive Fixes - Added by production-grade solution */
/* Prevent horizontal scrolling on mobile devices */
@media screen and (max-width: 767px) {
    /* Prevent body overflow */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    /* Ensure all containers are responsive */
    .container, .row, [class*="col-"] {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Fix property detail page elements */
    .es-property-content,
    .es-property__section,
    .es-property-sidebar,
    .es-property-info {
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Fix images and media */
    img, iframe, video, embed, object {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Fix tables */
    table {
        width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
    }
    
    /* Fix maps */
    .es-map-container,
    .es-property-map {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    /* Fix forms */
    form, input, textarea, select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Fix navigation */
    .site-header, .main-navigation {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Fix property grids and listings */
    .es-listings-grid,
    .es-property-grid,
    .es-property-item {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Remove fixed widths on mobile */
    [style*="width"] {
        max-width: 100vw !important;
    }
}