/**
 * Shared styles for Apollo Works & Sanitation LTD
 * Used by: index.html, faq.html, calculator.html, estimator.html
 */

/* ── Base ─────────────────────────────────────────────── */
html { scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', sans-serif; }

/* ── Mobile Menu ──────────────────────────────────────── */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    z-index: 60;
}
.mobile-menu.open { transform: translateX(0); }

/* ── Mobile Menu Backdrop ─────────────────────────────── */
.mobile-overlay {
    position: fixed; inset: 0; z-index: 55;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    opacity: 0; pointer-events: none;
    transition: opacity 0.3s ease;
}
.mobile-overlay.active { opacity: 1; pointer-events: auto; }

/* ── Lock Body Scroll (menu open) ─────────────────────── */
body.menu-open { overflow: hidden; position: fixed; width: 100%; }

/* ── Scroll Fade-in Animation ─────────────────────────── */
.js-ready .fade-up {
    opacity: 0; transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.js-ready .fade-up.visible { opacity: 1; transform: translateY(0); }