/*! Grass Art Official Stylesheet */

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Custom Brand Colors */
.text-brand-orange { color: #D48135; }
.bg-brand-orange { background-color: #D48135; }
.text-brand-green { color: #3B5E2B; }
.bg-brand-green { background-color: #3B5E2B; }
.border-brand-green { border-color: #3B5E2B; }

.hover-zoom {
    transition: transform 0.3s ease-in-out;
}

.hover-zoom:hover {
    transform: translateY(-4px);
}

/* Scroll Reveal Animations */
.reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Floating WhatsApp Pulse */
@keyframes wa-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6), 0 10px 25px -5px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0), 0 10px 25px -5px rgba(0, 0, 0, 0.3);
    }
}

.wa-floating-btn {
    animation: wa-pulse 2.5s infinite;
}

/* Glassmorphism utility */
.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Lightbox Center & Presentation Guarantee */
#lightbox {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

#lightbox.flex {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#lightbox-box {
    margin: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}