/**
 * 2023-2025 Countdowntimer
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * 
 * @author    Prestashop SA <contact@prestashop.com>
 * @copyright 2023-2025 Countdowntimer
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

.countdown-container {
  margin: 10px 0 15px;
  padding: 15px;
  border-radius: 4px;
  background-color: #f8f8f8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.countdown-text {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #232323;
}

.countdown-timer {
  display: flex;
  justify-content: flex-start;
  max-width: 350px;
  gap: 8px;
}

.countdown-item {
  text-align: center;
  width: 22%;
}

.countdown-value {
  font-size: 22px;
  font-weight: 700;
  /* Ändrad färg för att matcha "SPARA"-knappen */
  background: linear-gradient(135deg, #2fb5d2, #2895c0);
  color: white;
  border-radius: 4px;
  padding: 8px 0;
  margin-bottom: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.countdown-label {
  font-size: 11px;
  color: #7a7a7a;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* Animation */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

.countdown-value.ending {
  animation: pulse 1s infinite;
  background: linear-gradient(135deg, #ff5858, #f09819);
}