/* Drupal local tasks (tabs) as pill buttons. */
[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul,
[data-drupal-nav-tabs] > ul,
[id*="-primary-local-tasks"] ul:not(.contextual-links),
[id*="-secondary-local-tasks"] ul:not(.contextual-links),
ul.tabs,
ul.tabs.primary,
ul.tabs.secondary {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.6rem;
}

[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul > li,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul > li,
[data-drupal-nav-tabs] > ul > li,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li,
ul.tabs > li,
ul.tabs.primary > li,
ul.tabs.secondary > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: inline-flex;
}

[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul > li::marker,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul > li::marker,
[data-drupal-nav-tabs] > ul > li::marker,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li::marker,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li::marker,
ul.tabs > li::marker,
ul.tabs.primary > li::marker,
ul.tabs.secondary > li::marker {
  content: "";
}

[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul > li > a,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul > li > a,
[data-drupal-nav-tabs] > ul > li > a,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li > a,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li > a,
ul.tabs > li > a,
ul.tabs.primary > li > a,
ul.tabs.secondary > li > a,
a.tabs__tab,
a.tabs__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 1.1rem;
  border: 0px solid #adc6f8 !important;
  border-radius: var(--evervoice-radius-pill) !important;
  background: #edf3fc !important;
  color: #2a4878 !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1;
}

[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul > li > a:hover,
[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul > li > a:focus,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul > li > a:hover,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul > li > a:focus,
[data-drupal-nav-tabs] > ul > li > a:hover,
[data-drupal-nav-tabs] > ul > li > a:focus,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li > a:hover,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li > a:focus,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li > a:hover,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li > a:focus,
ul.tabs > li > a:hover,
ul.tabs > li > a:focus,
ul.tabs.primary > li > a:hover,
ul.tabs.primary > li > a:focus,
ul.tabs.secondary > li > a:hover,
ul.tabs.secondary > li > a:focus,
a.tabs__tab:hover,
a.tabs__tab:focus,
a.tabs__link:hover,
a.tabs__link:focus {
  background: #dfeafc !important;
  text-decoration: none !important;
}

[id$="-primary-local-tasks"] > [data-drupal-nav-tabs] > ul > li.is-active > a,
[id$="-secondary-local-tasks"] > [data-drupal-nav-tabs] > ul > li.is-active > a,
[data-drupal-nav-tabs] > ul > li.is-active > a,
[data-drupal-nav-tabs] > ul > li > a.is-active,
[data-drupal-nav-tabs] > ul > li > a[aria-current="page"],
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li.is-active > a,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li > a.is-active,
[id*="-primary-local-tasks"] ul:not(.contextual-links) > li > a[aria-current="page"],
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li.is-active > a,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li > a.is-active,
[id*="-secondary-local-tasks"] ul:not(.contextual-links) > li > a[aria-current="page"],
ul.tabs > li.is-active > a,
ul.tabs > li > a.is-active,
ul.tabs > li > a[aria-current="page"],
ul.tabs.primary > li.is-active > a,
ul.tabs.secondary > li.is-active > a,
a.tabs__tab.is-active,
a.tabs__tab[aria-current="page"],
a.tabs__link.is-active,
a.tabs__link[aria-current="page"] {
  background: #1f2328 !important;
  border-color: #1f2328 !important;
  color: var(--evervoice-page-text) !important;
}