:root{
  /* Top spacing above the blue title and the “Please choose …” note (rolled back) */
  --pe-title-top-space: 2rem;

  /* Downward nudge so the note baseline matches the blue title */
  --pe-baseline-offset: 3px;

  /* Submenu indentation pulled left by ~50% */
  --pe-submenu-left-shift: -0.875rem;
}

/* Submenu panel: no border/shadow/bg; keep the reduced left indent */
#menuList .pe-submenu-panel,
#hdSection .pe-submenu-panel{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  margin-left: var(--pe-submenu-left-shift) !important;
}
#menuList .pe-submenu-panel fieldset,
#hdSection .pe-submenu-panel fieldset{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
#menuList .pe-submenu-panel hr,
#hdSection .pe-submenu-panel hr{
  display: none !important;
  border: 0 !important;
  height: 0 !important;
}

/* Blue subsection titles */
#menuList .pe-submenu-title,
#hdSection .pe-submenu-title,
#horsList .pe-submenu-title,
#dessertList .pe-submenu-title{
  display: inline-block !important;
  font-size: 1.25em !important;
  font-weight: 600 !important;
  color: #0b6aa2 !important;
  line-height: 1.1 !important;
  margin-top: var(--pe-title-top-space) !important;
}

/* “Please choose (x) items.” — same top spacing; JS sets precise baseline via translate */
#menuList .pe-choose-note,
#hdSection .pe-choose-note{
  color: #111 !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  margin-top: var(--pe-title-top-space) !important;
}

/* Safety: remove any stray fieldset borders in these areas */
#menuList fieldset,
#hdSection fieldset{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
