@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@300;400;700;900&display=swap');

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

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #F9F7F2;
}
::-webkit-scrollbar-thumb {
  background: #0F2044;
  border-radius: 5px;
  border: 2px solid #F9F7F2;
}
::-webkit-scrollbar-thumb:hover {
  background: #C5A059;
}

/* Animation Utilities */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Marquee Animation */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee {
  display: flex;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
}

/* Navbar Transition */
.nav-scrolled {
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.nav-scrolled .nav-text { color: #0F2044 !important; }
.nav-scrolled .nav-logo-box { background-color: #0F2044 !important; color: #C5A059 !important; }
.nav-scrolled .nav-logo-text { color: #0F2044 !important; }
.nav-scrolled .nav-logo-sub { color: #C5A059 !important; }
.nav-scrolled .nav-btn { 
  background-color: #0F2044 !important; 
  color: white !important; 
  border-color: #0F2044 !important; 
}
.nav-scrolled .nav-btn:hover {
  background-color: #C5A059 !important;
  border-color: #C5A059 !important;
  color: #0F2044 !important;
}
.nav-scrolled .mobile-toggle { color: #0F2044 !important; }

/* Hero Slider Transitions */
.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  background-size: cover;
  background-position: center;
}
.slide.active {
  opacity: 1;
}
.slide-content {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease-out;
}
.slide.active .slide-content {
  opacity: 1;
  transform: translateY(0);
}