/* Peptide Apex responsive header */
header.wp-block-template-part {
  box-sizing: border-box;
  overflow-x: clip;
  width: 100%;
}

header.wp-block-template-part *,
header.wp-block-template-part *::before,
header.wp-block-template-part *::after {
  box-sizing: border-box;
}

header.wp-block-template-part .pa-linked-logo,
header.wp-block-template-part .custom-logo-link {
  align-items: center;
  display: inline-flex;
  flex: 0 1 auto;
  line-height: 0;
  min-width: 0;
  text-decoration: none;
}

header.wp-block-template-part .pa-linked-logo img,
header.wp-block-template-part .custom-logo-link img,
header.wp-block-template-part img.custom-logo {
  display: block;
  height: auto;
  max-width: 100%;
  width: clamp(118px, 18vw, 164px);
}

.pa-header-cart-link {
  align-items: center;
  background: #111;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-weight: 900;
  gap: 8px;
  justify-content: center;
  line-height: 1;
  min-height: 42px;
  padding: 9px 12px;
  text-decoration: none;
  white-space: nowrap;
}

.pa-header-cart-link:hover,
.pa-header-cart-link:focus {
  background: #000;
  color: #fff;
  text-decoration: none;
}

.pa-header-cart-link__icon,
.pa-header-cart-link__icon svg {
  display: block;
  height: 22px;
  width: 22px;
}

.pa-header-cart-link__count {
  align-items: center;
  background: #c46b00;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  min-width: 20px;
  padding: 0 6px;
}

@media (max-width: 782px) {
  header.wp-block-template-part > .wp-block-group,
  header.wp-block-template-part > .wp-block-group.has-global-padding {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(8px, 2.5vw, 14px) !important;
    justify-content: space-between !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px clamp(12px, 4vw, 18px) !important;
    width: 100% !important;
  }

  header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide > .wp-block-group:first-child {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
  }

  header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide > .wp-block-group:last-child {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    gap: clamp(7px, 2vw, 10px) !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
  }

  header.wp-block-template-part .pa-linked-logo,
  header.wp-block-template-part .custom-logo-link {
    max-width: clamp(112px, 36vw, 150px) !important;
    width: clamp(112px, 36vw, 150px) !important;
  }

  header.wp-block-template-part .pa-linked-logo img,
  header.wp-block-template-part .custom-logo-link img,
  header.wp-block-template-part img.custom-logo {
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  header.wp-block-template-part .wp-block-navigation,
  header.wp-block-template-part .wp-block-navigation__responsive-container-open,
  header.wp-block-template-part .pa-header-search,
  header.wp-block-template-part .pa-header-search__toggle,
  header.wp-block-template-part .pa-header-cart-link,
  header.wp-block-template-part .pa-simple-cart-link {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container-open,
  header.wp-block-template-part .pa-header-search__toggle {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: clamp(38px, 10vw, 46px) !important;
    justify-content: center !important;
    min-height: clamp(38px, 10vw, 46px) !important;
    min-width: clamp(38px, 10vw, 46px) !important;
    width: clamp(38px, 10vw, 46px) !important;
  }

  header.wp-block-template-part .pa-header-search {
    align-items: center !important;
    display: inline-flex !important;
    width: auto !important;
  }

  .pa-header-cart-link {
    gap: 6px;
    min-height: 38px;
    padding: 8px 10px;
  }

  .pa-header-cart-link__text {
    display: none;
  }

  header.wp-block-template-part .pa-header-cart-link,
  header.wp-block-template-part .pa-simple-cart-link {
    align-items: center !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    gap: 5px !important;
    height: clamp(38px, 10vw, 46px) !important;
    justify-content: center !important;
    min-height: clamp(38px, 10vw, 46px) !important;
    min-width: clamp(56px, 16vw, 76px) !important;
    padding: 7px 8px !important;
    width: auto !important;
  }

  header.wp-block-template-part .pa-header-cart-link__text,
  header.wp-block-template-part .pa-simple-cart-link__text {
    display: none !important;
  }

  header.wp-block-template-part .pa-header-cart-link__icon,
  header.wp-block-template-part .pa-header-cart-link__icon svg {
    height: clamp(20px, 5.5vw, 24px) !important;
    width: clamp(20px, 5.5vw, 24px) !important;
  }

  header.wp-block-template-part .pa-header-cart-link__count,
  header.wp-block-template-part .pa-simple-cart-link__count {
    display: inline-flex !important;
    font-size: clamp(10px, 2.8vw, 12px) !important;
    height: clamp(18px, 5vw, 22px) !important;
    min-width: clamp(18px, 5vw, 22px) !important;
    padding: 0 5px !important;
  }
}

@media (max-width: 390px) {
  header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide {
    gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  header.wp-block-template-part .pa-linked-logo,
  header.wp-block-template-part .custom-logo-link {
    max-width: clamp(102px, 34vw, 132px) !important;
    width: clamp(102px, 34vw, 132px) !important;
  }

  header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide > .wp-block-group:last-child {
    gap: 6px !important;
  }

  header.wp-block-template-part .wp-block-navigation__responsive-container-open,
  header.wp-block-template-part .pa-header-search__toggle {
    height: 38px !important;
    min-height: 38px !important;
    min-width: 38px !important;
    width: 38px !important;
  }

  header.wp-block-template-part .pa-header-cart-link,
  header.wp-block-template-part .pa-simple-cart-link {
    min-width: 56px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}