.submenu[aria-hidden="true"] {
  display: none;
}

.submenu[aria-hidden="false"] {
  display: block;
}

.main-submenu-toggle[aria-expanded="true"] {
  .icon {
    transform: rotate(180deg);
  }
}

.main-nav__item-lvl--0 {
  > button {
    .fa-caret-down {
      display: none;
    }
  }
}

@media only screen and (min-width: 1080px) {
  .main-nav__item-lvl--0 {
    &:hover {
      border-color: var(--secondary-01);
    }

    > a {
      padding-top: 2rem;
      padding-bottom: 1.75rem;
    }

    > button {
      .fa-circle-chevron-down {
        display: none;
      }

      .fa-caret-down {
        display: block;
      }
    }
  }

  .theme--dark-mode {
    .main-nav__item-lvl--0.is-active {
      color: var(--secondary-01);
    }

    .main-nav__item-lvl--0 > a {
      &:hover,
      &:focus {
        color: var(--accent-01);
      }
    }
  }

  .theme--dark-mode .main-nav__list .open-search__toggle {
    color: var(--secondary-01);
  }

  .main-nav__item.main-nav__item-lvl--1 {
    border-bottom: 1px solid var(--accent-02);
  }
}

.main-nav__item a {
  color: inherit;
}

.main-nav__item.is-active {
  border-color: var(--secondary-01);
}

.main-nav__item.is-active {
  color: var(--primary-02);
}

.main-nav__list--1 .main-nav__item  {
  &:hover,
  &:focus {
    > a,
    > button i {
      color: var(--primary-02);
    }
  }
}

@media only screen and (min-width: 1080px) {
  .main-nav__item.item-truncate {
    min-width: 110px;
  }

  .main-nav__list--0.list-items-is-truncated {
    font-size: 1rem;
    gap: 12px;
  }
}