.status-badge {
  margin-top: 10px;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
}

.status.open {
  color: #15803d; /* deep green */
}

.status.closed {
  color: #b91c1c; /* deep red */
}





/* Position the chicken along the bottom of the hero */
.chicken-svg{
  position:absolute;
  bottom:46px; /* sits above your bottom selector */
  left:-20vw;  /* start a bit off-screen left */
  width:min(24vw, 280px);
  height:auto;
  pointer-events:none;
  animation:walk-loop 14s linear infinite;
}

/* Bird bobbing for life */
.bird{ animation:bird-bob 1.8s ease-in-out infinite }

/* Wing flap (gentle) */
.wing-group{ transform-origin:90px 85px; animation:wing-flap 0.9s ease-in-out infinite }

/* Eye blink */
.eyelid{ transform-origin:152px 66px; transform:scaleY(0); animation:blink 5s ease-in-out infinite }

/* Leg stepping: rotate groups around hips */
.leg-group{ transform-origin: var(--hip-x, 0) var(--hip-y, 110px); }
.leg-front{ --hip-x:95px; animation:step 0.6s linear infinite; }
.leg-back { --hip-x:75px; animation:step 0.6s linear infinite reverse; }

/* Walk left→right then flip and come back */
@keyframes walk-loop{
  0%   { transform:translateX(0) scaleX(1); }
  45%  { transform:translateX(120vw) scaleX(1); }
  50%  { transform:translateX(120vw) scaleX(-1); } /* turn around */
  95%  { transform:translateX(0)     scaleX(-1); }
  100% { transform:translateX(0)     scaleX(1); }  /* face forward again */
}

@keyframes bird-bob{
  0%,100% { transform:translateY(0) }
  50%     { transform:translateY(-4px) }
}

@keyframes wing-flap{
  0%,100% { transform:rotate(0deg) }
  50%     { transform:rotate(-8deg) }
}

@keyframes blink{
  0%, 92%, 100% { transform:scaleY(0) }
  94%, 98%      { transform:scaleY(1) } /* quick double-blink */
}

/* Legs swing */
@keyframes step{
  0%   { transform:rotate(16deg) }
  50%  { transform:rotate(-16deg) }
  100% { transform:rotate(16deg) }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .chicken-svg,
  .bird,
  .wing-group,
  .eyelid,
  .leg-front,
  .leg-back { animation:none !important; transform:none !important; }
}