/*
 * mobile.css - Loaded on screens ≤ 960px (all phone portrait + landscape)
 * Fixes iOS Safari rendering without affecting desktop.
 * Performance optimized: Critical fixes only, no redundancy
 */

/* Prevent horizontal scroll on all viewports */
body,
.page-shell,
main {
    max-width: 100%;
    overflow-x: hidden;
}

/* Ensure page shell never exceeds viewport */
.page-shell {
    width: 100%;
    box-sizing: border-box;
}

/* Fix testimonials grid on narrow screens */
.testimonials-grid {
    grid-template-columns: 1fr;
}

/* Disable performance-impacting properties on mobile */
main > section:not(.hero),
.footer {
    content-visibility: visible;
    contain-intrinsic-size: unset;
}

/* Remove backdrop filters (causes full repaint on every scroll) */
.topbar,
.panel,
.theme-toggle,
.button-secondary,
.contact-card,
.scroll-top-btn,
.impact-card,
.subtimeline-card,
.welcome-screen,
.welcome-card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Hide decorative elements (repaint on every scroll frame) */
body::before,
body::after,
.grid-glow {
    display: none;
}