/*
 * WPYVR native CSS escape hatch.
 * Keep this file intentionally small. If a value can live in theme.json, put it there.
 */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; font-feature-settings: "ss01" on, "cv11" on; }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block-start: 0; }

:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--wp--preset--color--accent);
  outline-offset: 3px;
}

input:where([type="email"], [type="number"], [type="password"], [type="search"], [type="text"], [type="tel"], [type="url"]):focus,
textarea:focus,
select:focus {
  outline-color: var(--wp--preset--color--accent);
}

label {
  color: var(--wp--preset--color--ink-soft);
  font-size: var(--wp--preset--font-size--small);
}

input[type="checkbox"] + label,
input[type="radio"] + label,
label:has(input[type="checkbox"], input[type="radio"]) {
  color: inherit;
  font-size: inherit;
}

[hidden] { display: none; }

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}