/* Custom Fonts Support */
.font-sans {
    font-family: 'Inter', sans-serif;
}
.font-serif {
    font-family: 'Playfair Display', serif;
}

/* Custom animations added to replace framer-motion */
@keyframes fade-in-left {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fade-in-scale {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes badge-fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

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

.fade-in-scale {
    animation: fade-in-scale 1s ease-out 0.2s both;
}

.badge-fade-in {
    animation: badge-fade-in 0.6s ease-out 0.8s both;
}

.spin-slow {
    animation: spin-slow 10s linear infinite;
}

/* Mobile Menu Transition Custom CSS */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#mobile-menu.open {
    display: block !important;
    max-height: 400px; /* enough to cover items */
    opacity: 1;
}

/* Disable Tailwind reset issues for Lucide SVG inside buttons */
button i {
    pointer-events: none;
}