/*
Theme Name: Trijora Navigation
Theme URI: https://trijora.com/
Author: Trijora
Description: Trijora 0.2 navigation update with an editable two-level WordPress menu.
Template: trijora
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: trijora-navigation
*/

.nav-list {
  gap: clamp(16px, 2.4vw, 42px);
}

.primary-nav .menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.primary-nav .menu-item-has-children > a::after {
  width: 0.36rem;
  height: 0.36rem;
  content: "";
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-0.12rem) rotate(45deg);
}

.primary-nav .sub-menu a {
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.primary-nav .sub-menu a::after {
  display: none;
}

.mobile-menu .menu-item-has-children > a {
  font-weight: 600;
}

.mobile-menu .sub-menu {
  margin: 0 0 0.35rem;
  padding-left: 1rem;
  border-left: 1px solid var(--line);
}

.mobile-menu .sub-menu a {
  padding: 10px 0;
  border-bottom-color: rgba(36, 39, 34, 0.1);
  color: var(--ink-soft);
  font-family: var(--sans);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}