/* --- Animation Keyframes --- */
@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

/* --- Header Color Logic --- */

/* Add transitions for smooth color changes */
#header .logo-part-main,
#header .logo-part-special,
#header .header-link,
#header #header-phone,
#header #mobile-menu-button {
  transition: color 0.3s ease-in-out;
}

/* Default (Transparent Header) State */
#header .logo-part-main { color: #F59E0B; /* Tailwind yellow-500 */ }
#header .logo-part-special { color: white; }
#header .header-link { color: white; }
#header #header-phone { color: white; }
#header #mobile-menu-button { color: white; }

/* Scrolled (White Header) State */
#header.bg-white .logo-part-main,
#header.bg-white .logo-part-special {
  color: #1F2937; /* Tailwind gray-800 */
}
#header.bg-white .header-link { color: #4B5563; /* Tailwind gray-600 */ }
#header.bg-white #header-phone { color: #4B5563; /* Tailwind gray-600 */ }
#header.bg-white #mobile-menu-button { color: #4B5563; /* Tailwind gray-600 */ }


/* --- Footer Logo --- */
footer .logo-part-main { color: #F59E0B; /* Tailwind yellow-500 */ }
footer .logo-part-special { color: white; }