/* Base styles and overrides */
html {
    scroll-behavior: smooth;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeInUp 0.8s ease-out forwards;
}

.animate-fade-in-up {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Custom classes for scroll interactions */
.scrolled-nav {
    @apply bg-white shadow-md py-0;
}

.scrolled-nav #logo-text {
    @apply text-primary;
}

.scrolled-nav .nav-link {
    @apply text-gray-800;
}

.scrolled-nav #mobile-menu-btn {
    @apply text-gray-800;
}

/* Line clamp for long text */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}