/* Custom Utilities and Components */

@layer components {
    .btn-primary {
        @apply inline-flex items-center justify-center px-6 py-3 rounded-full font-bold text-white transition-all duration-300;
        background: linear-gradient(135deg, #317601 0%, #439c02 100%);
        box-shadow: 0 4px 14px 0 rgba(49, 118, 1, 0.39);
    }
    
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(49, 118, 1, 0.4);
        background: linear-gradient(135deg, #439c02 0%, #317601 100%);
    }

    .btn-secondary {
        @apply inline-flex items-center justify-center px-6 py-3 rounded-full font-bold text-slate-900 transition-all duration-300 border border-slate-300 bg-white backdrop-blur-sm hover:bg-slate-50 hover:border-slate-400;
    }

    .section-heading {
        @apply text-3xl md:text-4xl lg:text-5xl font-black font-heading text-slate-900 mb-6 leading-[1.2];
    }

    .glass-card {
        @apply bg-white/80 backdrop-blur-xl border border-slate-200 rounded-3xl p-8 shadow-2xl;
    }
}

/* Hide Scrollbar but keep functionality */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

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

/* Hero Image subtle zoom animation */
@keyframes slowZoom {
    0% { transform: scale(1.05); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1.05); }
}

.hero-img {
    animation: slowZoom 20s ease-in-out infinite;
}

/* Floating Animation */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.floating-element {
    animation: float 6s ease-in-out infinite;
}

/* Navbar Scrolled State */
.nav-scrolled {
    @apply bg-white/90 backdrop-blur-md border-slate-200 shadow-lg py-3 !important;
}