/**
 * Minimal Mobile Enhancements - Conservative Approach
 * Saudi Premium Residency Study - WordPress Plugin v2.2.1
 * 
 * This file contains ONLY essential mobile responsiveness
 * without aggressive !important rules that conflict with WordPress themes
 */

/* ==========================================================================
   Essential Viewport & Responsive Foundation
   ========================================================================== */

/* Ensure proper mobile scaling - no conflicts */
@media (max-width: 767px) {
    /* Responsive images */
    #root img {
        max-width: 100%;
        height: auto;
    }
    
    /* Responsive tables - allow horizontal scroll */
    #root table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Ensure content doesn't overflow */
    #root * {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* ==========================================================================
   Smooth Scrolling (Optional Enhancement)
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

/* ==========================================================================
   Accessibility - Reduced Motion Support
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        transition-duration: 0.01ms;
        scroll-behavior: auto;
    }
}

/* ==========================================================================
   Print Optimization
   ========================================================================== */

@media print {
    #root button {
        display: none;
    }
}