/* Bootstrap overrides — preserve original PickTitan look */
:root {
  --pl-primary: #8B5CF6;
  --pl-bg: #000000;
  --pl-card: #201f1f;
  --pl-text-muted: #bfc9c3;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--pl-bg) !important;
  color: #e5e2e1;
}

/* Header nav mobile hide (from original) */
@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}

/* Nav link hover */
.nav-link:hover {
  color: #8B5CF6 !important;
}

header a[href*="winible"]:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.35) !important;
}

/* FAB tooltip */
.fab-btn:hover .fab-tooltip {
  opacity: 1 !important;
}

.fab-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 14px 35px rgba(139, 92, 246, 0.45) !important;
}

/* Pricing card hovers */
.pricing-grid a:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}

/* Feature cards hover */
.features-grid > div:hover,
.steps-grid > div:hover,
.testimonials-grid > div:hover {
  border-color: rgba(139, 92, 246, 0.25) !important;
  background-color: #252424 !important;
}

/* Stats cards hover */
.stats-grid > div:hover {
  background: #252424 !important;
}

.stats-grid > div:hover .material-symbols-outlined {
  transform: scale(1.1);
}

/* VIP pricing glow override to match site green */
.vip-glow {
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  box-shadow: 0 10px 40px rgba(139, 92, 246, 0.08) !important;
}

/* Text glow fix for green theme */
.text-glow-primary {
  text-shadow: 0 0 15px rgba(139, 92, 246, 0.2) !important;
}

/* Grain overlay positioning */
.grain-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: none;
}

/* Logo width constraint in header/footer */
header img,
footer img,
.disclaimer-content img {
  max-width: 180px;
  width: auto !important;
}

/* Video muted default icon swap handled in JS */
.video-wrapper.muted .icon-volume-on {
  display: none;
}

.video-wrapper:not(.muted) .icon-volume-off {
  display: none;
}

/* Contact form success hidden by default */
.success-state {
  display: none;
}

.glass-form-card.submitted form {
  display: none;
}

.glass-form-card.submitted .success-state {
  display: flex;
}

/* CTA button hovers */
.cta-button:hover,
.wins-cta-button:hover,
.why-join-cta-button:hover {
  transform: translateY(-2px) scale(1.02);
}

/* Prevent Bootstrap from resetting form inputs */
.form-input:focus {
  outline: none;
}