/* Custom Styles for J Sportiva */

html { 
  scroll-behavior: smooth; 
}

body { 
  font-family: 'Inter', sans-serif; 
}

.font-display { 
  font-family: 'Anton', sans-serif; 
  letter-spacing: 0.01em; 
}

/* Pitch-line texture for hero background */
.pitch-lines {
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 1px, transparent 1px, transparent 120px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 1px, transparent 1px, transparent 120px);
}

/* Ticket-stub card: perforated notches left/right + dashed tear line */
.ticket-card {
  position: relative;
  background: #ffffff;
}

.ticket-card::before,
.ticket-card::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: #F1F5FA;
  border-radius: 9999px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.ticket-card::before { 
  left: -12px; 
}

.ticket-card::after { 
  right: -12px; 
}

.ticket-tear {
  border-left: 2px dashed #CBD5E1;
}

.scale-hover { 
  transition: transform .35s ease, box-shadow .35s ease; 
}

.scale-hover:hover { 
  transform: translateY(-6px); 
  box-shadow: 0 20px 40px -12px rgba(11,30,61,0.25); 
}

.fade-up { 
  opacity: 0; 
  transform: translateY(24px); 
  transition: opacity .7s ease, transform .7s ease; 
}

.fade-up.in-view { 
  opacity: 1; 
  transform: translateY(0); 
}

.diag-clip { 
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); 
}

::-webkit-scrollbar { 
  width: 10px; 
}

::-webkit-scrollbar-thumb { 
  background: #1D4ED8; 
  border-radius: 6px; 
}

::-webkit-scrollbar-track { 
  background: #F1F5FA; 
}