/*
Theme Name: WABO Asia Migration Bridge
Theme URI: https://waboasia.com/
Author: WABO Asia
Description: URL-preserving bridge theme for the staged WordPress migration.
Version: 0.2.7
Text Domain: waboasia-bridge
*/

html,
body {
  margin: 0;
  padding: 0;
}

/*
 * The imported React markup contains Framer Motion's server-rendered entry
 * state. React used to remove these inline styles as sections entered the
 * viewport; the WordPress bridge renders the final page without that runtime.
 * Force only those translated, fully transparent motion wrappers into their
 * final visible position so their reserved space never appears blank.
 */
.wabo-wordpress-bridge [style*="opacity: 0;"][style*="transform: translate"] {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

/* Recreate the legacy React scroll entrance without leaving content hidden
 * when JavaScript or IntersectionObserver is unavailable. */
.wabo-wordpress-bridge [style*="opacity: 0;"].wabo-motion-pending {
  opacity: 0 !important;
  transform: translate(0, 100px) scale(0.95) !important;
  transition: opacity 0.7s ease, transform 0.7s ease !important;
}

.wabo-wordpress-bridge [style*="opacity: 0;"].wabo-motion-pending.wabo-motion-visible {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .wabo-wordpress-bridge [style*="opacity: 0;"].wabo-motion-pending {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.wabo-bridge-language-menu[hidden],
.wabo-bridge-more-menu[hidden] {
  display: none !important;
}

.wabo-bridge-language-menu button,
.wabo-bridge-more-menu button {
  width: 100%;
  border: 0;
  font: inherit;
}

.mobile-menu-overlay.wabo-bridge-overlay {
  display: block !important;
}