/* Custom styles for Granniez Kidz */

/* Ensure smooth rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Selection color */
::selection {
    background-color: #7B2D3B;
    color: #FDF8F4;
}

/* Prevent layout shift on images */
img {
    content-visibility: auto;
}

/* Subtle entrance for the hero text (above fold - no JS needed) */
.hero-grid > div:first-child > div {
    animation: heroFadeIn 0.8s ease-out both;
}

@keyframes heroFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Staggered delays for hero elements */
.hero-grid > div:first-child > div > div:nth-child(2) {
    animation: heroFadeIn 0.8s ease-out 0.1s both;
}
.hero-grid > div:first-child > div > h1 {
    animation: heroFadeIn 0.8s ease-out 0.2s both;
}
.hero-grid > div:first-child > div > p {
    animation: heroFadeIn 0.8s ease-out 0.3s both;
}
.hero-grid > div:first-child > div > div:nth-child(4) {
    animation: heroFadeIn 0.8s ease-out 0.4s both;
}
.hero-grid > div:first-child > div > div:nth-child(5) {
    animation: heroFadeIn 0.8s ease-out 0.5s both;
}

/* Print styles */
@media print {
    nav, .mobile-menu, #menuOverlay, .reveal-hidden {
        display: none !important;
    }
    body {
        color: #1A1210;
        background: white;
    }
    .hero-grid {
        min-height: auto;
        page-break-after: avoid;
    }
}