/* =========================================================
   HolyGlow V45 Final Side Menu Polish
   Centers HUD, removes bottom dead gap, cleans row alignment.
   ========================================================= */

#settingsPanel .menu-scroll-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 16px 34px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

#settingsPanel .hud-box,
#settingsPanel .hud-links-list,
#settingsPanel .hg-v35-card,
#settingsPanel .hg-v36-card,
#settingsPanel .jericho-wall-container {
  width: 100% !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#settingsPanel .hud-box {
  margin-bottom: 0 !important;
}

#settingsPanel .hud-user-row {
  justify-content: center !important;
  text-align: center !important;
}

#settingsPanel #sideMenuUserAvatar {
  cursor: pointer !important;
}

#settingsPanel .hud-user-info {
  text-align: left !important;
}

#settingsPanel .hud-action-row {
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
}

#settingsPanel .hud-action-row > div,
#settingsPanel .hud-action-row > button {
  flex: 1 1 0 !important;
  max-width: 74px !important;
}

#settingsPanel .hud-icon-btn {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#settingsPanel .hud-links-list {
  margin-bottom: 0 !important;
}

#settingsPanel .hud-link-item {
  justify-content: center !important;
  text-align: center !important;
}

#settingsPanel .hud-link-item > span {
  width: 100% !important;
  justify-content: center !important;
}

#settingsPanel .hg-v36-store,
#settingsPanel .hg-v36-settings,
#settingsPanel .hg-v35-store,
#settingsPanel .hg-v35-settings {
  justify-content: center !important;
  text-align: center !important;
}

#settingsPanel .hg-v36-row-left {
  justify-content: center !important;
  flex: 0 1 auto !important;
}

#settingsPanel .hg-v36-diamonds {
  margin-left: 8px !important;
}

#settingsPanel .hg-v35-logout,
#settingsPanel .hg-v36-logout {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
}

/* Kill the empty flex spacer that made a weird bottom gap */
#settingsPanel .menu-scroll-content > div[style*="flex: 1"] {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 430px !important;
}

#settingsPanel .menu-scroll-content::after {
  content: "" !important;
  display: block !important;
  height: 8px !important;
  flex: 0 0 8px !important;
}

html.hg-v42-ios #settingsPanel .menu-scroll-content {
  padding-bottom: 30px !important;
}

html.hg-v35-old-android #settingsPanel .menu-scroll-content,
html.hg-v34-old-android #settingsPanel .menu-scroll-content {
  padding-bottom: 34px !important;
}