/* Additions on top of the exported Webflow CSS. The three exported files
   (normalize/webflow/poppykids.webflow) are never edited — everything new
   lands here, loaded last. */

/* Mollie Glaston: woff2 first (30KB), original otf as fallback.
   Declared after the export's own @font-face so this src list wins. */
@font-face {
  font-family: 'Mollie glaston';
  src: url('../fonts/Mollie-Glaston.woff2') format('woff2'),
       url('../fonts/Mollie-Glaston.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---- Navbar states webflow.js used to manage (IX2 is gone) ---- */

/* Desktop mega-menu: hidden until hover/keyboard focus on its wrapper.
   The export's CSS leaves .dropdown-content visible; IX2 hid it at runtime. */
.navbar-2 .dropdown-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
}
.navbar-2 .dropdown-wrapper:hover .dropdown-content,
.navbar-2 .dropdown-wrapper:focus-within .dropdown-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s;
}

/* Mobile menu overlay: webflow.js injected this open-state at runtime. */
@media screen and (max-width: 991px) {
  .navbar-animated .w-nav-menu.is-open {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 850;
    overflow-y: auto;
  }
}

/* Mobile dropdowns inside the overlay */
.navbar-animated .w-dropdown-list {
  display: none;
}
.navbar-animated .w-dropdown-list.w--open {
  /* flow inside the overlay column like Webflow's w--nav-dropdown-list-open */
  display: block;
  position: static;
  background: transparent;
}
.navbar-animated .w-dropdown-toggle .dropdowns-icon {
  transition: transform 0.3s ease;
}
.navbar-animated .w-dropdown-toggle.w--open .dropdowns-icon {
  transform: rotate(180deg);
}

/* Hamburger → X (lines sit at top 18/28/38px in the export CSS) */
.top-line, .middle-line, .bottom-line {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.nav-button-animated.w--open .top-line {
  transform: translateY(10px) rotate(45deg);
}
.nav-button-animated.w--open .middle-line {
  opacity: 0;
}
.nav-button-animated.w--open .bottom-line {
  transform: translateY(-10px) rotate(-45deg);
}

/* ---- Phase 6: scroll-reveal approximation of the IX2 interactions ---- */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* FAQ accordion collapse state (AccordionInit) */
.accordion-content-open {
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.35s ease;
  max-height: 1000px;
}
.accordion-content-open.faq-collapsed {
  max-height: 0;
  opacity: 0;
}