/* ==========================================================================
   Elite Fitness Club - Styling & Effects
   ========================================================================== */

:root {
  --gym-cyan: #00CED1;
  --gym-cyan-glow: rgba(0, 206, 209, 0.4);
  --gym-dark: #0a0f12;
  --gym-card: #12181f;
}

body {
  background-color: var(--gym-dark);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Bulletproof Hidden Utility */
.hidden {
  display: none !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0a0f12;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00CED1;
}

/* Neon Cyan Glow */
.glow-cyan {
  box-shadow: 0 0 25px rgba(0, 206, 209, 0.35);
}

.glow-cyan-sm {
  box-shadow: 0 0 12px rgba(0, 206, 209, 0.25);
}

.border-glow-cyan {
  border-color: #00CED1;
  box-shadow: 0 0 15px rgba(0, 206, 209, 0.3);
}

/* Drehkreuz / Scanner Mode - Authentic Elite App Design */
.bg-elite-gray {
  background-color: #3e434a !important;
}

.scanner-contrast-pad {
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.text-elite-scan {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: 0.08em;
}

/* QR Code Pulse */
@keyframes subtle-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
}

.card-active {
  animation: subtle-pulse 3s infinite ease-in-out;
}

/* Glassmorphism */
.glass-panel {
  background: rgba(18, 24, 31, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-dropdown {
  background: rgba(14, 20, 27, 0.95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 206, 209, 0.25);
}

/* Smooth Transitions */
.transition-smooth {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}