/* PR-VIBECURB-07 · Gate 6.2 — foco visível contextual e navegação por teclado. */

:root {
  --vb-focus-on-light: #0c1715;
  --vb-focus-on-dark: #5eead4;
  --vb-focus-ring: var(--vb-focus-on-light);
}

.vb-page :where(
  a[href],
  button:not([disabled]),
  [role="tab"],
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 3px solid var(--vb-focus-ring);
  outline-offset: 4px;
}

:is(
  .vb-header,
  .vb-footer,
  .vb-rail,
  .vb-nav.vb-nav--mobile-portal,
  #hero,
  #gestao,
  #luma,
  #fundamento,
  #planos
) {
  --vb-focus-ring: var(--vb-focus-on-dark);
}

:is(
  .vb-evidence-sheet--hero,
  #gestao .vb-evidence-room__board,
  #fundamento .vb-method__sheet,
  #planos .vb-access__appendix
) {
  --vb-focus-ring: var(--vb-focus-on-light);
}

.vb-rail a:focus-visible,
.vb-nav.vb-nav--mobile-portal a:focus-visible {
  outline-offset: -3px;
}

.vb-rail__toggle:focus-visible {
  outline-color: var(--vb-focus-on-light);
  outline-offset: -3px;
}

.vb-skip-link:focus-visible {
  outline-color: var(--vb-focus-on-light);
  outline-offset: 3px;
}

.vb-header .vb-brand:focus-visible {
  outline: 0 !important;
  background-color: rgba(94, 234, 212, .12) !important;
  box-shadow:
    inset 0 0 0 3px var(--vb-focus-on-dark),
    0 0 0 2px rgba(94, 234, 212, .22) !important;
  border-radius: .45rem;
}

/* Evita que a linha interativa ocupe toda a coluna da grade do Documento 09. */
#contato .vb-dispatch__routes a.vb-link-arrow {
  justify-self: start;
  inline-size: fit-content;
  max-inline-size: 100%;
}

@media (max-width: 1080px) {
  .vb-header .vb-menu-button:focus-visible {
    outline: 0 !important;
    background-color: rgba(94, 234, 212, .12) !important;
    box-shadow:
      inset 0 0 0 3px var(--vb-focus-on-dark),
      0 0 0 2px rgba(94, 234, 212, .22) !important;
  }
}

@media (min-width: 1051px) {
  .vb-rail.is-escape-collapsed,
  .vb-rail.is-escape-collapsed:hover,
  .vb-rail.is-escape-collapsed:focus-within {
    width: var(--vb-rail-collapsed);
    box-shadow: none;
  }

  .vb-rail.is-escape-collapsed .vb-rail__label,
  .vb-rail.is-escape-collapsed:hover .vb-rail__label,
  .vb-rail.is-escape-collapsed:focus-within .vb-rail__label {
    opacity: 0;
    transform: translateX(-6px);
  }

  .vb-rail.is-escape-collapsed .vb-rail__toggle-icon,
  .vb-rail.is-escape-collapsed:hover .vb-rail__toggle-icon,
  .vb-rail.is-escape-collapsed:focus-within .vb-rail__toggle-icon {
    transform: none;
  }
}

@supports selector(article:has(> button:focus-visible)) {
  #gestao .vb-evidence-room__instruments article:has(> button[role="tab"]:focus-visible) {
    outline-color: var(--vb-focus-on-dark);
  }
}