/* Mobile Base Styles */

/* Mobile-first approach - styles apply to mobile and up */
@media (max-width: 768px) {

    /* REMOVE TOP PADDING FROM BODY SINCE NO HEADER */
    body {
        padding-top: 0 !important;
        padding-bottom: max(100px, env(safe-area-inset-bottom, 10px) + 80px) !important;
        /* Space for floating nav */
        background: #fafafa !important;
        /* zinc-50 equivalent */
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }

    /* Add bottom safe area for devices with home indicator */
    body {
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    }

    /* HIDE DEFAULT FOOTER */
    footer {
        display: none !important;
    }

    /* Improve overall body text for mobile */
    p,
    span,
    div {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    /* Smooth scrolling */
    html {
        scroll-behavior: smooth;
    }
}