/* ============================================================ * Dishtro - Common CSS v3 (Mobile width-safe edition) * File: /app/assets/css/main.css * ============================================================ * Used by: index.php, login/, profile/, home/, pages/, etc. * Loaded by: layout/header.php (auto) * * KEY FIXES IN THIS VERSION: * - 100svh / 100dvh fallbacks (fixes Safari iOS overflow) * - max-width: 100% on everything (no horizontal overflow) * - overflow-wrap: anywhere (long words/URLs don't break layout) * - safe-area-inset support (notched phones) * - min-width: 0 on flex children (text wraps properly) * - No fixed widths anywhere — everything flexes down * - Touch-friendly tap targets (44px min) * * Load order in : * 1. Google Fonts (Plus Jakarta Sans) * 2. Remix Icons * 3. THIS file * 4. Page-specific