/**
 * WorkSprout — “Open for Projects” style section badges (pulsing ring + light zoom on dot).
 * Loaded site-wide via global-footer.css
 */

.ws-badge,
.lt-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(66, 209, 179, 0.60);
  color: #bffaf0;
  background: rgba(66, 209, 179, 0.10);
  border-radius: 999px;
  padding: 7px 16px 7px 14px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.ws-badge-dot,
.lt-badge-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #42d1b3;
  flex-shrink: 0;
  transform-origin: center;
  animation: wsBadgeDotLight 1.6s ease-in-out infinite;
}

@keyframes wsBadgeDotLight {
  0% {
    box-shadow: 0 0 0 0 rgba(66, 209, 179, 0.50);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(66, 209, 179, 0);
    transform: scale(1.15);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(66, 209, 179, 0);
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-badge-dot,
  .lt-badge-dot {
    animation: none;
    box-shadow: none;
  }
}

/* Portfolio / Insights hero — slightly more air under badge */
.pf-hero .ws-badge,
.ins-hero .ws-badge {
  margin-bottom: 28px;
}

/* Case study article label */
.cs-hero-body .ws-badge {
  margin-bottom: 14px;
  color: #3be79b;
  border-color: rgba(59, 231, 155, 0.34);
  background: rgba(59, 231, 155, 0.12);
  font-size: 10px;
  letter-spacing: 1.6px;
  padding: 4px 12px 4px 10px;
}

/* CTA strips */
.pf-cta-card .ws-badge {
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

.ins-cta-left .ws-badge {
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}