.wa-header__logo-mobile {
  min-width: 10rem;
}
@media (min-width: 375.01px) {
  .wa-header__logo-mobile {
    min-width: 16rem;
  }
}
@media (min-width: 475.01px) {
  .wa-header__logo-mobile {
    min-width: 25rem;
  }
}

.oxy-sticky-header-active .wa-header__primary-area {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.wa-topbar-desktop-menu .menu-item {
  margin: 0 var(--space-s);
}
.wa-topbar-desktop-menu .menu-item a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
  background-color: var(--primary);
}
.wa-topbar-desktop-menu .menu-item:hover a::after {
  width: 100%;
}

.wa-header__my-acc-btn {
  margin-right: var(--space-s) !important;
}

.wooptima-cart-header {
  border-radius: var(--radius-xxl) !important;
}

.wa-header__primary-area .wa-header__search {
  width: 90% !important;
}

.wa-header__search form {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.wa-header__search input {
  height: 50px !important;
  border-radius: var(--radius-l) !important;
  padding-left: var(--space-s) !important;
  padding-right: var(--space-s) !important;
}
.wa-header__search input[type=search] {
  border: 2px solid var(--primary) !important;
  width: 100% !important;
  border-top-left-radius: var(--radius-xxl) !important;
  border-bottom-left-radius: var(--radius-xxl) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.wa-header__search input[type=search]:focus {
  border-color: var(--shade-light);
}
.wa-header__search input[type=search]::placeholder {
  color: var(--shade-medium);
  font-size: 1.6rem;
}
.wa-header__search input[type=search]:focus-visible {
  outline: none !important;
}
.wa-header__search button {
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  border-top-right-radius: var(--radius-xxl) !important;
  border-bottom-right-radius: var(--radius-xxl) !important;
  padding: 0px 20px !important;
  margin-left: -12px !important;
  font-size: 1.4rem !important;
  background: var(--primary) !important;
  border: 2px solid var(--primary) !important;
  color: #fff !important;
  cursor: pointer !important;
}
.wa-header__search button:hover {
  background: var(--primary-hover);
  color: #fff;
  border-color: var(--primary-hover);
}
.wa-header__search button:before {
  content: "";
  background-image: url(/wp-content/themes/wooptima-theme/assets/icons/loupe.svg);
  background-size: cover;
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}

.wa-header-user-btn__text {
  font-size: 0px !important;
  transition: 0.2s all;
}
.wa-header-user-btn__icon > svg {
  width: 25px !important;
  height: 25px !important;
}
.wa-header-user-btn:hover .wa-header-user-btn__text {
  font-size: var(--text-s) !important;
  font-weight: 700;
  margin-left: 7px;
  color: #fff !important;
  transition: 0.2s all ease-in-out;
}
.wa-header-user-btn:hover .wa-header-user-btn__name {
  color: #fff !important;
  transition: 0.2s all ease-in-out;
}
.wa-header-user-btn:hover .wa-header-user-btn__icon > svg {
  fill: white;
}

.wa-header__mobile-search__icon > svg {
  width: 27px !important;
  height: 27px !important;
}

.wa-search-modal .wa-header__search {
  width: 100% !important;
}
.wa-search-modal .wa-header__search .widget.woocommerce.widget_product_search {
  width: 100%;
}
.wa-search-modal .wa-header__search button {
  font-size: 0px;
}
.wa-search-modal .wa-header__search button:before {
  margin-right: 0px;
}

@media only screen and (max-width: 992px) {
  .wa-header-user-btn__text {
    display: none;
  }
  .wa-header-user-btn__name {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .wooptima-cart-header {
    width: 40px !important;
    height: 40px !important;
  }
  .wa-header-user-btn__icon > svg {
    width: 20px;
    height: 20px;
  }
  .wa-header__mobile-search__icon > svg {
    width: 20px;
    height: 20px;
  }
}
.wa-footer__menu .menu-item {
  margin: calc(var(--space-xs) * 0.8) 0;
}
.wa-footer__menu .menu-item a:hover {
  color: var(--shade-white);
}
.wa-footer__menu .menu-item a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  border-radius: var(--radius-l);
  transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
  background-color: var(--primary);
}
.wa-footer__menu .menu-item:hover a::after {
  width: 100%;
}