@use 'globals';
@use 'collapsible_menu';

$background-current-item: #0001;

.navbar {
  padding: 2rem;

  &__menu {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
  }

  &__heading {
    font-size: inherit;
    margin: 0;
    padding: 0.5rem;

    &--entity {
      font-family: globals.$font-family-data;
    }
  }

  &__menu-link {
    @include globals.rounded-sm;
    display: block;
    padding: 0.5rem;
    color: globals.$link-color;
    text-decoration: none;

    &--entity {
      font-family: globals.$font-family-data;
    }

    &--current {
      background: $background-current-item;
    }
  }
}

.base-switcher {
  @include globals.reset-button;
  font-family: globals.$font-family-data;
  padding: 1rem;
}