/* Scope links menu */
/* ================ */
.event-scope-menu-container {
  flex-grow: 1;

  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.event-scope-menu-label {
  display: inline-block;

  font-size: var(--pg-fs-small);
}

.event-scope-menu-dropdown {
  display: inline-block;

  @media (width <=576px) {
    flex-grow: 1;
  }
}

.event-scope-menu-dropdown-button {
  display: flex;

  justify-content: space-between;
  align-items: center;

  width: 100%;
}

.event-scope-menu-dropdown-menu {
  padding: 0;
  width: 100%;
}

.event-scope-menu-dropdown-menu-item {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);

  font-size: var(--pg-fs-small);

  line-height: 2.5;

  &:last-child {
    border-bottom: none;
  }

  &:hover {
    background-color: var(--bs-warning-bg-subtle);
  }

  & a {
    width: 100%;
    display: inline-block;

    padding-left: 1rem;
    padding-right: 1rem;

    color: var(--bs-dropdown-link-color);
    text-decoration: none;
  }
}