/* Custom Styles for The Paddock Pals */
body {
    font-family: 'Fredoka', sans-serif;
    scroll-behavior: smooth;
}

.hero-gradient {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?auto=format&fit=crop&q=80&w=1600');
    background-size: cover;
    background-position: center;
}

/* Glassmorphism Effect */
.glass-nav {
    background: rgba(5, 150, 105, 0.9);
    backdrop-filter: blur(10px);
}

/* Smooth transitions for cards */
.pal-card {
    transition: all 0.3s ease;
}

.pal-card:hover {
    transform: translateY(-10px);
}

/* Weather Widget Animation */
.animate-pulse-slow {
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .7; }
}



:root { --emerald: #059669; }
body { font-family: 'Fredoka', sans-serif; overflow-x: hidden; }

.glass-nav {
    background: rgba(5, 150, 105, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.pal-card { transition: all 0.3s ease; }
.pal-card:hover { transform: translateY(-8px); }

.animate-pulse-slow { animation: pulse 3s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }

@keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }

@media (max-width: 768px) {
    h1 { font-size: 2.25rem !important; }
}