/**
 * @file
 * Layout for the Turnstile widget and its messages.
 *
 * Deliberately minimal: the container is placed by an editor inside markup the
 * site theme already styles, so only spacing and the error treatment are set
 * here. The error is conveyed by text, not by colour alone.
 */

.cf-turnstile,
.trustile-turnstile,
[data-trustile-turnstile] {
  margin: 0 0 10px;
  min-height: 65px;
}

.cf-turnstile[aria-busy="true"],
.trustile-turnstile[aria-busy="true"],
[data-trustile-turnstile][aria-busy="true"] {
  opacity: 0.6;
}

.trustile-turnstile-error {
  margin: 0 0 10px;
  color: #a94442;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.trustile-turnstile-error::before {
  /* A non-colour cue, so the message does not rely on red text alone. */
  content: "\26A0";
  margin-right: 0.4em;
  font-weight: bold;
}

.trustile-turnstile-error[hidden] {
  display: none;
}

.trustile-turnstile--error {
  /* Ties the message to the widget it belongs to. */
  border-left: 3px solid #a94442;
  padding-left: 8px;
}

.trustile-turnstile-status.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}