/* ============================
   Hover effects
   (replaces React onMouseEnter/onMouseLeave handlers)
   ============================ */

/* Desktop nav link buttons */

#ga-masterplan-2026 nav button[data-scroll-to]:hover {
  color: #4F46E5 !important;
  background: #EFF6FF !important;
}

/* General orange CTA buttons across page */

#ga-masterplan-2026 button[data-scroll-to="form"]:not(nav button):hover {
  filter: brightness(0.92);
}

/* Footer links */

#ga-masterplan-2026 footer a:hover {
  color: #E07B39 !important;
}

/* Mobile menu: hidden by default, shown via JS */

#ga-masterplan-2026 #mobile-menu {
  display: none;
}

/* Fix: inline style "display:flex" overrides Tailwind's "hidden" class on mobile */
@media (max-width: 767px) {
  
#ga-masterplan-2026 .hidden.md\:flex {
    display: none !important;
  }
}

/* Cursor pointer for all interactive scroll buttons */

#ga-masterplan-2026 [data-scroll-to] {
  cursor: pointer;
}


/* ===== 埋め込みコンテキスト調整 ===== */
/* GA独自ナビ: fixed → sticky（外部ヘッダーの下に追従）。top値はJSで動的設定 */
#ga-masterplan-2026 .nav {
  position: sticky !important;
  top: 0 !important;          /* JS で上書き: 外部ヘッダー高さ分オフセット */
  z-index: 100 !important;   /* 外部ヘッダー(10000)より低く設定 */
  left: auto !important;
  right: auto !important;
  width: 100% !important;
}
/* GA nav用のpadding-topを除去（nav が sticky になったため不要） */
#ga-masterplan-2026 #hero {
  padding-top: 0 !important;
}