/* Extracted from assets/modal.css — Dance Lessons form (#dancelesson-request) — Step 2 */

@media (max-width: 768px) {
  #dancelesson-request .agree-policy input[type="checkbox"] {
    width: 16px;
    height: 16px;
    min-height: 0;
  }
}

/* Desktop: DL — handle both cases (direct grid child and fallback wrapper) */
@media (min-width: 769px) {

  /* preferred: when .actions is a direct child of .form-grid */
  #dancelesson-request .form-grid>.actions {
    grid-column: 1 / -1;
    justify-content: center;
  }

  /* fallback: if .actions is NOT a direct child of .form-grid */
  #dancelesson-request .actions {
    width: 100%;
    display: flex;
    /* ensure it's a flex row we can center */
    justify-content: center;
    /* center the button within whatever container it sits in */
    justify-self: center;
    /* if it's a grid item higher up, center that item itself */
  }
}