/*
 * Canonical primary-navigation component for Homepage, About, Pricing, and
 * Portfolio. It is intentionally scoped to .amori-site-header so pages that
 * still use the legacy navigation remain unchanged until they are migrated.
 */
.amori-site-header {
  transition: transform 300ms ease;
}

/* Match the live mobile-menu overlay: the logo is absent while open. */
@media only screen and (max-width: 991px) {
  .mobile-navigation-open .amori-site-header .navbar-brand {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .mobile-navigation-open .amori-site-header .navbar-menu-icon {
    display: none !important;
  }
}

/* Align the logo with the hero copy in the mobile-landscape viewport. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .amori-site-header .navbar-wrapper {
    padding-left: 24px;
  }
}

/*
 * Preserve the full Desktop navigation just above the Tablet breakpoint
 * without allowing the logo and first menu item to crowd one another.
 * Typography, row height, routes, and interaction behavior remain unchanged.
 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .amori-site-header .navbar-wrapper {
    min-height: 60px;
    padding-right: var(--_spacing---spacing--lg);
    padding-left: var(--_spacing---spacing--lg);
  }

  .amori-site-header .image-17 {
    width: auto;
    height: 52px;
  }

  .amori-site-header .list-item {
    margin-right: 36px;
  }

  .amori-site-header .btn--alert.is-small {
    box-sizing: border-box;
    width: 136px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .amori-site-header .dropdown-3 {
    position: relative;
    padding-right: 0;
  }

  .amori-site-header .dropdown-3 > .w-dropdown-toggle {
    gap: 8px;
    padding: 10px 0;
    color: var(--amori-color-navy);
    transition: color 180ms ease;
  }

  .amori-site-header .dropdown-3 > .w-dropdown-toggle .text-block-6 {
    color: inherit;
    font-family: "Proxima Nova", sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: color 180ms ease;
  }

  .amori-site-header .dropdown-3 > .w-dropdown-toggle .link-block-7,
  .amori-site-header .dropdown-3 > .w-dropdown-toggle .icon-4 {
    color: inherit;
    transition: color 180ms ease, transform 180ms ease;
  }

  .amori-site-header .dropdown-3 > .w-dropdown-toggle .icon-4 {
    position: relative;
    inset: auto;
    width: 10px;
    height: 10px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transform: rotate(0deg);
  }

  .amori-site-header .dropdown-3 > .w-dropdown-toggle .icon-4::before {
    display: block;
    line-height: 1;
  }

  .amori-site-header .dropdown-3:hover > .w-dropdown-toggle,
  .amori-site-header .dropdown-3:focus-within > .w-dropdown-toggle,
  .amori-site-header .dropdown-3 > .w-dropdown-toggle.w--open {
    color: var(--amori-color-interactive-accent);
  }

  .amori-site-header .dropdown-3:hover > .w-dropdown-toggle .icon-4,
  .amori-site-header .dropdown-3:focus-within > .w-dropdown-toggle .icon-4,
  .amori-site-header .dropdown-3 > .w-dropdown-toggle.w--open .icon-4 {
    transform: rotate(180deg);
  }

  .amori-site-header .dropdown-3 > .dropdown-list-4,
  .amori-site-header .dropdown-3 > .dropdown-list-4.w--open {
    top: 100%;
    left: 50%;
    width: 300px;
    min-width: 300px;
    padding: 14px 0;
    overflow: hidden;
    background: var(--amori-color-navy);
    border: 1px solid rgba(255, 255, 255, .2);
    border-top: 3px solid var(--amori-color-gold);
    box-shadow: 0 14px 30px rgba(2, 17, 74, .18);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -8px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    visibility: hidden;
  }

  .amori-site-header .dropdown-3:hover > .dropdown-list-4,
  .amori-site-header .dropdown-3:focus-within > .dropdown-list-4,
  .amori-site-header .dropdown-3 > .dropdown-list-4.w--open {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
    visibility: visible;
  }

  .amori-site-header .dropdown-3 > .dropdown-list-4 .dropdown-link {
    display: block;
    padding: 15px 28px;
    color: var(--amori-color-dropdown-text);
    font-family: "Proxima Nova", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    transition: color 180ms ease, background-color 180ms ease;
  }

  .amori-site-header .dropdown-3 > .dropdown-list-4 .dropdown-link:hover,
  .amori-site-header .dropdown-3 > .dropdown-list-4 .dropdown-link:focus-visible {
    color: var(--amori-color-gold);
    background-color: rgba(255, 187, 0, .1);
  }
}