/* Layout correction for checkboxes and radios in Drupal Webform 
use: 
form-checkboxes
form-radios*/

/* Reset form item layout */
form.webform-submission-form .form-checkboxes .form-item,
form.webform-submission-form .form-radios .form-item {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.5em;
}

/* Ensure input and label are on the same row */
form.webform-submission-form .form-checkboxes .form-item input[type="checkbox"],
form.webform-submission-form .form-radios .form-item input[type="radio"] {
  margin: 0;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  accent-color: #005ea2; /* High-contrast blue */
}

/* Improve label alignment and spacing */
form.webform-submission-form .form-checkboxes .form-item label,
form.webform-submission-form .form-radios .form-item label {
  margin: 0;
  line-height: 1.3;
  font-size: 1rem;
  color: #222;
  cursor: pointer;
}

/* Accessible focus outline */
form.webform-submission-form input[type="checkbox"]:focus-visible,
form.webform-submission-form input[type="radio"]:focus-visible {
  outline: 2px solid #1a73e8;
  outline-offset: 2px;
}