/**
 * Admin local-tasks (Edit / Delete / Layout / Revisions / Devel …) tabs.
 *
 * Self-contained styling so the tabs render correctly without the retired
 * Bootstrap stylesheet. Loaded via the base_theme/global-styling library, so
 * it is present on every front-end page where the local-tasks block renders.
 * Markup comes from templates/navigation/menu-local-task(s).html.twig.
 */

.local-tasks {
  margin: 0 0 1.5rem;
  border-bottom: 1px solid #d6d6d6;
}

.local-tasks__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.local-tasks__item {
  margin: 0;
}

.local-tasks__item a {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  color: #333;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

.local-tasks__item a:hover,
.local-tasks__item a:focus {
  color: #477e42;
  background: #f1f4f0;
}

/* Active primary tab sits on top of the container border. */
.local-tasks__item.is-active a {
  position: relative;
  bottom: -1px;
  color: #477e42;
  background: #fff;
  border-color: #d6d6d6;
}

/* Secondary tabs are lighter and have no bottom rule of their own. */
.local-tasks--secondary {
  margin-top: -1rem;
  border-bottom: none;
}

.local-tasks__list--secondary .local-tasks__item a {
  font-weight: 400;
  border-radius: 999px;
}

.local-tasks__list--secondary .local-tasks__item.is-active a {
  bottom: 0;
  color: #fff;
  background: #477e42;
  border-color: #477e42;
}