/* Force Mobile Preview - Utility for testing mobile view on large screens */ /* Toggle by adding class `force-mobile` to */ /* Show elements that have `lg:hidden` on desktop when in force-mobile */ .force-mobile .lg\:hidden { display: block !important; } /* Hide elements that have `lg:flex`, `lg:block` or `lg:grid` on desktop when in force-mobile */ .force-mobile .lg\:flex, .force-mobile .lg\:block, .force-mobile .lg\:grid { display: none !important; } /* Improve touch targets when in force-mobile (increase padding for better hit area) */ .force-mobile .mobile-touch { padding: 1.25rem !important; /* 20px -> larger touch target */ border-radius: 0.75rem !important; } /* Make text slightly larger in forced mobile for better readability during tests */ .force-mobile body { font-size: 1.02rem; } /* Small UX improvements for mobile interaction */ .mobile-touch { -webkit-tap-highlight-color: rgba(0,0,0,0.05); touch-action: manipulation; } button, a { -webkit-tap-highlight-color: rgba(0,0,0,0.02); }