/* FITO mobile header/navigation fix
   Paste into WordPress Additional CSS. */
@media (max-width: 599px) {
  header.wp-block-template-part .wp-block-group.alignwide.is-layout-flex {
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
  }

  header.wp-block-template-part .wp-block-group.alignwide > .wp-block-group:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  header.wp-block-template-part .wp-block-group.alignwide > .wp-block-group:last-child {
    flex: 0 0 auto !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  header.wp-block-template-part .wp-block-site-title {
    font-size: 16px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    max-width: 34vw !important;
  }

  header.wp-block-template-part .wp-block-site-title a {
    white-space: normal !important;
  }

  header.wp-block-template-part nav.wp-block-navigation,
  header.wp-block-template-part .wp-block-navigation__responsive-container-open {
    flex: 0 0 auto !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container-open,
  header.wp-block-template-part .wp-block-search__inside-wrapper,
  header.wp-block-template-part .wc-block-customer-account__link,
  header.wp-block-template-part .wc-block-mini-cart__button {
    align-items: center !important;
    background: #f7f3ec !important;
    border: 1px solid rgba(52, 70, 63, 0.35) !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    color: #2f3f38 !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center !important;
    min-width: 40px !important;
    padding: 7px !important;
    width: 40px !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container-open svg,
  header.wp-block-template-part .wp-block-navigation__responsive-container-close svg,
  header.wp-block-template-part .wp-block-search__button svg,
  header.wp-block-template-part .wc-block-customer-account__account-icon,
  header.wp-block-template-part .wc-block-mini-cart__icon {
    fill: currentColor !important;
    height: 24px !important;
    width: 24px !important;
  }

  header.wp-block-template-part .wp-block-search {
    flex: 0 0 40px !important;
    min-width: 40px !important;
    width: 40px !important;
  }

  header.wp-block-template-part .wp-block-search__inside-wrapper {
    padding: 0 !important;
  }

  header.wp-block-template-part .wp-block-search__input {
    display: none !important;
  }

  header.wp-block-template-part .wp-block-search__button {
    background: transparent !important;
    border: 0 !important;
    color: #2f3f38 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open {
    background: #f7f3ec !important;
    color: #2f3f38 !important;
    padding: 28px 24px !important;
    z-index: 100000 !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container-close {
    color: #2f3f38 !important;
    height: 40px !important;
    width: 40px !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
    align-items: flex-start !important;
    gap: 16px !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    color: #2f3f38 !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
}