.list-menu--right {
  right: 0;
}

.list-menu--disclosure {
  position: absolute;
  min-width: 100%;
  width: 22rem;
  border: 1px solid rgba(var(--color-foreground), 0.2);
}

.list-menu--disclosure:focus {
  outline: none;
}

.list-menu__item--active {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.list-menu__item--active:hover {
  text-decoration-thickness: 0.2rem;
}

.list-menu--disclosure.localization-selector {
  max-height: 18rem;
  overflow: auto;
  width: 10rem;
  padding: 0.5rem;
}

.primary-menu__item {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
  overflow: hidden;
  width: 100%;
  flex-grow: 1;

  img {
    height: 100%;
  }

  details {
    width: 100%;
  }
}

.primary-menu__item .accordion {
  padding: 0;
  background: transparent;
}

.primary-menu__item .accordion__content {
  background-color: rgba(var(--color-foreground), 0.05);
  padding: 0.25rem 0;

  & li:not(:last-of-type) .menu-drawer__menu-item {
    border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
  }
}

.menu-drawer__menu:has(.primary-menu__item) {
  padding-top: 24px;
}

.primary-menu__item .list-menu__item:not(.accordion__content .list-menu__item) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.2rem;
  font-weight: 500;
  padding: 1.2rem 2rem;
  width: 100%;
  font-family: var(--font-heading-family);
  font-weight: 100;
  letter-spacing: 0.1rem;

  svg,
  svg path {
    stroke: rgb(var(--color-foreground));
  }

  &:focus,
  &:hover {
    background-color: transparent;
  }
}

.primary-menu__item .list-menu__item,
.secondary-menu__item .list-menu__item {
  span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}

.secondary-menu__item {
  margin-bottom: 0 !important;
}

.secondary-menu__item .list-menu__item {
  height: 46px;
  font-size: 2.2rem;
  padding: 0 2rem 0 2rem;
  font-weight: 500;

  span {
    justify-content: space-between;
    width: 100%;
  }
}

.menu-drawer__divider {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1; /* 1.05rem */
  text-transform: uppercase;
  padding: 3rem 2rem 1rem;
  opacity: 0.65;
}

.tertiary-menu-item {
  margin-bottom: 0.5rem !important;
}

.tertiary-menu-item .list-menu__item {
  padding: 0.45rem 2rem;
  font-family: var(--font-body-family);
  letter-spacing: -0.01rem;
  font-size: 1.6rem;
}