/**
 * Drupal local task tabs using the CZ Innovation brand palette.
 */

.tabs-wrapper .nav-tabs {
  --bs-nav-tabs-link-active-color: var(--czinn-green-950, #032b18);
  --bs-nav-tabs-link-active-bg: var(--czinn-white, #fff);
  --bs-nav-tabs-link-active-border-color: var(--czinn-color-border, #d4d9d9)
    var(--czinn-color-border, #d4d9d9) var(--czinn-white, #fff);
  border-bottom-color: var(--czinn-color-border, #d4d9d9);
}

.tabs-wrapper .nav-tabs .nav-link,
.tabs-wrapper .nav-tabs .nav-item > a {
  color: var(--czinn-color-primary, #2e9346);
  text-decoration: none;
  text-underline-offset: 0.25em;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

.tabs-wrapper .nav-tabs .nav-link:hover,
.tabs-wrapper .nav-tabs .nav-link:focus,
.tabs-wrapper .nav-tabs .nav-item > a:hover,
.tabs-wrapper .nav-tabs .nav-item > a:focus {
  color: var(--czinn-green-900, #084e2b);
  background-color: var(--czinn-green-50, #eef9f0);
  border-color: var(--czinn-green-200, #b3e3ba);
}

.tabs-wrapper .nav-tabs .nav-item.active > .nav-link,
.tabs-wrapper .nav-tabs .nav-item.active > a,
.tabs-wrapper .nav-tabs .nav-link.active {
  color: var(--czinn-green-950, #032b18);
  background-color: var(--czinn-white, #fff);
  border-color: var(--czinn-color-border, #d4d9d9)
    var(--czinn-color-border, #d4d9d9) var(--czinn-white, #fff);
  box-shadow: inset 0 0.2rem 0 var(--czinn-color-primary, #2e9346);
}

.tabs-wrapper .nav-tabs .nav-link:focus-visible,
.tabs-wrapper .nav-tabs .nav-item > a:focus-visible {
  outline: 0.1875rem solid var(--czinn-color-focus, #69cb6b);
  outline-offset: -0.1875rem;
}

@media (prefers-reduced-motion: reduce) {
  .tabs-wrapper .nav-tabs .nav-link,
  .tabs-wrapper .nav-tabs .nav-item > a {
    transition: none;
  }
}