/* Layout */
#primary {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  #primary {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  #primary {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  #primary {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  #primary {
    max-width: 1030px;
  }
}

@media (min-width: 1400px) {
  #primary {
    max-width: 1320px;
  }
}

.woocommerce-breadcrumb,
.woocommerce-ordering,
.woocommerce-result-count,
.sku_wrapper {
  display: none;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--main-text-color);
}

section.up-sells,
section.related {
  clear: both;
  padding-top: 2rem;
}

.variations .label {
  min-width: 120px;
}

.product_meta {
  display: flex;
  flex-direction: column;
}

.woocommerce div.product .woocommerce-tabs {
  clear: left;
  width: 48%;
  float: left;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background: transparent;
  border-bottom: 1px solid var(--input-border-color);
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: 0;
  margin: 0 -5px;
  padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 1px solid var(--button-bg-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--button-bg-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: .5em 0;
  font-weight: 700;
  color: var(--main-text-color);
  text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}

#tab-description>h2 {
  display: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top: 3px solid var(--button-bg-color) !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  color: var(--button-bg-color) !important;
}


.add_to_cart_button svg {
  margin-top: -4px;
}

.add_to_cart_button .spinner-border {
  display: none;
}

.add_to_cart_button.loading .spinner-border {
  display: block;
}

.add_to_cart_button.loading svg {
  display: none;
}

.add_to_cart_button.added {}


/* buttons */
.wc-block-grid__product-add-to-cart a,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce button.button,
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: .175rem solid transparent;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem;
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
  border-color: var(--button-bg-color);
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:hover,
.wc-block-grid__product-add-to-cart a:hover,
.wc-block-grid__product-add-to-cart a:focus,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  color: var(--button-hover-text-color);
  background-color: var(--button-hover-bg-color);
  border-color: var(--button-hover-bg-color);
  outline: none;
}


/* Inputs */
.woocommerce textarea,
.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=tel],
.woocommerce input[type=number],
.woocommerce input[type=password],
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  display: block;
  width: 100%;
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--main-text-color);
  background-color:var(--light-bg-color);
  background-clip: padding-box;
  border: .175rem solid var(--input-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  padding: .5rem 1rem;
}

.woocommerce select {
  display: block;
  width: 100%;
  padding: .5rem 2.25rem .5rem 1rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--main-text-color);
  background-color:var(--light-bg-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: .175rem solid var(--input-border-color);
  border-radius: .3rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.woocommerce .quantity .qty {
  width: 90px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 43%;
}

/* cart */

.woocommerce .col2-set,
.woocommerce-page .col2-set {
  margin-bottom: 1rem;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce table.shop_table {
  border: .175rem solid var(--input-border-color);
  border-radius: 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  border-radius: 0;

}

.mc4wp-checkbox-woocommerce {
  margin: 1rem 0;
}

.mc4wp-checkbox-woocommerce span {
  padding-left: .75rem;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: none;
}

@media only screen and (max-width: 768px) {
  .woocommerce div.product .woocommerce-tabs {
    clear: both;
    width: 100%;
    float: none;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%;
  }

  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: none;
    width: 100%;
  }
}