/**
 * Theme engine CSS — not the site look.
 *
 * This file ships in the theme package. Sites cannot edit it; a theme update
 * overwrites it. Put only feature behaviour the theme JS/PHP needs so the
 * product still works (skip link, Soft Navigation).
 */

/* Skip to content — hidden until keyboard focus */
.delta-skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.delta-skip-link:focus,
.delta-skip-link:focus-visible {
  position: fixed;
  top: var(--space-md);
  left: var(--space-md);
  z-index: 100000;
  width: auto;
  height: auto;
  margin: 0;
  padding: var(--space-sm) var(--space-md);
  overflow: visible;
  clip: auto;
  white-space: normal;
  background: var(--color-action);
  color: var(--color-on-action);
  font-family: var(--font-text);
  font-size: var(--text-sm-size);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-sm);
}

/* Soft navigation */
html.is-soft-nav {
  cursor: progress;
}

html.is-soft-nav .delta-main {
  opacity: 0.72;
  transition: opacity 0.12s ease;
}

@media (prefers-reduced-motion: reduce) {
  html.is-soft-nav .delta-main {
    transition: none;
  }
}

.delta-soft-nav-live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}