/* Intondolo Safaris — static-export overrides. Appended after the production
   stylesheet so these non-layered rules win over Tailwind's @layer utilities. */

/* Header: transparent over hero, solid/blurred once scrolled or menu open. */
[data-header].scrolled,
[data-header].menu-open {
  background-color: rgba(248, 245, 240, 0.92);
  color: #1a1a1a;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
[data-header].scrolled [data-sub],
[data-header].menu-open [data-sub] {
  color: #6b6760;
}
[data-header].scrolled [data-menubtn],
[data-header].menu-open [data-menubtn] {
  border-color: #e6e0d8;
}

/* Mobile menu panel — hidden by default, revealed on body.menu-open. */
body.menu-open {
  overflow: hidden;
}
[data-menu-panel] {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
body.menu-open [data-menu-panel] {
  opacity: 1;
  pointer-events: auto;
}
body.menu-open [data-menu-panel] li {
  opacity: 1 !important;
  transform: none !important;
}

/* WhatsApp greeting bubble — auto-reveal after a delay. */
[data-wa-bubble] {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
[data-wa-bubble].show {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

/* Reveal-on-scroll fallback (in case JS misses any). */
.reveal-init:not(.reveal-in) {
  opacity: 0;
}