/* style.css */

/* Import Open Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');

/* Apply globally */
body, html, span, a, p, div {
  font-family: 'Poppins', sans-serif;
  color: #0E3B65;
}
/* Optional: Ensure headings are bolder */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
    font-weight: 700; /* Bold */
}


/* Reveal animations */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.show {
  opacity: 1;
  transform: translateY(0);
}
.reveal.delay-200 { transition-delay: 0.2s; }
.reveal.delay-400 { transition-delay: 0.4s; }
.scrolled {
  @apply bg-black shadow-md backdrop-blur-md;
}

/* Hero Background Parallax */
#hero-bg-1, #hero-bg-2 {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

/* Floating satellites */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Fade-in and slide-up for content */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.animate-fade-in {
  animation: fadeIn 1s forwards;
}

@keyframes slideUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-slide-up {
  animation: slideUp 0.8s forwards;
}
.animate-slide-up.delay-200 { animation-delay: 0.2s; }
.animate-slide-up.delay-400 { animation-delay: 0.4s; }
.animate-fade-in.delay-600 { animation-delay: 0.6s; }

/* Hero text shadow */
.hero-text, .about-hero-text, .text-shadow {
    text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
}

/* Contact Hero Background Fade */
#contact-hero-bg {
  transition: opacity 1s ease-in-out, background-image 1s ease-in-out;
  opacity: 1;
}

/* Hero background childcare */
#hero-bg-childcare {
  background-image: url('assets/images/childcare-hero.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

/* Smooth fade for gallery switch */
img.transition {
  transition: opacity 0.3s ease-in-out;
}


#scroll-down-btn {
  animation: float 2s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px); }
}

#about {
  scroll-margin-top: 80px;
}

@keyframes fadeIn {
  to { opacity: 1; }
}
.animate-fadeIn {
  animation: fadeIn 1.5s ease forwards;
}


/* lightbox */
/* Lightbox core */
#lightbox {
  display: none;
}
#lightbox.active {
  display: flex;
}

/* Lightbox smooth transitions */
#lightbox-img {
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#lightbox-img.visible {
  opacity: 1;
  transform: scale(1);
}


/* Thumbnails */
#lightbox-thumbs img {
  border: 2px solid transparent;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#lightbox-thumbs img:hover {
  border-color: #F8BC00;
  transform: scale(1.05);
}


#carousel-inner img {
  width: 100%;
  height: 24rem;
  object-fit: cover;
}
#carousel-container {
  position: relative;
  overflow: hidden;
}
#carousel-inner {
  display: flex;
  transition: transform 0.7s ease-in-out;
}

#lightbox-img {
  transition: opacity 0.2s ease;
}