/* ==========================================================================
   HERO SLIDER HOME — STRUTTURA E LIVELLI
   Livelli z-index:
     1 → .hero-bg-text (scritta gigante sfondo)
     2 → .hero-img (foto modelli con fade inferiore)
     10 → .sport-badge
     15 → .carousel-control-prev/next
     20 → .slider-header
   ========================================================================== */

/* Wrapper dello slider — sfondo bianco obbligatorio per il riflesso inferiore */
.hero-slider-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--fs-white);
}

/* Singolo item del carosello */
.hero-item {
  height: 85vh;
  min-height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px; /* Lascia respiro alla navbar sospesa */
}

/* Contenitore relativo interno per il posizionamento assoluto dei figli */
.hero-content-container {
  position: relative;
}

/* LIVELLO 1 — Scritta decorativa gigante in background (quasi invisibile) */
.hero-bg-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15vw;
  font-weight: 900;
  color: rgba(10, 63, 110, 0.025); /* Navy con opacità bassissima */
  z-index: 1;
  white-space: nowrap;
  letter-spacing: -2px;
  user-select: none;
  pointer-events: none;
}

/* LIVELLO 2 — Immagine modello con fade in basso */
.hero-img {
  position: relative;
  z-index: 2;
  height: 80%;
  max-height: 100%;
  object-fit: contain;
  /* Simula effetto riflesso / dissolvenza verso il bianco */
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
}