/* ===== COUNTDOWN ===== */

[data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .zpcountdown-inner-container {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
}

/* Stop each box from stretching wide — this is usually the actual cause */
[data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-box {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Gap between the number and its label */
[data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-no {
  margin: 0 !important;
  line-height: 1 !important;
}
[data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-title {
  margin: -15px 0 0 0 !important;
  line-height: 1 !important;
}

/* Set the label font size directly (theme isn't reaching it) */
[data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-title {
  font-size: 12px !important;     /* your desired label size */
}

/* And if you want to control the number size too: */
[data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-no {
  font-size: 70px !important;     /* the big digits */
}

/* ============================================
   WAITLIST FORM
   Element: elm_awEpS-NOUy4wNuiaE6aHMg
   ============================================ */

/* --- Spacing between fields --- */
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-outer > li {
  margin-bottom: -20px !important;   /* lower/more-negative = tighter */
}

/* --- Input height (all fields) --- */
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-container form input[type='text'] {
  height: 36px !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 36px !important;
}

/* --- Label hides on CLICK (focus), stays hidden if text present --- */
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-field-container input:focus + .zpform-inside-label,
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-field-container input:not(:placeholder-shown) + .zpform-inside-label {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* --- Submit button --- */
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-container .zpbutton {
  padding: 12px 32px !important;   /* top/bottom + left/right */
  margin-top: 16px !important;     /* gap above button */
}

/* ============================================
   WHOLE-FORM WIDTH + CENTERING
   ============================================ */
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"].zpelem-lpform {
  max-width: 800px !important;       /* total form width — tune this */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 40px !important;
}
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-outer > li:nth-child(3) {
  display: block !important;
  width: 80% !important;             /* match your button, or tune */
  margin-left: auto !important;
  margin-right: auto !important;
}
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-outer > li:nth-child(5) {
  display: block !important;
  width: 80% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
[data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] input[id^="Email"] { width: 100% !important; }
}
/* ============================================
   RESPONSIVE — TABLET (768px–991px)
   ============================================ */
@media all and (min-width: 768px) and (max-width: 991px) {
  [data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-no {
    font-size: 48px !important;
  }
  [data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-title {
    font-size: 11px !important;
    margin: -8px 0 0 0 !important;
  }
  [data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .zpcountdown-inner-container {
    gap: 10px !important;
  }
}

/* ============================================
   RESPONSIVE — MOBILE (max 767px)
   ============================================ */
@media (max-width: 767px) {
  /* Countdown: shrink numbers hard so they fit on one line */
  [data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-no {
    font-size: 34px !important;
  }
  [data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .countdown-title {
    font-size: 9px !important;
    margin: -4px 0 0 0 !important;
  }
  [data-element-id="elm_mT8_1HcRwG8ge9UkpRyzsQ"] .zpcountdown-inner-container {
    gap: 6px !important;
    flex-wrap: nowrap !important;      /* force one row, no wrapping */
  }

  /* Form: let email + button go full-ish width on a narrow screen */
  [data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-outer > li:nth-child(3),
  [data-element-id="elm_awEpS-NOUy4wNuiaE6aHMg"] .zpform-outer > li:nth-child(5) {
    width: 90% !important;
  }
}