/* Custom Styles for VENTURA 2K26 - Commerce Fest (Royal Purple & Gold Theme) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Cinzel:wght@600;700;800&display=swap');

:root {
  --color-primary: #7e22ce;
  --color-primary-dark: #3b0764;
  --color-primary-light: #a855f7;
  --color-gold: #d4af37;
  --color-gold-bright: #fbbf24;
  --color-gold-light: #fef08a;
  --color-gold-dark: #b45309;
  --color-bg-dark: #08040f;
  --color-bg-card: rgba(22, 11, 38, 0.75);
  --color-border: rgba(168, 85, 247, 0.2);
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--color-bg-dark);
  color: #f5f0fa;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: #7e22ce;
  color: #ffffff;
}

/* Custom Scrollbar for Desktop */
@media (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 8px;
  }
  ::-webkit-scrollbar-track {
    background: #090514;
  }
  ::-webkit-scrollbar-thumb {
    background: #3b0764;
    border-radius: 999px;
    border: 1px solid rgba(168, 85, 247, 0.25);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #6b21a8;
  }
}

/* Horizontal scrollbar hide for tabs on mobile */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Typography Headings */
.font-display {
  font-family: 'Outfit', sans-serif;
}

.font-serif-title {
  font-family: 'Cinzel', serif;
}

/* Glassmorphism Classes */
.glass-panel {
  background: rgba(20, 11, 36, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(168, 85, 247, 0.18);
}

.glass-panel-hover {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
  .glass-panel-hover:hover {
    background: rgba(32, 17, 56, 0.85);
    border-color: rgba(212, 175, 55, 0.45);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px -10px rgba(126, 34, 206, 0.35), 0 0 20px 0 rgba(212, 175, 55, 0.12);
  }
}

.glass-nav {
  background: rgba(8, 4, 15, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(168, 85, 247, 0.2);
}

/* Golden & Purple Gradients & Glows */
.gold-gradient-text {
  background: linear-gradient(135deg, #fff7d6 0%, #ffd066 35%, #d4af37 70%, #fef08a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.purple-gradient-text {
  background: linear-gradient(135deg, #ffffff 0%, #e9d5ff 45%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-border-glow {
  box-shadow: 0 0 25px -5px rgba(212, 175, 55, 0.25);
}

.purple-glow {
  box-shadow: 0 0 35px -5px rgba(147, 51, 234, 0.45);
}

/* Background Ambient Orbs */
.ambient-glow-1 {
  background: radial-gradient(circle, rgba(126, 34, 206, 0.32) 0%, rgba(8, 4, 15, 0) 70%);
}
.ambient-glow-2 {
  background: radial-gradient(circle, rgba(212, 175, 55, 0.18) 0%, rgba(8, 4, 15, 0) 70%);
}

/* Interactive Buttons */
.btn-gold {
  background: linear-gradient(135deg, #d4af37 0%, #eab308 50%, #ca8a04 100%);
  color: #0d0809;
  font-weight: 700;
  transition: all 0.25s ease;
  box-shadow: 0 4px 18px rgba(212, 175, 55, 0.3);
}
.btn-gold:active, .btn-gold:hover {
  box-shadow: 0 6px 24px rgba(212, 175, 55, 0.5);
  filter: brightness(1.08);
}

.btn-purple {
  background: linear-gradient(135deg, #6b21a8 0%, #7e22ce 50%, #581c87 100%);
  color: #ffffff;
  font-weight: 600;
  transition: all 0.25s ease;
  box-shadow: 0 4px 20px rgba(126, 34, 206, 0.35);
}
.btn-purple:active, .btn-purple:hover {
  box-shadow: 0 6px 26px rgba(168, 85, 247, 0.55);
  filter: brightness(1.1);
}

.btn-outline-gold {
  border: 1.5px solid rgba(212, 175, 55, 0.5);
  color: #fde047;
  transition: all 0.25s ease;
}
.btn-outline-gold:hover, .btn-outline-gold:active {
  background: rgba(212, 175, 55, 0.15);
  border-color: #ffd066;
  color: #ffffff;
}

.btn-outline-purple {
  border: 1.5px solid rgba(168, 85, 247, 0.5);
  color: #d8b4fe;
  transition: all 0.25s ease;
}
.btn-outline-purple:hover, .btn-outline-purple:active {
  background: rgba(168, 85, 247, 0.18);
  border-color: #c084fc;
  color: #ffffff;
}

/* Pulse animation for live badge */
@keyframes pulseDot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.6; }
}
.animate-pulse-dot {
  animation: pulseDot 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Mobile Friendly Touch Target Adjustments */
@media (max-width: 640px) {
  input, select, textarea {
    font-size: 16px !important; /* Prevents auto-zoom on iOS */
  }
}