/* Mercury Editor Branding */
:root {
    --me-logo-horizontal: url('/sites/default/files/2024-06/Shine-Logo-Final.svg');
}
/* Keep validation bubbles visible on pages containing Webforms. */
html:has(.webform-submission-form),
html:has(.webform-submission-form):focus-within {
  scroll-behavior: auto !important;
}

/* Tighten spacing between radio and checkbox options. */
.webform-submission-form .form-type__radio,
.webform-submission-form .form-type__checkbox {
  position: relative;
  margin-top: 0;
  margin-bottom: 0.625rem;
}

/* Align the actual inputs with the theme's custom controls. */
.webform-submission-form .form-type__radio input[type="radio"],
.webform-submission-form .form-type__checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}

.webform-submission-form .form-type__radio label,
.webform-submission-form .form-type__checkbox label {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .webform-submission-form .form-type__radio input[type="radio"],
  .webform-submission-form .form-type__checkbox input[type="checkbox"] {
    width: 1.875rem;
    height: 1.875rem;
  }
}

/* Show keyboard focus on the visible custom control. */
.webform-submission-form .form-type__radio input:focus-visible + label::before,
.webform-submission-form .form-type__checkbox input:focus-visible + label::before {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}