/* =========================================================
   ⚾ BALL (BASEBALL STYLE + FIXED LAYERING)
========================================================= */

#ball {
  position: fixed;

  width: 10px;
  height: 10px;

  border-radius: 50%;
  background: white;

  /* 🔥 CRITICAL FIX — ABOVE HEADER */
  z-index: 9999;

  pointer-events: none;

  transform: translate(0, 0) scale(1);

  /* baseball stitching */
  background-image:
    radial-gradient(circle at center, white 60%, transparent 61%),
    repeating-linear-gradient(45deg, transparent 0px, transparent 6px, red 6px, red 7px),
    repeating-linear-gradient(-45deg, transparent 0px, transparent 6px, red 6px, red 7px);

  box-shadow: 0 0 12px rgba(255,255,255,0.9);
}


/* =========================================================
   🎬 HERO VIDEO
========================================================= */

#hero-animation {
  position: fixed;
  bottom: 10px;
  right: 20px;

  width: 340px;

  /* BELOW BALL */
  z-index: 10;

  pointer-events: none;
}

#walk-video {
  width: 100%;
  height: auto;
  display: block;
  background: transparent;
}

/* mobile */
@media (max-width: 768px) {
  #hero-animation {
    width: 180px;
    bottom: 10px;
    right: 10px;
  }
}

/* 🔥 ENSURE LOGO STAYS ABOVE BALL */
.logo img {
  position: relative;
  z-index: 5;
}