/* Custom styles for Cupones Pau */

.pb-safe {
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}

/* Custom fade-in transition for the dynamic coupon grids */
.coupon-fade-in {
  animation: fadeIn 0.3s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.coupon-countdown {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  color: #1A9E96;
  font-weight: 700;
  font-size: 12px;
}

.coupon-countdown.is-urgent {
  color: #F39C12;
  animation: countdownPulse 1.1s ease-in-out infinite;
}

.coupon-countdown.is-expired {
  color: #4A5A7D;
  animation: none;
}

@keyframes countdownPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}