/* ===============================
   Floating Subscribe Button
   GhostBattalion — UI Component
   =============================== */

.floating-subscribe-btn {
  position: fixed;
  left: 20px;
  bottom: 80px;
  padding: 12px 20px;
  background: #0ff;
  color: #05000a;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 0 12px #0ff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.floating-subscribe-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 18px #0ff;
}

/* ===============================
   Modal
   =============================== */

.subscribe-modal {
  position: fixed;
  inset: 0;
  background: rgba(5, 0, 10, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.subscribe-modal.hidden {
  display: none;
}

.subscribe-modal-content {
  background: #0a0014;
  padding: 30px;
  width: 90%;
  max-width: 420px;
  border-radius: 10px;
  box-shadow: 0 0 25px #9d4dff;
  text-align: center;
  color: #fff;
}

.subscribe-modal-content h2 {
  margin-bottom: 10px;
  color: #9d4dff;
}

.subscribe-modal-content input {
  width: 100%;
  padding: 12px;
  margin: 15px 0;
  border: none;
  border-radius: 6px;
  background: #1a0a2a;
  color: #fff;
}

.subscribe-modal-content button {
  width: 100%;
  padding: 12px;
  margin-top: 10px;
  background: #ff2df5;
  border: none;
  border-radius: 6px;
  color: #05000a;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 0 12px #ff2df5;
}

.subscribe-modal-content button:hover {
  box-shadow: 0 0 18px #ff2df5;
}

.close-btn {
  background: #4df3ff;
  box-shadow: 0 0 12px #4df3ff;
}

.subscribe-status {
  margin-top: 12px;
  font-size: 0.9rem;
}

.subscribe-status.error {
  color: #ff4d4d;
}

.subscribe-status.success {
  color: #4dff88;
}

.gb-floating-buy-btn {
  /* NO position/left/right/bottom here — wrapper controls that */

  padding: 12px 24px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #0a0014;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  box-shadow: 0 0 20px var(--accent2), 0 0 40px var(--accent);

  cursor: pointer;
  z-index: 9999;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gb-floating-buy-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 30px var(--accent2), 0 0 60px var(--accent);
}

#verify-input {
  margin-top: 10px;
}