/* Custom Countdown Timer Container */
.custom-countdown-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start; /* Aligns tops so labels sit neatly underneath */
  gap: 40px;
  font-family: 'Roboto', sans-serif;
  flex-wrap: nowrap; /* Keeps them in a row */
}

/* Number and Label Blocks */
.cd-time-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* The Numbers (Orange) */
.cd-time-block .cd-value {
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 56px;
  font-weight: 600 !important;
  color: #F58232; /* Orange */
  line-height: 1;
  margin-bottom: 8px;
}

/* The Labels (Black) */
.cd-time-block .cd-label {
  font-size: 32px;
  font-weight: 300 !important;
  color: #FFFFFF;
  letter-spacing: 1px;
  font-family: "Gill Sans", "Gill Sans MT", sans-serif !important;
}

/* The Colons between blocks */
.cd-separator {
  font-size: 56px;
  font-weight: 700;
  color: #F58232; /* Orange */
  line-height: 1;
  transform: translateY(-5px); /* Aligns colon vertically with numbers */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .custom-countdown-wrapper {
    gap: 12px;
  }
  .cd-time-block .cd-value, .cd-separator {
    font-size: 42px;
  }
  .cd-time-block .cd-label {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .custom-countdown-wrapper {
    gap: 8px;
  }
  .cd-time-block .cd-value, .cd-separator {
    font-size: 32px;
  }
  .cd-time-block .cd-label {
    font-size: 10px;
    letter-spacing: 0.5px;
  }
}