/* Anita templates: mobile-first refinements for iOS/Android “app-like” feel */

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    background-color: #F8F9FB;
    -webkit-font-smoothing: antialiased;
    overscroll-behavior-y: contain; /* prevent pull-to-refresh fights with overlays */
}

img, video, iframe {
    max-width: 100%;
    height: auto;
    display: block;
}

a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0.08);
}

/* Mobile menu: ensure it fills the screen and scrolls independently */
#anita-mobile-menu {
    max-height: 80vh;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Safe-area awareness for notches */
:root {
    --anita-safe-top: env(safe-area-inset-top);
    --anita-safe-bottom: env(safe-area-inset-bottom);
}

body {
    padding-top: max(0px, var(--anita-safe-top));
    padding-bottom: max(0px, var(--anita-safe-bottom));
}

/* Tighten paddings on small screens */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .grid {
        gap: 1rem;
    }

    .shadow-lg, .shadow-xl {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }
}

/* Improve card rounding and touch comfort globally */
.rounded-2xl, .rounded-3xl {
    border-radius: 18px;
}

button, .btn {
    min-height: 44px;
}