@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/colors";
@use "s360-scss-toolkit";

.menu--local-tasks {
  display: flex;
  flex-wrap: wrap;
  z-index: 1000;
  position: fixed;
  inset: 0;
  top: unset;
  border-top: s360-scss-toolkit.rem(3) solid var(--highlight-color);
  background-color: var(--bg-color);
  gap: 0.5em;

  a {
    --a--padding: 0.5em;
    --a--display: block;

    // Drupal class.
    &.is-active {
    }
  }

  .menu__item {
    &:first-child {
      --li--margin: 0 0 0 var(--safe-area-inline);
    }

    &:last-child {
      --li--margin: 0 var(--safe-area-inline) 0 0;
    }

    &--nid {
      align-self: center;
      margin-left: auto;
      font-weight: var(--menu--local-tasks--nid--font-weight);
    }
  }
}
