/**
 * Surreal Homes - Mobile Responsive Styles
 * 
 * Contains all mobile-specific CSS for screens 768px and below
 * Fixes text alignment and sizing issues on mobile devices
 * 
 * Version: 1.0.0
 * Last Updated: 2025-11-08
 */

/* =============================================================================
   MOBILE TEXT ALIGNMENT FIX
   Forces left alignment on mobile to prevent justified text spacing issues
============================================================================= */
@media (max-width: 768px) {
    /* Global mobile text alignment */
    body * {
        text-align: left !important;
    }
    
    /* Property description specific fixes */
    #nav-description .tfre-property-info,
    #nav-description .tfre-property-info *,
    #nav-description p,
    #nav-description ul,
    #nav-description li {
        text-align: left !important;
        text-justify: none !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }
    
    /* Description header sizing on mobile */
    #nav-description .tfre-property-header h4 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }
}