/**
 * LaserHunt Promo Badge — CSS v3.9.15
 * Pill cu procent + timer atașat pe butonul "Rezervă"
 */

.lh-promo-pill {
  position: absolute !important;
  top: -9px;
  right: -6px;
  z-index: 999;
  display: inline-flex !important;
  align-items: center;
  gap: 3px;
  background: linear-gradient(135deg, #ff4444 0%, #ff8844 50%, #ffaa00 100%);
  color: #fff !important;
  padding: 2px 7px !important;
  border-radius: 999px;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
  white-space: nowrap;
  box-shadow:
    0 3px 10px rgba(255,68,68,0.4),
    0 0 0 1.5px rgba(255,255,255,0.12),
    inset 0 1px 0 rgba(255,255,255,0.22);
  text-shadow: 0 1px 1px rgba(0,0,0,0.22);
  pointer-events: none;
  animation: lhPromoPillPulse 3s ease-in-out infinite;
  font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

@keyframes lhPromoPillPulse {
  0%, 100% {
    box-shadow:
      0 3px 10px rgba(255,68,68,0.4),
      0 0 0 1.5px rgba(255,255,255,0.12),
      inset 0 1px 0 rgba(255,255,255,0.22);
    transform: scale(1);
  }
  50% {
    box-shadow:
      0 4px 14px rgba(255,68,68,0.6),
      0 0 0 1.5px rgba(255,255,255,0.2),
      0 0 14px rgba(255,136,68,0.35),
      inset 0 1px 0 rgba(255,255,255,0.28);
    transform: scale(1.03);
  }
}

.lh-promo-pill-fire {
  font-size: 9px;
  line-height: 1;
  display: inline-block;
  animation: lhFireBob 1.6s ease-in-out infinite;
}

@keyframes lhFireBob {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50%      { transform: translateY(-1px) rotate(3deg); }
}

.lh-promo-pill-val {
  font-weight: 800 !important;
  letter-spacing: 0.3px;
}

.lh-promo-pill-sep {
  opacity: 0.55;
  font-weight: 400;
  margin: 0 1px;
}

.lh-promo-pill-time {
  font-family: 'SF Mono', Monaco, Consolas, 'Courier New', monospace !important;
  font-weight: 700 !important;
  font-size: 9.5px !important;
  letter-spacing: 0.2px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
  padding: 1px 5px;
  border-radius: 6px;
  min-width: 26px;
  text-align: center;
  color: #fff;
}

/* Pe mobile — pill-ul mai mic, dar tot vizibil */
@media (max-width: 768px) {
  .lh-promo-pill {
    top: -8px !important;
    right: -3px !important;
    padding: 1px 6px !important;
    font-size: 9px !important;
  }
  .lh-promo-pill-fire { font-size: 8px; }
  .lh-promo-pill-time { font-size: 8.5px !important; padding: 1px 4px; border-width: 0.5px !important; }
}

/* Foarte mic (telefon mic) — afisez doar procentul, fara timer */
@media (max-width: 480px) {
  .lh-promo-pill-sep,
  .lh-promo-pill-time {
    display: none !important;
  }
}