/* =========================================================
   Get A Go Go – Job Application form overrides
   Scoped to #application_form so we don't affect other forms
   ========================================================= */

/* Jobs page layout around the form */
#application_form {
  max-width: 960px;
  margin: 0 auto 3rem;
  padding: 2rem;
}

/* Mobile: reduce outer form padding so fields have more room */
@media (max-width: 700px) {
  #application_form {
    padding: 0.75rem !important; /* was 2rem desktop */
  }
}


/* Maybe the page intro, headings, etc. */
.jobs-page .page-intro {
  margin-bottom: 2rem;
}

/* Global phone field width fix (Chromium/Supermium safe)
   - Applies to any li.phone block
   - Widen 3-digit parts (phone_1, phone_2)
   - Widen 4-digit part (phone_3)
   - Overrides tight MachForm size-based widths and any inline widths
*/
li.phone span.phone_1 input.element.text,
li.phone span.phone_2 input.element.text {
  box-sizing: border-box;
  width: 6ch !important;   /* matches Firefox look for 3-digit inputs */
  padding: 6px !important;
  text-align: center;
}

li.phone span.phone_3 input.element.text {
  box-sizing: border-box;
  width: 7ch !important;   /* matches Firefox look for 4-digit input */
  padding: 6px !important;
  text-align: center;
}


/* Global date sub-field width fix (Chromium/Supermium safe)
   - Applies to any li.date_field block
   - Widen MM and DD (2-digit parts)
   - Widen YYYY (4-digit part)
   - Overrides tight MachForm size-based widths and any inline widths
*/
li.date_field span.date_mm input.element.text,
li.date_field span.date_dd input.element.text {
  box-sizing: border-box;
  width: 5ch !important;   /* gives 2 digits breathing room */
  padding: 6px !important;
  text-align: center;
}

li.date_field span.date_yyyy input.element.text {
  box-sizing: border-box;
  width: 7ch !important;   /* matches 4-digit look similar to Firefox */
  padding: 6px !important;
  text-align: center;
}