/* Shared Hillside action typography and keyboard focus treatment. */

/* Keep the existing action roles and dimensions while using one display face. */
.btn,
.btn-white,
.tso .tcw-button,
.tso .tqh-button,
.hsp a.hsp-action,
.hs-faq-action {
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
}

.btn,
.btn-white,
.hs-faq-action {
  font-weight: 600;
  letter-spacing: .05em;
}

/* Use a clear keyboard-only ring on native and explicitly interactive controls.
   Existing component-specific :focus-visible rules keep their stronger styles. */
:where(
  a[href],
  button:not(:disabled),
  input:not(:disabled):not([type="hidden"]),
  select:not(:disabled),
  textarea:not(:disabled),
  summary,
  [role="button"],
  [role="link"],
  [role="tab"],
  [role="menuitem"]
):focus-visible {
  outline: 3px solid #1472dd;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}

/* The compact booking form explicitly resets :focus later in its template. */
html .lpf input:focus-visible,
html .lpf select:focus-visible,
html .lpf textarea:focus-visible {
  outline: 3px solid #1472dd;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}