/* ============================================================================
   GARAGE GALS . STAGE POLISH
   ----------------------------------------------------------------------------
   Light theatrical upgrades only: hero footlights, YES shimmer, BA card hover.
   Respects prefers-reduced-motion.
   ============================================================================ */

/* ---- Hero footlights (stage edge) --------------------------------------- */
.hero .hero__footlights {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34px;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(circle at center,
      #ffefc2 0,
      #f4d572 1.7px,
      rgba(244, 213, 114, 0) 4.2px) bottom left / 34px 34px repeat-x;
  filter:
    drop-shadow(0 -3px 7px rgba(244, 213, 114, 0.55))
    drop-shadow(0 0 2px rgba(255, 239, 194, 0.9));
  animation: gg-flagship-footlights 2.6s ease-in-out infinite;
}
.hero .hero__footlights::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150px;
  background: linear-gradient(to top, rgba(244, 213, 114, 0.12), transparent 80%);
  pointer-events: none;
}
@keyframes gg-flagship-footlights {
  0%, 100% { opacity: 0.7; }
  50%      { opacity: 1; }
}

/* ---- YES shimmer boost -------------------------------------------------- */
.gold-shimmer {
  background-size: 220% auto;
  animation: yes-shine 3.8s linear infinite;
}
@keyframes yes-shine {
  0% { background-position: 0% center; }
  100% { background-position: 220% center; }
}

/* ---- Stronger BA cards on hover ----------------------------------------- */
.ba-card {
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease;
}
.ba-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .hero .hero__footlights { animation: none; }
  .gold-shimmer { animation: none; }
  .ba-card:hover { transform: none; }
}