/**
 * @file
 * Presentation tweaks for the "Is this helpful?" feedback webform (BH#464).
 */

/* Hide the "CAPTCHA" legend above the reCAPTCHA widget.
   Visually hidden but kept in the DOM for screen readers. */
.webform-submission-is-this-helpful--form .captcha__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Selected answer — clearly mark which Yes/No button is chosen.
   The real radio input is visually hidden, so we key off the
   adjacent label via :has(). Darker brand blue + a ring so the
   selection reads differently from a plain hover. */
.webform-submission-is-this-helpful--form
  .input-wrapper--radio:has(input:checked)
  + .webform-options-display-buttons-label {
  background-color: #004c7d;
  border-color: #004c7d;
  box-shadow: 0 0 0 3px rgba(0, 114, 188, 0.35);
}

/* Keyboard focus ring for accessibility (mouse clicks won't trigger it). */
.webform-submission-is-this-helpful--form
  .input-wrapper--radio:has(input:focus-visible)
  + .webform-options-display-buttons-label {
  outline: 3px solid #004c7d;
  outline-offset: 2px;
}