/* Merchandise storefront entry: Laswynd's signature gold over royal purple. */
:root {
  --laswynd-purple: #452a62;
  --laswynd-purple-deep: #241831;
}

.desktop-nav a.shop-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: -9px;
  margin-bottom: -9px;
  padding: 10px 12px;
  border: 1px solid rgba(213, 183, 121, .6);
  border-radius: 2px;
  background: linear-gradient(135deg, var(--laswynd-purple), var(--laswynd-purple-deep));
  color: var(--gold-bright);
  white-space: nowrap;
  opacity: 1;
}

.desktop-nav a.shop-nav-link:hover,
.desktop-nav a.shop-nav-link:focus-visible {
  color: #fff1d1;
  background: linear-gradient(135deg, #5c387d, #362047);
  border-color: var(--gold-bright);
}

.shop-nav-link span { font-size: 14px; }

.mobile-nav a.shop-nav-link {
  color: var(--gold-bright);
  background: linear-gradient(90deg, rgba(69, 42, 98, .75), rgba(36, 24, 49, .22));
  border-bottom-color: rgba(213, 183, 121, .7);
  padding-left: 14px;
}

/* With six navigation destinations, switch to the mobile menu a little earlier. */
@media (min-width: 781px) and (max-width: 1070px) {
  .desktop-nav { display: none; }
  .menu-toggle {
    display: flex;
    margin-left: auto;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: transparent;
    border: 0;
    width: 40px;
    height: 40px;
    padding: 9px;
    cursor: pointer;
  }
  .menu-toggle span { height: 1px; width: 100%; background: #e8d8bc; }
  .mobile-nav {
    display: flex;
    position: absolute;
    top: 84px;
    left: 0;
    right: 0;
    background: #161622;
    padding: 18px 40px 30px;
    flex-direction: column;
    border-bottom: 1px solid var(--line);
  }
  .mobile-nav[hidden] { display: none; }
  .mobile-nav a { padding: 15px 0; border-bottom: 1px solid var(--line); font: 23px var(--serif); }
}