@import 'variables', 'mixin';

/**
 * Table of Contents:

 * 1.0 - checkout_coupon
 * 2.0 - order_review
*/

#paczkomat_id {
	max-width: 100%;
}

.shipping paczkomaty-shipping{
	.select2-container{
		width: 100%;
	}
}

#order_review {

      .woocommerce-shipping-totals label {
            font-family: 'gilroy-regular', sans-serif;
            font-weight: 600;
      }

      th,
      td {
            padding: 20px;

            @include media-max(1200px) {
                  padding: 5px;
            }
      }

      thead,
      tbody,
      tfoot,
      tr,
      td,
      th {
            border: 1px solid #D7D7D7;
      }
}

.woocommerce-form-coupon-toggle {
      a {
            @extend %link-color;
      }
}

.woocommerce-checkout {
      .wpmc-nav-wrapper {
            margin-top: 50px;

            @include media-max(1200px) {
                  flex-direction: column;
            }

            .button {
                  @include media-max(1200px) {
                        margin-top: 10px;
                        width: 100%;
                  }
            }
      }

      .content {
            padding: 60px 0 60px;
      }
}

@keyframes pulse {
      to {
            box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
      }
}

.place-order {
      button#place_order {
            width: 100%;
            animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 15%);

            &:hover {
                  -webkit-animation: none;
                  -moz-animation: none;
                  -ms-animation: none;
                  animation: none;
                  color: #ffffff;
            }
      }
}

h3#payment_heading {
      color: #000000;
      font-family: 'gilroy-regular', sans-serif;
      margin-bottom: 30px;
      margin-top: 40px;
      font-size: 30px;
      line-height: 30px;
      text-align: center;
}

h3#order_review_heading {
      color: #000000;
      font-family: 'gilroy-regular', sans-serif;
      margin-bottom: 30px;
      margin-top: 40px;
      font-size: 30px;
      line-height: 30px;
      text-align: center;
}

.woocommerce-billing-fields {
      h3 {
            color: #000000;
            font-family: 'gilroy-regular', sans-serif;
            margin-bottom: 30px;
            margin-top: 40px;
            font-size: 30px;
            line-height: 30px;
            text-align: center;
      }
}

.acc-form label,
.shipping_address label,
.shipping-calculator-form label,
.woocommerce-billing-fields label,
.woocommerce-address-fields label,
.woocommerce-additional-fields label,
#ship-to-different-address label {
      margin: 0 0 3px;
      font-weight: 400;
}

.acc-form .form-row,
.shipping_address .form-row,
.shipping_address .form-row,
.shipping-calculator-form .form-row,
.woocommerce-billing-fields .form-row,
.woocommerce-address-fields .form-row,
.woocommerce-additional-fields .form-row,
#ship-to-different-address .form-row {
      max-width: 100%;
      margin: 0 auto;
      padding: 10px 0;
}

.acc-form .form-row>span input,
.acc-form .form-row>span>span,
.acc-form .form-row>span>strong,
.shipping_address .form-row>span input,
.shipping_address .form-row>span>span,
.shipping_address .form-row>span>strong,
.shipping-calculator-form .form-row>span input,
.shipping-calculator-form .form-row>span>span,
.shipping-calculator-form .form-row>span>strong,
.woocommerce-billing-fields .form-row>span input,
.woocommerce-billing-fields .form-row>span>span,
.woocommerce-billing-fields .form-row>span>strong,
.woocommerce-address-fields .form-row>span input,
.woocommerce-address-fields .form-row>span>span,
.woocommerce-address-fields .form-row>span>strong,
.woocommerce-additional-fields .form-row>span input,
.woocommerce-additional-fields .form-row>span>span,
.woocommerce-additional-fields .form-row>span>strong,
.acc-form select,
.shipping_address select,
.shipping-calculator-form select,
.woocommerce-billing-fields select,
.woocommerce-address-fields select,
.woocommerce-additional-fields select,
#ship-to-different-address select,
#ship-to-different-address .form-row>span input,
#ship-to-different-address .form-row>span>span,
#ship-to-different-address .form-row>span>strong {
      max-width: 100%;
      display: block;
}

#ship-to-different-address {
      font-weight: 700;
      max-width: 100%;
      margin: 20px auto;
}

.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
      display: inline-block;
      line-height: 36px;
      text-align: center;
      vertical-align: middle;
      width: 40px;
      min-width: 40px;
      min-height: 40px;
      height: 40px;
      margin-top: -19px !important;
      color: #999;
      background: #fff;
      border-radius: 0;
      position: relative;
      font-size: 18px;
      font-weight: 400;
      font-family: 'gilroy-regular', sans-serif;
}

.acc-form textarea,
.shipping_address textarea,
.shipping-calculator-form textarea,
.woocommerce-billing-fields textarea,
.woocommerce-address-fields textarea,
.woocommerce-additional-fields textarea,
#ship-to-different-address textarea {
      max-width: 100%;
      height: 120px;
}

.woocommerce-additional-fields {
      #order_comments_field {
            margin: 0 auto;
      }
}

.woocommerce-billing-fields__field-wrapper {
      .form-row {
            margin: 0 auto;
            padding: 10px 0;
      }
}

.wpmc-steps-wrapper {
      margin-top: 30px;
      max-width: 100%;
      margin: 0 auto;
}

.wpmc-tabs-wrapper {
      margin-top: 20px;
      max-width: 100%;
}

.wpmc-tabs-wrapper .wpmc-tab-item:before {
      border-bottom: 2px solid rgba(#000, 10%);
}

.wpmc-tabs-wrapper .wpmc-tab-item.current::before {
      border-bottom: 2px solid $primary-color;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
      border-color: $primary-color;
}

.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text {
      font-size: 15px;
      margin-top: 10px;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-text {
      color: darken($primary-color, 20%);
}

/* 1.0 - checkout_coupon */
.checkout_coupon {
      .form-row {
            float: left;
            margin: 0 0 10px;

            &-first {
                  margin-right: 15px;
            }
      }
}


/* 2.0 - order_review */
#order_review {
      margin: $header-margin;

      th {
            border-bottom: 1px solid $woo-border-color;
      }

      dl {
            margin: 0;
            display: flex;
            flex-direction: column;
      }

      dd {
            margin: 0 0 0 5px;
      }

      .methods {
            list-style: none;
            padding: 0;

            .payment_method_przelewy24 {
                  img {
                        margin-left: 10px;
                        position: relative;
                        top: -4px;
                  }
            }

            .tpay {
                  &-row {
                        overflow: unset;
                  }

                  &-insidebg {
                        margin: 10px auto 0 !important;
                  }

                  &-info-label {
                        padding: 0 !important;
                  }

                  &-amPmCheckbox {
                        padding-left: 30px;
                        @extend .form-check;

                        input[type="checkbox"] {
                              display: block !important;

                              +label {
                                    background: none !important;
                                    font-family: inherit !important;
                              }
                        }
                  }
            }
      }

      .woocommerce-shipping-totals {
            input[type="radio"] {
                  position: relative;
                  top: 2px;
            }

            label {
                  display: inline;
                  cursor: pointer;
            }

            .woocommerce-shipping-methods {
                  line-height: 1.5;
				  
                  @include media-min(1200px){
                  		min-width: 200px;
				  }
            }
      }

      .place-order button {
            margin: $paragraph-margin $paragraph-margin $paragraph-margin auto;
      }
}

#ship-to-different-address label {
      font-size: 16px;

      span {
            position: relative;
            top: 3px;
      }
}