/*
 * TPG Intel accessibility refinements.
 *
 * Keep these overrides product-scoped so the training hub can meet its
 * contrast and focus contracts without changing shared application surfaces.
 */

[data-page-module="root-tpg-intel"] {
  --tpg-intel-action-bg: var(--tpg-900);
  --tpg-intel-action-bg-hover: var(--tpg-950);
  --tpg-intel-action-ink: #fff;
}

[data-page-module="root-tpg-intel"] .btn-primary {
  --bs-btn-color: var(--tpg-intel-action-ink);
  --bs-btn-bg: var(--tpg-intel-action-bg);
  --bs-btn-border-color: var(--tpg-intel-action-bg);
  --bs-btn-hover-color: var(--tpg-intel-action-ink);
  --bs-btn-hover-bg: var(--tpg-intel-action-bg-hover);
  --bs-btn-hover-border-color: var(--tpg-intel-action-bg-hover);
  --bs-btn-active-color: var(--tpg-intel-action-ink);
  --bs-btn-active-bg: var(--tpg-intel-action-bg-hover);
  --bs-btn-active-border-color: var(--tpg-intel-action-bg-hover);
  --bs-btn-disabled-color: var(--tpg-intel-action-ink);
  --bs-btn-disabled-bg: var(--tpg-intel-action-bg);
  --bs-btn-disabled-border-color: var(--tpg-intel-action-bg);
}

[data-page-module="root-tpg-intel"] .text-bg-primary {
  color: var(--tpg-intel-action-ink) !important;
  background-color: var(--tpg-intel-action-bg) !important;
}

[data-page-module="root-tpg-intel"] .tpg-section-nav {
  --tpg-section-nav-active-bg: var(--tpg-intel-action-bg);
  --tpg-section-nav-active-border: var(--tpg-intel-action-bg);
  --tpg-section-nav-active-color: var(--tpg-intel-action-ink);
}

[data-page-module="root-tpg-intel"] :where(
  a[href],
  button:not([disabled]),
  input:not([type="hidden"]),
  select,
  textarea,
  summary,
  iframe[tabindex]
):focus-visible {
  outline: 3px solid var(--bs-body-color);
  outline-offset: 3px;
}

[data-page-module="root-tpg-intel"] .tpg-section-nav .nav-link.active:focus-visible {
  box-shadow: 0 0 0 2px var(--bs-body-bg);
}

[data-page-module="root-tpg-intel"]
  iframe[tabindex].tpg-intel-embed-frame--focused {
  outline: 3px solid var(--bs-body-color);
  outline-offset: -3px;
}

[data-page-module="root-tpg-intel"] .tpg-intel-media-scrim {
  background-color: rgba(var(--bs-black-rgb), 0.72);
}