/* BB Simple Mega Menu basic styles */
.bbmm-has-mega { position: relative; }
.bbmm-has-mega > a { padding-right: 1.25rem; } /* room for toggle */
.bbmm-has-mega > .bbmm-toggle {
  position: absolute; right: .25rem; top: 50%; transform: translateY(-50%);
  background: none; border: 0; padding: 0; margin: 0;
  width: 1rem; height: 1rem; line-height: 1; cursor: pointer;
}
.bbmm-has-mega > .bbmm-toggle::before {
  content: "\25BE"; /* ▼ */
  display: inline-block;
}
.bbmm-panel {
  position: absolute;
  left: 0; top: calc(100% + var(--bbmm-gap, 8px));
  width: var(--bbmm-width, 100%);
  display: none;
  z-index: 9999;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  border-radius: .75rem;
}
/* item-relative alignment */
.bbmm-panel[style*="--bbmm-align:center"] { left: 50%; transform: translateX(-50%); right: auto; }
.bbmm-panel[style*="--bbmm-align:right"]  { left: auto; right: 0; transform: none; }
/* container mode uses fixed positioning computed by JS */
.bbmm-panel.bbmm-container-mode {
  position: fixed;
  left: 0; right: auto; width: auto; /* exact left/width injected by JS */
  top: var(--bbmm-top, 0px);
  transform: none;
}

/* open state */
.bbmm-has-mega.bbmm-open > .bbmm-panel { display: block; }

/* Basic responsive */
@media (max-width: 1024px) {
  .bbmm-panel,
  .bbmm-panel.bbmm-container-mode { position: static; width: 100%; box-shadow: none; border: 0; border-radius: 0; }
}

/* v1.1.1 – Hide default Astra sub-menu under mega menu items to remove extra spacing */
.ast-desktop .main-header-menu .menu-item.bbmm-has-mega > .sub-menu {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ast-desktop .main-header-menu .menu-item.bbmm-has-mega > .sub-menu[style] {
  left: -999em !important;
  top: 100% !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}


/* v1.2.0: Center panel to page (by width) */
.bbmm-panel[data-align="page"] {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: var(--bbmm-width, min(100vw, 1200px)) !important;
}
/* Ensure header wrappers don't clip the panel */
.bbmm-no-clip, .floating-header, .ast-desktop .main-header-bar { overflow: visible; }

/* v1.2.3 support class applied by JS */
.bbmm-page-mode { left: 50% !important; transform: translateX(-50%) !important; }