/* Bampaa custom glowing loading screen */

/* ── Page-level initial loading overlay (direct child of #react-entry-point) ── */
#react-entry-point > ._dash-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0b0b0b;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: 'Inter', sans-serif;
  color: #6AA59C;
  font-size: 18px;
  z-index: 9999;
  animation: fadeOut 0.5s ease-out 2.2s forwards;
}

#react-entry-point > ._dash-loading::before {
  content: "";
  background: url("/assets/favicon.svg") no-repeat center center / contain;
  width: 85px;
  height: 85px;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 8px #6AA59C) drop-shadow(0 0 16px #6AA59C);
  animation: pulseGlow 2s infinite alternate ease-in-out;
}

/* ── Neutralise ._dash-loading inside dcc.Loading components ── */
._dash-loading-callback-container ._dash-loading {
  position: static !important;
  background: transparent !important;
  display: none !important;
  animation: none !important;
  z-index: auto !important;
}

/* ✨ Subtle glowing pulse animation */
@keyframes pulseGlow {
  0% {
    filter: drop-shadow(0 0 8px #6AA59C) drop-shadow(0 0 16px #6AA59C);
    transform: scale(1);
  }
  100% {
    filter: drop-shadow(0 0 14px #FF3131) drop-shadow(0 0 28px #FF3131);
    transform: scale(1.08);
  }
}

/* 🌀 Optional spin animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* 🌫️ Smooth fade-out when app loads */
@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* ── Subscription gate overlay (blocks content until JS confirms access) ── */
#sub_gate_overlay {
  position: fixed;
  inset: 0;
  background: #0b1220;
  z-index: 9998;
  display: none;
}