/**Layout*/
.ast-modern-checkout .entry-content[data-ast-blocks-layout] > * {
  max-width: 100%;
}

.woocommerce-message {
  background-color: var(--ast-global-color-0) !important;
  border-color: var(--ast-global-color-3) !important;
}

.ast-modern-checkout #primary {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0 !important;
}

form.checkout.woocommerce-checkout {
  display: grid !important;
  grid-template-columns: 55% 45%;
}

form.checkout.woocommerce-checkout > div {
  width: 100% !important;
  max-width: 100% !important;
}

.ast-modern-checkout .ast-two-column-checkout {
  margin-bottom: 0 !important;
}

.ast-modern-checkout .entry-content[data-ast-blocks-layout] > * {
  max-width: 100%;
  margin-bottom: 0 !important;
}

/**Customer Info*/
div#customer_details {
  margin: 0 !important;
  padding: var(--gap-xl) !important;
  position: sticky;
  top: 0;
  padding-top: calc(
    (var(--nav-bar-pad) * 2) + var(--height-logo-wappen) +
      var(--height-logo-txt) + var(--gap-logo)
  ) !important;
  transition: all var(--trans-dur) cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}

.small div#customer_details {
  padding-top: calc(
    (var(--nav-bar-pad) * 2) + var(--height-logo-wappen) + var(--gap-logo)
  ) !important;
}

div#customer_details > .col-1 {
  padding-top: var(--gap-l) !important;
}

div#customer_details input,
div#customer_details span.select2-selection.select2-selection--single {
  border: 0 !important;
  border-bottom: 1px solid var(--ast-global-color-3) !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.checkout #customer_details input {
  padding-bottom: 1.3em !important;
}

textarea#order_comments {
  border: 1px solid var(--ast-global-color-3);
}

.woocommerce-billing-fields .form-row > label {
  padding-left: 0 !important;
  margin-top: 0 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--ast-global-color-4);
}

#billing_country_field .select2-selection--single {
  padding-bottom: 0.5em !important;
  padding-top: 1em !important;
}

/**Formular*/

.woocommerce-billing-fields__field-wrapper {
  gap: var(--gap-m) var(--gap-s);
}

.ast-modern-checkout
  #main
  .woocommerce
  form.woocommerce-checkout
  .form-row.form-row-first,
.ast-modern-checkout
  #main
  .woocommerce
  form.woocommerce-checkout
  .form-row.form-row-last {
  width: calc(50% - var(--gap-s) / 2);
}

.ast-modern-checkout
  #main
  .woocommerce
  form.woocommerce-checkout
  .form-row.ast-column-50 {
  width: calc(50% - var(--gap-s) / 2);
}

.ast-modern-checkout
  #main
  .woocommerce
  form.woocommerce-checkout
  .form-row.ast-column-33 {
  width: calc(50% - var(--gap-s) / 2);
}

span.select2:has(span#select2-billing_state-container) {
  display: none;
}

body:not(.cartflows-canvas):not(.cartflows-default).ast-modern-checkout
  .woocommerce
  form
  .form-row
  label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox) {
  padding: 0;
}

span.select2-dropdown.select2-dropdown--below {
  border-color: var(--ast-global-color-3) !important;
}

.ast-modern-checkout span.select2-dropdown.select2-dropdown--below * {
  border-color: var(--ast-global-color-3) !important;
}

.ast-modern-checkout span.select2-dropdown.select2-dropdown--below * {
  background-color: var(--ast-global-color-0);
}

.ast-modern-checkout
  .select2-container--default
  .select2-results__option--highlighted[aria-selected],
.ast-modern-checkout
  .select2-container--default
  .select2-results__option--highlighted[data-selected] {
  background-color: var(--ast-global-color-3) !important;
  color: var(--ast-global-color-0) !important;
}

div#customer_details input::placeholder {
  color: var(--ast-global-color-4);
}

.ast-modern-checkout
  .woocommerce
  form.woocommerce-checkout
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper {
  margin: 0 !important;
}

/**Order Overview*/

div#ast-order-review-wrapper {
  background-color: var(--ast-global-color-0);
  padding: var(--gap-l);
  padding-top: calc(
    (var(--nav-bar-pad) * 2) + var(--height-logo-wappen) +
      var(--height-logo-txt) + var(--gap-logo)
  ) !important;
  transition: all var(--trans-dur) cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}

.small div#ast-order-review-wrapper {
  padding-top: calc(
    (var(--nav-bar-pad) * 2) + var(--height-logo-wappen) + var(--gap-logo)
  ) !important;
}

div#order_review {
  display: flex !important;
  flex-direction: column;
  padding-top: var(--gap-l) !important;
}

.ast-modern-checkout
  .ast-two-column-checkout
  .woocommerce-checkout
  #ast-order-review-wrapper
  #order_review_heading {
  margin-top: 0 !important;
}

/**Payment*/

.payment_box.payment_method_stripe p {
  color: var(--ast-global-color-4) !important;
}

.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box {
  border-top: 1px solid var(--ast-global-color-3) !important;
  background-color: var(--ast-global-color-0) !important;
  /*   border-bottom: 1px solid var(--ast-global-color-3) !important; */
  border-radius: 0 !important;
}

.ast-modern-checkout
  .woocommerce
  #payment
  ul.payment_methods
  > li:not(.woocommerce-info) {
  border-bottom: 1px solid var(--ast-global-color-3) !important;
}

.ast-modern-checkout .woocommerce #payment ul.payment_methods {
  border: unset !important;
  padding-left: 0 !important;
}

#payment fieldset:first-of-type {
  margin-bottom: 5px !important;
}
#payment fieldset {
  border: 1px solid var(--ast-global-color-3);
}

.woocommerce-js form .form-row .required {
  color: var(--ast-global-color-3) !important;
}

.ast-modern-checkout
  .woocommerce
  #payment
  ul.payment_methods
  > li:not(.woocommerce-info) {
  padding-left: 0 !important;
}

.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box {
  width: calc(100% + 15px) !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
}

.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box {
  padding-inline: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
}

.ast-modern-checkout
  .woocommerce
  #payment
  ul.payment_methods
  > li:not(.woocommerce-info) {
  padding-right: 0 !important;
}

.payment_box.payment_method_stripe
  p.woocommerce-SavedPaymentMethods-saveNew
  label {
  white-space: normal !important;
}

.ast-product-name,
.ast-product-name + .product-quantity,
.woocommerce-checkout li label[for^="shipping_method_"] {
  white-space: nowrap !important;
}

.shop_table.woocommerce-checkout-review-order-table .product-name {
  flex-wrap: nowrap !important;
}

.ast-modern-checkout
  .woocommerce
  #payment
  ul.payment_methods
  > li:not(.woocommerce-info) {
  padding-left: 0 !important;
}

.shop_table.woocommerce-checkout-review-order-table td.product-name,
.shop_table.woocommerce-checkout-review-order-table th {
  padding-left: 0 !important;
}

.ast-modern-checkout
  .woocommerce
  #order_review
  .woocommerce-checkout-review-order-table
  tr
  td {
  padding-right: 0 !important;
}

table.shop_table.woocommerce-checkout-review-order-table thead tr th {
  padding-right: 0 !important;
}
/**Order Summary*/

.ast-modern-checkout
  .woocommerce
  #ast-order-review-content
  .woocommerce-checkout-review-order-table,
.ast-modern-checkout
  .woocommerce
  #order_review
  .woocommerce-checkout-review-order-table {
  padding: 0 !important;
  background-color: transparent;
  margin: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ast-modern-checkout
  .woocommerce
  #ast-order-review-content
  .woocommerce-checkout-review-order-table
  tr
  td,
.ast-modern-checkout
  .woocommerce
  #ast-order-review-content
  .woocommerce-checkout-review-order-table
  tr
  th,
.ast-modern-checkout
  .woocommerce
  #order_review
  .woocommerce-checkout-review-order-table
  tr
  td,
.ast-modern-checkout
  .woocommerce
  #order_review
  .woocommerce-checkout-review-order-table
  tr
  th {
  border-color: var(--ast-global-color-3) !important;
}

.wc-gzd-order-submit {
  order: 1;
}

.wc-gzd-checkbox-placeholder.wc-gzd-checkbox-placeholder-legal {
  order: 1;
}

button#place_order {
  color: var(--ast-global-color-3) !important;
  font-size: var(--btn-font-size);
  font-family: var(--headlinefont);
  font-weight: 400;
  padding: 1em 2em !important;
  border-radius: 5px;
  background-color: var(--ast-global-color-0) !important;
  color: var(--ast-global-color-3);
  text-transform: uppercase;
  margin-bottom: 0 !important;
  border: 1px solid;
  width: auto;
  display: flex !important;
  justify-content: center;
  transition: all 0.5s ease 0s;
}

button#place_order:hover {
  background-color: var(--ast-global-color-3) !important;
  color: var(--ast-global-color-0) !important;
}
.ast-modern-checkout
  .woocommerce
  #order_review
  .woocommerce-checkout-review-order-table
  tr
  th,
.ast-modern-checkout
  .woocommerce
  #order_review
  .woocommerce-checkout-review-order-table
  tr
  td {
  padding-bottom: 0.5em !important;
}

/* Submit */

.wc-gzd-order-submit .form-row.place-order.wc-gzd-place-order {
  padding-inline: 0 !important;
}

.ast-modern-checkout
  .woocommerce
  #payment
  ul.payment_methods
  > li:has(input:checked) {
  border-bottom: none !important;
}

/* Media Query */

@media screen and (min-width: 1753px) {
}

@media screen and (max-width: 1035px) {
  .woocommerce-billing-fields-custom {
    margin-bottom: var(--gap-m);
  }

  .woocommerce-billing-fields h3 {
    margin-bottom: var(--gap-s) !important;
  }

  div#customer_details {
    padding-inline: var(--gap-m) !important;
  }

  div#ast-order-review-wrapper {
    padding-right: var(--gap-m) !important;
  }
}

@media screen and (max-width: 990px) {
  div#customer_details {
    position: unset;
  }

  form.checkout.woocommerce-checkout {
    grid-template-columns: 1fr;
  }

  #customer_details {
    z-index: 9;
  }

  .small div#ast-order-review-wrapper {
    z-index: 99;
  }

  #customer_details {
    padding-inline: var(--gap-m) !important;
  }

  .small div#ast-order-review-wrapper {
    padding-inline: var(--gap-m) !important;
  }

  .small div#ast-order-review-wrapper {
    padding-top: var(--gap-xl) !important;
  }
  div#order_review {
    padding-top: 0 !important;
  }
}