/*  */
/* STYLES FOR MH AND CUSTOM PROGRESS BAR */
/*  */

/* MH Free Gifts Styles */

.mhfgfwc-gift-header,
.mhfgfwc-gift-selector,
.mhfgfwc--checkout {
  display: none;
}

.product_list_widget > li .mhfgfwc-badge img {
  max-width: 20px;
  min-width: 20px;
}

/* Hide quantity controls for gift items */
.mh-custom-gift-item .quantity,
.mh-custom-gift-item .wd-cart-quantity,
.mh-custom-gift-item .plus,
.mh-custom-gift-item .minus {
  display: none !important;
}

.mh-custom-gift-item .variation .item-variation-name {
  display: none;
}

.cart-widget-side .mh-custom-gift-item .cart-info .wd-entities-title {
  font-size: 14px;
}

/* Gift Progress Bar Cart/Checkout */

#custom-gift-progress {
  background: #f8f8f8;
  padding: 15px 5px 5px 35px;
  border-radius: 12px;
  margin-bottom: 25px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  text-align: center;
}

.gift-progress-message {
  text-align: left;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 13px;
  padding-left: 5px;
}

.custom-gift-progress-bar-wrapper,
.cart-widget-side .custom-gift-progress-bar-wrapper {
  position: relative;
  padding-top: 15px;
  width: 90%;
  margin: 0 auto;
}

.gift-progress-bar {
  height: 8px;
  background: #ddd;
  border-radius: 20px;
  position: relative;
}

.gift-progress-bar-fill {
  height: 100%;
  background: var(--atop-carriers-selected-border, #6dab3c);
  border-radius: 20px;
  transition: width 0.4s;
}

.progress-bar-step {
  position: absolute;
  top: -18px;
  transform: translateX(-50%);
  width: 75px;
}

.progress-bar-gift-icon,
.cart-widget-side .progress-bar-gift-icon {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto 10px auto;
}

.progress-bar-gift-icon img {
  width: 100%;
  height: auto;
  display: block;
}
.progress-bar-gift-icon .unlocked-img {
  display: none;
}

.progress-bar-gift-icon.is-unlocked .locked-img {
  display: none;
}

.progress-bar-gift-icon.is-unlocked .unlocked-img {
  display: block;
}

.progress-bar-gift-label {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

span.progress-bar-sub {
  font-size: 12px;
  opacity: 0.6;
  display: block;
}

/* */

/* BAR FOR MINI CART */
.cart-widget-side #custom-gift-progress {
  display: block;
  width: 95%;
  padding: 10px 5px;
  margin: 10px auto 20px auto;
}

.cart-widget-side .custom-gift-progress-bar-wrapper {
  display: block;
}

.cart-widget-side .progress-bar-mobile-steps {
  display: none !important;
}

.cart-widget-side .gift-progress-message {
  margin-bottom: 30px;
  text-align: center;
}

.cart-widget-side .progress-bar-gift-label {
  display: none;
}

.cart-widget-side .progress-bar-mobile-wrapper {
  display: none;
}

.cart-widget-side .progress-bar-step:nth-of-type(4) {
  left: 95% !important;
}
/* END MINI CART BAR  */

@media (max-width: 640px) {
  .custom-gift-progress-bar-wrapper {
    display: none;
  }

  .progress-bar-mobile-steps {
    display: block;
    position: relative;
    padding-left: 30px;
  }

  .progress-bar-mobile-step {
    position: relative;
    margin-bottom: 24px;
    text-align: left;
  }

  .progress-bar-mobile-step:last-of-type {
    margin-bottom: 0px;
  }

  .progress-bar-mobile-step
    .progress-bar-mobile-content
    .progress-bar-mobile-title {
    opacity: 0.6;
  }

  .progress-bar-mobile-step.is-done
    .progress-bar-mobile-content
    .progress-bar-mobile-title {
    opacity: 1;
  }

  .progress-bar-mobile-icon {
    position: absolute;
    left: -40px;
    width: 32px;
    height: 32px;
  }

  .progress-bar-mobile-icon img {
    width: 100%;
  }

  .progress-bar-mobile-icon .unlocked-img {
    display: none;
  }

  .progress-bar-mobile-step.is-done .locked-img {
    display: none;
  }

  .progress-bar-mobile-step.is-done .unlocked-img {
    display: block;
  }

  .progress-bar-mobile-title {
    font-weight: 600;
    font-size: 13px;
  }

  .progress-bar-mobile-sub {
    font-size: 12px;
    opacity: 0.6;
  }
}
.progress-bar-mobile-wrapper {
  display: flex;
  align-items: anchor-center;
  gap: 10px;
}

.progress-bar-mobile-track {
  position: relative;
  width: 3px;
  background: #e5e5e5;
  border-radius: 10px;
  height: 100%;
  min-height: 160px;
}

.progress-bar-mobile-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #709900;
  border-radius: 10px;
  transition: height 0.35s ease;
}

@media only screen and (min-width: 768px) {
  .progress-bar-mobile-steps,
  .progress-bar-mobile-wrapper {
    display: none;
  }
  .progress-bar-step {
    width: max-content;
  }
  .progress-bar-step:nth-of-type(4) {
    left: 95% !important;
  }
  .gift-progress-message {
    text-align: center;
    margin-bottom: 15px;
  }

  .progress-bar-gift-icon {
    width: 45px;
    height: 45px;
  }
  .custom-gift-progress-bar-wrapper {
    padding-top: 30px;
  }
  #custom-gift-progress {
    padding: 15px 25px 45px 5px;
  }
  .cart-widget-side #custom-gift-progress {
    padding: 15px 5px;
  }
}