/* Theme navigation profiles: each theme can present a different public structure without changing stored menus. */
.cms-theme .nav-item > a i:first-child {
  display: inline-grid;
  place-items: center;
  width: 1.05em;
  height: 1.05em;
  line-height: 1;
  flex: 0 0 auto;
}

.nav-profile-editorial .nav-shell {
  border-radius: 0;
  box-shadow: none;
}

.nav-profile-editorial .nav-item > a {
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}

.nav-profile-creative .nav-shell {
  border-radius: 24px;
  background: rgba(12, 12, 12, .82);
  color: #fff;
  border-color: rgba(255, 255, 255, .14);
}

.nav-profile-creative .brand-copy small,
.nav-profile-creative .nav-item > a {
  color: rgba(255, 255, 255, .78);
}

.nav-profile-creative .nav-cta {
  background: #fff;
  color: #111;
}

.nav-profile-commerce .nav-shell {
  border-radius: 16px;
}

.nav-profile-commerce .nav-item > a {
  font-size: 13px;
}

.nav-profile-fintech .nav-shell {
  background: #09111f;
  color: #fff;
  border-color: rgba(255, 255, 255, .12);
}

.nav-profile-fintech .brand-copy small,
.nav-profile-fintech .nav-item > a {
  color: rgba(255, 255, 255, .74);
}

.nav-profile-fintech .nav-cta {
  background: #38bdf8;
  color: #06111f;
}

.nav-profile-startup .nav-shell {
  border-radius: 18px;
}

.nav-profile-startup .nav-cta {
  background: var(--t-accent);
}

.nav-profile-bold .nav-shell {
  border-radius: 0;
  border-bottom: 3px solid var(--t-primary);
  box-shadow: none;
}

.nav-profile-clarity .nav-item > a {
  gap: 7px;
}

@media (max-width: 980px) {
  .nav-profile-creative .main-menu,
  .nav-profile-fintech .main-menu {
    background: #101114;
    color: #fff;
  }

  .nav-profile-commerce .main-menu {
    border-radius: 16px;
  }
}