/* Batch 45.91 - restore working burger CSS + nicer button design only */

/*
This restores the working burger/dropdown CSS from before,
and only improves the MENU button visual design.
No layout changes. No JavaScript changes.
*/

/* Keep original top menu dropdown text hidden by default, so it does not appear over the page. */
.bo-top-nav .bo-nav-menu,
.bo-top-nav .dropdown-menu,
.bo-top-nav .bo-dropdown,
.bo-top-nav .bo-dropdown-menu,
.bo-top-nav .bo-nav-dropdown,
.bo-top-nav [role="menu"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Top menu dropdowns show only on real interaction. */
.bo-top-nav .bo-nav-group:hover > .bo-nav-menu,
.bo-top-nav .bo-nav-group:focus-within > .bo-nav-menu,
.bo-top-nav .bo-nav-group.bo86-open > .bo-nav-menu,
.bo-top-nav .dropdown:hover > .dropdown-menu,
.bo-top-nav .dropdown:focus-within > .dropdown-menu,
.bo-top-nav .dropdown.bo86-open > .dropdown-menu,
.bo-top-nav .bo-dropdown-wrap:hover > .bo-dropdown,
.bo-top-nav .bo-dropdown-wrap:focus-within > .bo-dropdown,
.bo-top-nav .bo-dropdown-wrap.bo86-open > .bo-dropdown,
.bo-top-nav li:hover > .bo-nav-menu,
.bo-top-nav li:focus-within > .bo-nav-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2147482000 !important;
}

/* Old internal top-menu hamburger remains hidden. */
#bo-nav-toggle,
.bo-nav-toggle,
.bo-nav-hamburger,
label[for="bo-nav-toggle"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Header must allow the right burger dropdown overlay. */
.bo-shell-top,
.bo-dashboard-header,
.bo-dashboard-topbar,
.bo-app-header,
header {
  overflow: visible !important;
  position: relative !important;
  z-index: 500000 !important;
}

/* Existing burger wrappers. */
.bo89-dynamic-menu-wrap,
.bo88-menu-wrap,
.bo86-menu-wrap,
.bo85-menu-wrap,
.bo83-menu-wrap,
.bo80-menu-wrap {
  position: relative !important;
  z-index: 600000 !important;
}

/* Better button design — white platform pill, blue text. */
.bo88-menu-btn,
.bo86-menu-btn,
.bo85-menu-btn,
.bo83-menu-btn,
.bo80-menu-btn,
.bo89-dynamic-menu-wrap > button,
button#bo88-menu-toggle,
button#bo86-menu-toggle,
button#bo85-menu-toggle,
button#bo83-menu-toggle,
button#bo80-menu-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid #d7e3ef !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #2563eb !important;
  font-family: Aptos, Calibri, Arial, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.bo88-menu-btn:hover,
.bo86-menu-btn:hover,
.bo85-menu-btn:hover,
.bo83-menu-btn:hover,
.bo80-menu-btn:hover,
.bo89-dynamic-menu-wrap > button:hover,
button#bo88-menu-toggle:hover,
button#bo86-menu-toggle:hover,
button#bo85-menu-toggle:hover,
button#bo83-menu-toggle:hover,
button#bo80-menu-toggle:hover {
  background: #f8fbff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

.bo89-menu-open > button,
.bo88-menu-wrap.bo88-open .bo88-menu-btn,
.bo86-menu-wrap.bo86-open .bo86-menu-btn,
.bo85-menu-wrap.bo85-open .bo85-menu-btn,
.bo83-menu-wrap.bo83-open .bo83-menu-btn,
.bo80-menu-wrap.bo80-open .bo80-menu-btn {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

/* Working right dropdown panel. */
.bo89-dynamic-menu-panel,
.bo88-menu-panel,
.bo86-menu-panel,
.bo85-menu-panel,
.bo83-menu-panel,
.bo80-menu-panel {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 360px !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 115px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 65px rgba(15,23,42,.24) !important;
  padding: 10px !important;
  z-index: 2147483000 !important;
}

.bo89-menu-open > .bo89-dynamic-menu-panel,
.bo88-open > .bo88-menu-panel,
.bo86-open > .bo86-menu-panel,
.bo85-open > .bo85-menu-panel,
.bo83-open > .bo83-menu-panel,
.bo80-open > .bo80-menu-panel {
  display: block !important;
}

/* Burger menu sections. */
.bo89-dynamic-menu-section,
.bo88-menu-section,
.bo86-menu-section,
.bo85-menu-section,
.bo83-menu-section,
.bo80-menu-section {
  padding: 0 !important;
  margin: 0 0 8px !important;
  border: 1px solid #eef3f7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Group headings orange. */
.bo89-dynamic-menu-section h3,
.bo88-menu-section h3,
.bo86-menu-section h3,
.bo85-menu-section h3,
.bo83-menu-section h3,
.bo80-menu-section h3 {
  margin: 0 !important;
  padding: 11px 13px !important;
  color: #c2410c !important;
  background: #fff7ed !important;
  border-bottom: 1px solid #fed7aa !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Submenu items black. */
.bo89-dynamic-menu-section a,
.bo88-menu-section a,
.bo86-menu-section a,
.bo85-menu-section a,
.bo83-menu-section a,
.bo80-menu-section a {
  display: block !important;
  padding: 9px 14px !important;
  color: #111827 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
  border-left: 3px solid transparent !important;
  background: #fff !important;
}

.bo89-dynamic-menu-section a:hover,
.bo89-dynamic-menu-section a.is-active,
.bo88-menu-section a:hover,
.bo88-menu-section a.is-active,
.bo86-menu-section a:hover,
.bo86-menu-section a.is-active,
.bo85-menu-section a:hover,
.bo85-menu-section a.is-active,
.bo83-menu-section a:hover,
.bo83-menu-section a.is-active,
.bo80-menu-section a:hover,
.bo80-menu-section a.is-active {
  color: #111827 !important;
  background: #f8fafc !important;
  border-left-color: #f97316 !important;
}

@media (max-width: 760px) {
  .bo89-dynamic-menu-panel,
  .bo88-menu-panel,
  .bo86-menu-panel,
  .bo85-menu-panel,
  .bo83-menu-panel,
  .bo80-menu-panel {
    position: fixed !important;
    top: 72px !important;
    right: 8px !important;
    left: 8px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 88px) !important;
  }
}