/* ================================
   jQuery Countdown 2.0.0 – Responsive
   ================================ */

.is-countdown {
  width: 100%;
}

/* RTL support */
.countdown-rtl {
  direction: rtl;
}

/* Holding state */
.countdown-holding span {
  color: #888;
}

/* ROW */
.countdown-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

/* COUNT SECTIONS (desktop defaults) */
.countdown-show1 .countdown-section { flex: 0 0 100%; }
.countdown-show2 .countdown-section { flex: 0 0 50%; }
.countdown-show3 .countdown-section { flex: 0 0 33.333%; }
.countdown-show4 .countdown-section { flex: 0 0 25%; }
.countdown-show5 .countdown-section { flex: 0 0 20%; }
.countdown-show6 .countdown-section { flex: 0 0 16.66%; }
.countdown-show7 .countdown-section { flex: 0 0 14.28%; }

/* SECTION */
.countdown-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 20px 10px;
  box-sizing: border-box;

  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255,255,255,.6);
}

/* NUMBER */
.countdown-amount {
  font-family: var(--title-font);
  font-size: clamp(32px, 8vw, 72px);
  color: #fff;
  line-height: 1;
  font-weight: normal;
}

/* LABEL */
.countdown-period {
  margin-top: 6px;
  font-size: clamp(11px, 2.5vw, 14px);
  font-weight: 400;
}

/* DESCRIPTION */
.countdown-descr {
  width: 100%;
}

/* ================================
   STYLE VARIANT S1
   ================================ */

.countdown-s1 {
  display: inline-block;
}

.countdown-s1 .countdown-amount {
  font-size: clamp(20px, 4vw, 26px);
  font-weight: bold;
}

.countdown-s1 .countdown-period {
  font-size: clamp(10px, 2.5vw, 12px);
}

.countdown-s1.no-bg .countdown-section {
  background: none;
}

/* ================================
   STYLE VARIANT S2
   ================================ */

.countdown-s2 {
  display: inline-block;
}

.countdown-s2 .countdown-section {
  background: rgba(255,255,255,.1);
  margin: 0 6px;
}

.countdown-s2 .countdown-amount {
  font-size: clamp(20px, 4vw, 26px);
  font-weight: bold;
}

.countdown-s2 .countdown-period {
  font-size: clamp(10px, 2.5vw, 12px);
}

.countdown-s2.no-bg .countdown-section {
  background: none;
}

/* ================================
   TABLET
   ================================ */

@media (max-width: 768px) {
  .countdown-row {
    flex-wrap: wrap;
  }

  .countdown-show4 .countdown-section,
  .countdown-show5 .countdown-section,
  .countdown-show6 .countdown-section,
  .countdown-show7 .countdown-section {
    flex: 0 0 50%;
  }
}

/* ================================
   MOBILE – ONE UNIT PER ROW
   ================================ */

@media (max-width: 480px) {
  .countdown-row {
    flex-direction: column;
  }

  .countdown-section {
    flex: 0 0 100% !important;
    width: 100%;
    margin: 0 0 12px;
  }

  .countdown-section:last-child {
    margin-bottom: 0;
  }
}