.navbar-mobile .top-link {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.navbar__item-third-level {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 10px;
}

.navbar__item-third-level-item {
  color: white;
  display: none;
}

.navbar__item-third-level-item:not(.js-mobile-menu-acc) {
  padding-left: 10px;
}

.navbar__item-third-level-item.js-mobile-menu-acc {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.navbar__item-third-level:has(.navbar__item-third-level-item:nth-child(2)) {
  .navbar__item-third-level-item:last-child {
    margin-bottom: 10px;
  }
  .navbar__item-third-level-arrow {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }
  .navbar__item-third-level-item.js-mobile-menu-acc.active {
    color: var(--color-accent);
  }
  .navbar__item-third-level-item.active .navbar__item-third-level-arrow {
    transform: rotate(180deg);
  }
}

body:has(.theme-light) .navbar__item-third-level:has(.navbar__item-third-level-item:nth-child(2)) {
  .navbar__item-third-level-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
  }
}

.navbar__item-third-level:has(.active) .navbar__item-third-level-item {
  display: flex;
}