@import 'partials/variables'; // colors, fonts etc...
@import 'partials/mixins'; // custom mixins
@import 'partials/layout'; // responsive grid and media queries
@import 'partials/notices'; // notices
@import 'partials/checkout_totals'; // checkout totals
@import 'partials/checkout_hidden_items'; // checkout hidden items

/* force with id priority to override theme defaults */
#xt_woofc {

  &.xt_woofc-cart-open .select2-dropdown,
  &.xt_woofc-cart-open ~ .select2-dropdown {
    z-index: 9999980 !important;
  }

  &.xt_woofc-cart-open .select2-container,
  &.xt_woofc-cart-open ~ .select2-container,
  &.xt_woofc-cart-open .ui-datepicker,
  &.xt_woofc-cart-open ~ .ui-datepicker {
    z-index: 9999990 !important;
  }
}
.woocommerce-form-coupon-toggle{
  display:none;
}

#query-monitor-main {
  display: none!important;
}

html{
  font-size: var(--xt-woofc-checkout-form-font-size);
  border-top: var(--xt-woofc-border);
  color: var(--xt-woofc-color);
  background-color: var(--xt-woofc-bg-color)!important;
  line-height: 1.4;

  h1, h2, h3, h4, h5, h6{
    color: var(--xt-woofc-primary-color);
  }

  a {
    color: var(--xt-woofc-link-color);
    transition: color 0.3s;

    .xtfw-no-touchevents &:hover,
    .xtfw-touchevents &:focus {
      color: var(--xt-woofc-link-hover-color);
    }
  }

  .button {
    background: var(--xt-woofc-checkout-btn-bg-color) !important;
    color: var(--xt-woofc-checkout-btn-color) !important;
    border: 0 !important;

    &:hover {
      background: var(--xt-woofc-checkout-btn-bg-hover-color) !important;
      color: var(--xt-woofc-checkout-btn-hover-color) !important;
    }
  }

}

.xt_woofc-checkout-wrap {

  font-size: var(--xt-woofc-checkout-form-font-size);
  border-top: var(--xt-woofc-border);
  color: var(--xt-woofc-color);
  background-color: var(--xt-woofc-bg-color);
  line-height: 1.4;

  > .woocommerce > p {
    padding: 20px 15px;
  }

  form.woocommerce-form-login {
    padding: 15px;
    border: 0;
    border-bottom: 1px solid var(--xt-woofc-border-color);
    border-radius: 0;
    margin: 0;
    line-height: 1.3;

    p:not(.form-row):first-of-type {
      margin-bottom:10px;
      padding-bottom:15px;
      border-bottom: var(--xt-woofc-border);
      opacity: 0.8;
    }
  }

  form.checkout {
    padding: 15px 15px 0 15px;
    margin-top: -1px;
    border-top: var(--xt-woofc-border);

    .xt-framework-notices,
    .woocommerce-NoticeGroup,
    .woocommerce-notices-wrapper{
      margin:-15px -15px 15px;
    }

    .blockUI {
      display: none !important;
    }

    h3{
      margin-bottom: 10px;

      &:not(#ship-to-different-address) {
        font-size:16px;
      }

      &#ship-to-different-address {
        margin-bottom: 10px;
        font-weight: initial;
      }
    }

    .woocommerce-shipping-fields {
      margin-top: 10px;
    }

    .form-row {
      padding: 3px 0!important;
      &.place-order{
        padding: 0!important;
        margin: 0!important;
      }
    }

    #customer_details{
      margin-bottom: 20px;
      overflow: hidden;
    }

    #order_review,
    #order_review_heading {
      width: 100%;
      float: none;
      clear: initial;
    }

    .woocommerce-form__input-checkbox {
      display: inline;
      margin: -2px 8px 0 0;
      text-align: center;
      vertical-align: middle;
    }

    .woocommerce-terms-and-conditions-wrapper {
      margin-top: 15px;
      line-height: 1.4;
      font-size: 90%;

      .form-row.validate-required {
        margin-top: 15px;
        padding: 15px 0 0!important;
        border-top: 1px solid var(--xt-woofc-border-color);
      }
    }

    #place_order{
      display: block!important;
      transform: translateY(100%)!important;
      opacity: 0!important;
      visibility: hidden!important;
      height: 0!important;
      overflow: hidden!important;
      padding: 0!important;
      margin: 0!important;
    }

    .ppc-button-wrapper {
      padding: 0!important;
      #ppc-button {
        padding: 15px!important;
      }
    }

  }
}