/* MailPoet Subscribe Fixes */
.mailpoet-subscription-section {
  padding-top: 50px;
}

.mailpoet-subscription-section h3:before {
  content: "\E0E1";
}

/* 2 column layout */
@media (min-width: 981px) {

  /* .woocommerce {
        overflow: hidden;
      } */
  .woocommerce:after {
    clear: both;
  }

  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1 {
    width: 100%;
  }

  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    display: none;
  }

  .woocommerce .col2-set,
  .woocommerce-page .col2-set {
    float: left;
    width: 48%;
  }

  #order_review_heading,
  .woocommerce #order_review,
  .woocommerce-page #order_review {
    float: left;
    width: 48%;
    margin-left: 4%;
  }
}

/* Rounded corners on the WooCommerce "alert" messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-radius: 3px;
}

/* Style form fields to look like Divi */
input.text,
input.title,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
  border: none;
  background-color: #eee;
}

.select2-container .select2-selection--single {
  height: 49px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 49px;
  color: #4e4e4e;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 8px;
}

.select2-container--default .select2-selection--single {
  background-color: #eee;
  border: none;
}

/* some tweaks to simplify the payment method area */
.woocommerce-checkout #payment {
  background: none !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: none;
}

.woocommerce-shipping-totals {
  display: none;
}

#customer_details .col-2 {
  display: block !important;
}

/* ====================================================== */
/* ========== Format checkbox on checkout page ========== */
/* ====================================================== */
#ship-to-different-address {
  border-bottom: none;
  padding-bottom: 0px;
  font-size: 16px;
}

#shipping-license {
  border-bottom: 1px solid #f5f5f7;
  padding-bottom: 20px;
  font-size: 16px;
}



/* ====================================================== */
/* ===================== WOOCOMMERCE ==================== */
/* ====================================================== */

/* Change default WooCommerce button color */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  background-color: var(--e-global-color-primary) !important;
  color: #ffffff !important;
  /* Optional: change text color */
  border-color: var(--e-global-color-primary) !important;
}

/* Change hover state color */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background-color: var(--e-global-color-primary) !important;
  color: #ffffff !important;
  /* Optional: change text color on hover */
}

/* For Chrome, Safari, Edge, and Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* For Internet Explorer 10+ */
input[type=number] {
  -ms-appearance: none;
  margin: 0;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 180px;
}

.woocommerce-checkout .col-2 {
  width: 100% !important;
}