/** Shopify CDN: Minification failed

Line 141:24 "-" can only be used as an infix operator, not a prefix operator
Line 151:25 "-" can only be used as an infix operator, not a prefix operator

**/
.header-layout {
  display: flex;
  align-items: center;
}

[data-layout="center"] {
  align-items: center;
}

.header-item {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

.header-item--compress-nav {
  visibility: hidden;
  flex: 0 0 auto;
  width: 0;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1);
  overflow: hidden;

  @nest .header-wrapper--compressed & {
    visibility: visible;
    opacity: 1;
    width: 50px;
    transform: translateX(-$siteNavIconPadding);
  }
}

.header-item--logo {
  flex: 0 0 auto;
  word-break: break-all;
}

.header-item--search {
  flex: 1 1 100%;
  max-width: 475px;

  @nest [data-layout="center"] & {
    max-width: none;

    & form {
      max-width: 320px;
    }
  }

  & .site-nav__compress-menu {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1);
    width: 50px;

    @nest .header-wrapper--compressed & {
      visibility: visible;
      opacity: 1;
      transform: translateX(-$siteNavIconPadding);

      @nest [dir="rtl"] & {
        transform: translateX(0);
      }
    }
  }
}

/*Animate hamburger icon when nav open*/
.mobile-nav-trigger,
.site-nav__compress-menu {
  & path {
    transition: all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1);
  }

  &.is-active {
    & path:nth-child(1) {
      transform: rotate(45deg);
      transform-origin: 20% 30%;
    }
    & path:nth-child(2) {
      opacity: 0;
    }
    & path:nth-child(3) {
      transform: rotate(-45deg);
      transform-origin: 15% 66%;
    }
  }
}

.header-item--icons {
  justify-content: flex-end;
  flex: 1 1 auto;
}

/*Same default logo and icon container size, logo block width overrides*/
[data-layout="left-center"] {
  & .header-item--logo,
  & .header-item--icons {
    flex: 0 0 200px;
    max-width: 50%;

    @media (--medium-up) {
      min-width: 33%;
    }
  }
}

.header-layout[data-logo-align="center"] {
  & .header-item--logo {
    @media (--medium-up) {
      margin: 0 30px;
    }
  }

  & .header-item--navigation,
  & .header-item--icons,
  & .header-item--search {
    flex: 1 1 33%;
  }
}

@media (--medium-up) {
  .header-layout[data-logo-align="left"] {
    & .site-header__logo {
      margin-right: 30px;
    }
  }
}

/*Icon alignment*/
.header-item--left {
  & .site-nav {
    margin-left: -$siteNavIconPadding;

    @media (--small) {
      margin-left: calc(-$siteNavItemPadding / 2);
    }
  }
}

.header-item--icons {
  & .site-nav {
    margin-right: -$siteNavIconPadding;

    @media (--small) {
      margin-right: calc(-$siteNavItemPadding / 2);
    }
  }
}

/*Hide search icon in mobile nav when not in compressed mode*/
@media (--small) {
  .header-wrapper:not(.header-wrapper--compressed) [data-nav="below"] .js-search-header {
    display: none;
  }
}
