/* APPOINTMENT_LEGAL_DESKTOP_V3_20260628
   Desktop-only layout fix for appointment legal warning and parent consent.
   Mobile layout is intentionally left unchanged. */
@media (min-width: 769px) {
  form .legal-health-warning-v2,
  form .legal-parent-consent-v2,
  .appointment-form .legal-health-warning-v2,
  .appointment-form .legal-parent-consent-v2,
  .booking-form .legal-health-warning-v2,
  .booking-form .legal-parent-consent-v2,
  .appointment-card .legal-health-warning-v2,
  .appointment-card .legal-parent-consent-v2,
  .form-grid .legal-health-warning-v2,
  .form-grid .legal-parent-consent-v2 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
  }

  form .legal-health-warning-v2,
  .appointment-form .legal-health-warning-v2,
  .booking-form .legal-health-warning-v2,
  .appointment-card .legal-health-warning-v2,
  .form-grid .legal-health-warning-v2 {
    display: block !important;
    margin: 12px 0 8px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(160, 99, 54, .18) !important;
    border-radius: 14px !important;
    background: rgba(255, 250, 243, .96) !important;
    color: #6f5849 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  form .legal-parent-consent-v2,
  .appointment-form .legal-parent-consent-v2,
  .booking-form .legal-parent-consent-v2,
  .appointment-card .legal-parent-consent-v2,
  .form-grid .legal-parent-consent-v2 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 8px 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #5a4334 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  form .legal-parent-consent-v2 input,
  .appointment-form .legal-parent-consent-v2 input,
  .booking-form .legal-parent-consent-v2 input,
  .appointment-card .legal-parent-consent-v2 input,
  .form-grid .legal-parent-consent-v2 input {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 16px !important;
    height: auto !important;
    margin: .25em 0 0 !important;
  }

  form .legal-parent-consent-v2 span,
  .appointment-form .legal-parent-consent-v2 span,
  .booking-form .legal-parent-consent-v2 span,
  .appointment-card .legal-parent-consent-v2 span,
  .form-grid .legal-parent-consent-v2 span {
    display: block !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  /* Existing personal-data consent must also stay full-width below parent consent. */
  form label:has(input[type="checkbox"]),
  .appointment-form label:has(input[type="checkbox"]),
  .booking-form label:has(input[type="checkbox"]) {
    max-width: 100% !important;
  }

  form .legal-parent-consent-v2 + label,
  form .legal-health-warning-v2 + .legal-parent-consent-v2 + label,
  .appointment-form .legal-parent-consent-v2 + label,
  .booking-form .legal-parent-consent-v2 + label {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    clear: both !important;
  }
}