/* =========================================================
   HolyGlow V35 Side Menu HUD Restore
   Restores the real HUD menu if old Android only shows one button.
   ========================================================= */

#settingsPanel.hg-v35-hud-restored {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background: rgba(18,18,18,0.97) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 1000 !important;
}

#settingsPanel.hg-v35-hud-restored.open {
  transform: translateX(0) !important;
}

#settingsPanel.hg-v35-hud-restored .modal-header {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: calc(20px + env(safe-area-inset-top, 0px)) 20px 10px !important;
}

#settingsPanel.hg-v35-hud-restored .modal-header h2 {
  flex: 1 !important;
  text-align: center !important;
  color: #FFD700 !important;
  margin: 0 !important;
}

#settingsPanel.hg-v35-hud-restored .fullscreen-back-btn {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  border: 1px solid #FFD700 !important;
  background: transparent !important;
  color: #FFD700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#settingsPanel.hg-v35-hud-restored .menu-scroll-content {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px 18px 125px !important;
  box-sizing: border-box !important;
}

#settingsPanel.hg-v35-hud-restored .hud-box {
  background: linear-gradient(145deg, rgba(20,20,25,.96), rgba(8,8,12,.96)) !important;
  border: 1px solid rgba(255,215,0,.25) !important;
  border-radius: 20px !important;
  padding: 16px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.42) !important;
  margin-bottom: 14px !important;
}

#settingsPanel.hg-v35-hud-restored .hud-action-row {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 16px !important;
}

#settingsPanel.hg-v35-hud-restored .hud-action-row > div,
#settingsPanel.hg-v35-hud-restored .hud-action-row > button {
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

#settingsPanel.hg-v35-hud-restored .hud-icon-btn {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  color: #FFD700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  position: relative !important;
}

#settingsPanel.hg-v35-hud-restored #music-mixer-btn .fa-plus,
#settingsPanel.hg-v35-hud-restored #music-mixer-btn .hud-badge-dot,
#settingsPanel.hg-v35-hud-restored #music-mixer-btn::before,
#settingsPanel.hg-v35-hud-restored #music-mixer-btn::after {
  display: none !important;
  content: none !important;
}

#settingsPanel.hg-v35-hud-restored .hud-links-list,
#settingsPanel.hg-v35-hud-restored .hg-v35-card {
  background: linear-gradient(145deg, rgba(20,20,25,.94), rgba(8,8,12,.94)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  margin-bottom: 14px !important;
}

#settingsPanel.hg-v35-hud-restored .hud-link-item {
  width: 100% !important;
  min-height: 54px !important;
  padding: 14px 15px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-weight: 850 !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#settingsPanel.hg-v35-hud-restored .hud-divider {
  height: 1px !important;
  background: rgba(255,255,255,.08) !important;
}

#settingsPanel.hg-v35-hud-restored .hg-v35-store,
#settingsPanel.hg-v35-hud-restored .hg-v35-settings,
#settingsPanel.hg-v35-hud-restored .hg-v35-logout {
  width: 100% !important;
  min-height: 58px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: left !important;
  padding: 14px 15px !important;
  font-weight: 850 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#settingsPanel.hg-v35-hud-restored .hg-v35-logout {
  color: #ff4444 !important;
  border: 1px solid rgba(255,68,68,.25) !important;
  border-radius: 16px !important;
  background: rgba(255,68,68,.08) !important;
  justify-content: center !important;
  margin-top: 8px !important;
}

#settingsPanel.hg-v35-hud-restored .hud-badge-dot {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff4d4d, #cc0000) !important;
  color: #fff !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  z-index: 5 !important;
}

#settingsPanel.hg-v35-hud-restored .hud-badge-dot.active {
  display: inline-flex !important;
}

/* Old Android fallback, keep it boring and reliable */
html.hg-v35-old-android #settingsPanel.hg-v35-hud-restored,
html.hg-v35-old-android #settingsPanel.hg-v35-hud-restored * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

html.hg-v35-old-android #settingsPanel.hg-v35-hud-restored {
  height: 100% !important;
  max-height: 100% !important;
}

html.hg-v35-old-android #settingsPanel.hg-v35-hud-restored .menu-scroll-content {
  padding-bottom: 145px !important;
}