/**************************************************/
/*                   PAYMENT                      */
/**************************************************/

.wc_payment_methods {
  &.payment_methods {
    &.methods {
      display: flex;
      flex-direction: column;
    }
  }
}

.wc_payment_method {
  &.payment_method_cod {
    margin-right: 0 !important;
  }
}

.payment_box {
  &.payment_method_ppcp-gateway,
  &.payment_method_cod {
    display: none !important;
  }
}

#customer_details {
  margin-bottom: 0;

  .col-1 {
    width: 100%;

    .woocommerce-billing-fields {
      h3 {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0px;
        line-height: 28px;
        margin: 0;
      }
    }
  }

  .col-2 {
    width: 100%;
  }
}

.woocommerce {
  form {
    .form-row {
      width: 100%;
      padding: 0;
      margin-top: 34px;

      .optional {
        display: none;
      }

      label {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0px;
        line-height: 22px;
        margin-bottom: 21px;

        &.required {
          color: var(--text-color-2);
        }

        &:after {
          display: block;
          font-size: 12px;
          line-height: 20px;
          letter-spacing: 0;
          font-weight: 300;
          margin-top: 14px;
          min-height: auto;

          @media (min-width: 768px) {
            min-height: 40px;
          }

          @media (min-width: 992px) {
            min-height: auto;
          }
        }
      }
    }

    #billing_first_name_field {
      label {
        &::after {
          content: "Usa gli stessi dati presenti sul tuo documento d’identità";
        }
      }
    }
    #billing_last_name_field {
      label {
        &::after {
          content: "Usa gli stessi dati presenti sul tuo documento d’identità";
        }
      }
    }

    #billing_phone_field {
      label {
        &::after {
          content: "Potremmo inviarti aggiornamenti via SMS/Whatsapp";
        }
      }
    }

    #billing_email_field {
      label {
        &::after {
          content: "Invieremo i tuoi biglietti a questo indirizzo e-mail";
        }
      }
    }

    #billing_em_ver_field {
      label {
        &::after {
          content: "Per assicurarci che sia tutto corretto";
        }
      }
    }

    #billing_em_gift_field {
      label {
        &:after {
          content: "Inserisci la e-mail della persona a cui vuoi regalare il biglietto";
        }
      }
    }

    #order_comments_field {
      order: 2;
      margin-top: 0;

      label:after {
        content: "Vuoi scrivere un messaggio?";
        margin-top: 0;
      }
    }

    #order_comments {
      &::placeholder {
        display: none !important;
      }
    }
  }
}

.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.woocommerce-shipping-fields,
.woocommerce-form-coupon-toggle {
  display: none;
}
#coupon-code-wrapper {
  margin-bottom: 30px;
}
.pubfa-checkout-form {
  & > .position-relative {
    & > .row {
      & > .col-12 {
        & > form {
          p {
            &:not(.form-row) {
              width: auto;
              max-height: 14px;
              font-size: 12px;
              line-height: 12px;
              letter-spacing: 0;
              margin-top: 40px;
              margin-bottom: 23px;
              color: #00a841;
              text-decoration: underline;
              width: 100%;

              @media (min-width: 992px) {
                margin-top: 0;
                margin-bottom: 0;
              }
            }
          }
        }
      }
    }
  }
}

#add_payment_method,
.woocommerce-cart,
.woocommerce-checkout {
  #payment {
    background-color: var(--bg-color-1);
    border-radius: 0;

    .wc_payment_methods {
      &.payment_methods {
        &.methods {
          padding: 0;
          display: flex;
          border: none;

          li {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: 0;
            display: flex;
            align-items: center;
            /* margin-right: 29px!important; */

            input[type="radio"] {
              margin-right: 6px;
              accent-color: var(--title-color);
              border-color: var(--text-color-2);
            }
          }
        }
      }
    }

    .form-row {
      width: 100%;
      padding: 0 !important;
    }
  }
}
.woocommerce-checkout {
  width: 100%;
  /* .form-row {
    &.form-row-first {
      width: calc(100% - 88px);
      padding-right: 9px;
      margin-top: 0;

      @media (min-width: 768px) {
        width: calc(100% - 88px - 25px);
      }

      @media (min-width: 992px) {
        width: calc(50% - 88px - 25px);
      }
    }

    &.form-row-last {
      width: auto;
      margin-top: 0;

      @media (min-width: 992px) {
        float: none;
      }
    }
  } */
}

.pubfa-checkout-form {
  .text-1 {
    margin-bottom: 26px;

    &.event-title {
      font-weight: bold;
    }

    &.event-slot-date,
    &.event-slot-time,
    &.event-ticket-name {
      img {
        margin-right: 12px;
      }
    }
  }
}



.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: 120px;
  height: 40px;
  font-size: 14px;
  line-height: 12px;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid var(--title-color);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--bg-color-1);
  background-color: var(--title-color);
  transition: 0.3s;

  &:hover,
  &:active {
    text-decoration: none;
    color: var(--title-color);
    background-color: var(--bg-color-1);
  }
}
.payment_box.payment_method_cod {
  display: none;
}
.ppc-button-wrapper {
  width: 100%;
}
#ppc-button-ppcp-gateway {
  /* display: block!important; */
  width: 100% !important;
  height: 30px;
}
.woocommerce button.button,
.woocommerce button.button:visited {
  font-size: 14px;
  width: 88px;
  line-height: 14px;
  padding: 9px;
  color: #00a841;
  background-color: var(--bg-color-1);
  border: 1px solid #00a841;
  border-radius: 4px;
  transition: 0.3s;
}
.woocommerce button.button:hover,
.woocommerce button.button:active {
  color: var(--bg-color-1);
  background-color: #00a841;
  border: 1px solid #00a841;
}
.form-row input,
textarea {
  padding: 9px;
  border: 1px solid var(--text-color-2);
  border-radius: 4px;
}
@media (min-width: 768px) {
  .woocommerce-billing-fields__field-wrapper {
    flex-direction: row;
  }
  .woocommerce form .form-row {
    padding-right: 25px;
    width: 50%;
  }
  .woocommerce form .form-row#billing_phone_field {
    width: 100%;
    padding-right: calc(50% + 25px);
  }
}
.woocommerce-additional-fields__field-wrapper {
  display: flex;
  flex-direction: column;
}
.woocommerce-additional-fields h3 {
  display: none;
}
.woocommerce-additional-fields,
#order_review_heading,
.woocommerce table.shop_table thead,
.woocommerce table.shop_table tbody,
.woocommerce table.shop_table tfoot .cart-subtotal {
  display: block;
  border: none;
}
.woocommerce table.shop_table tfoot {
  border-top: 1px solid var(--text-color-2);
  border-bottom: 1px solid var(--text-color-2);
}
.woocommerce table.shop_table tfoot td {
  border-top: none;
}
.woocommerce-checkout #payment .wc_payment_methods.payment_methods.methods li {
  margin-right: 0;
}
.form-row.place-order {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#order_review_heading,
#order_review .cart_item,
#order_review .cart-subtotal {
  display: none;
}
#order_review .woocommerce-shipping-totals.shipping,
#payment > div > div {
  display: block;
}

#order_review .order-total {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  border-top: 1px solid var(--bg-color-2);
  border-bottom: 1px solid var(--bg-color-2);
}
#order_review .order-total th {
  padding: 0;
  border: none;
}
#order-review-frame {
  border: 1px solid var(--bg-color-2);
  border-radius: 4px;
  padding: 22px;
}
.woocommerce table.shop_table td {
  padding: 0;
}
button.button.alt.wp-element-button::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/Checkout-white.svg");
  margin-right: 8px;
}
button.button.alt.wp-element-button,
button.button.alt.wp-element-button:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: var(--bg-color-1);
  background-color: var(--title-color);
  border: 1px solid var(--title-color);
  transition: 0.3s;
  margin-bottom: 25px;
}
button.button.alt.wp-element-button:hover,
button.button.alt.wp-element-button:active {
  width: 100%;
  color: var(--bg-color-1);
  background-color: var(--bg-color-2);
  border: 1px solid var(--bg-color-2);
}

.cart_totals.calculated_shipping .order-total,
.cart-empty.woocommerce-info::before {
  display: none;
}

/**************************************************/
/*                ORDER RECIEVED                  */
/**************************************************/
.woocommerce-order-details__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: var(--title-color);
  margin-bottom: 23px;
}

.woocommerce-table__product-name.product-name,
.woocommerce-table__product-total.product-total {
  border: none !important;
}
.woocommerce-table__product-name.product-name a,
.woocommerce-table__product-name.product-name a:visited {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: var(--text-color-1);
  margin-bottom: 13px !important;
  text-decoration: none;
  transition: 0.3s;
}
.woocommerce-table__product-name.product-name a:hover,
.woocommerce-table__product-name.product-name a:active {
  color: var(--text-color-1);
  text-decoration: underline;
}
.woocommerce-table__product-name.product-name .product-quantity,
.woocommerce-table__product-name.product-name .date_panel {
  display: none;
}
body.woocommerce-payment
  .woocommerce-table__product-name.product-name
  .order_item_meta_values {
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 22px;
  margin-bottom: 22px;
}
.woocommerce-table__product-name.product-name .order_item_meta_values span b {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.date-logo,
.time-logo,
.service-logo {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.date-logo {
  display: flex;
  align-items: center;
  background-image: url("../img/Seleziona-data.svg");
}
.time-logo {
  display: flex;
  align-items: center;
  background-image: url("../img/Orario.svg");
}
.service-logo {
  background-image: url("../img/Servizi-aggiuntivi.svg");
}
.woocommerce-table__product-name.product-name a:first-of-type {
  display: inline-block;
  margin-bottom: 23px !important;
}
.order-recieved-service:nth-of-type(2) {
  margin-top: 23px !important;
}
.order-recieved-service {
  display: flex;
  align-items: center;
}
.order_item_meta_values {
  margin-bottom: 23px !important;
}
.woocommerce-checkout ._view_and_pdf_row {
  display: flex;
}
.woocommerce-checkout ._view_and_pdf_row a.button.wc-forward,
.woocommerce-checkout ._view_and_pdf_row a.button.wc-forward:visited {
  font-weight: 300;
  color: var(--bg-color-1) !important;
  background-color: var(--title-color);
  border: 1px solid var(--title-color);
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 63px;
  margin-right: 4px;
}
.woocommerce-checkout ._view_and_pdf_row a.button.wc-forward:hover,
.woocommerce-checkout ._view_and_pdf_row a.button.wc-forward:active {
  font-weight: 300;
  color: var(--title-color) !important;
  background-color: var(--bg-color-1);
  border: 1px solid var(--title-color);
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .woocommerce-checkout .woocommerce-table__product-name.product-name {
    width: 100%;
  }
  .woocommerce-checkout ._view_and_pdf_row {
    width: 100%;
  }
  .woocommerce-checkout ._view_and_pdf_row a.button.wc-forward {
    height: 40px;
  }
}

.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received
  .woocommerce-table--order-details
  tfoot
  tr:first-child {
  display: none !important;
}
.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--bg-color-2);
}
.woocommerce-order-received .woocommerce-table--order-details tfoot tr th {
  border: none;
  padding-left: 0;
}
#ywbc_barcode_value {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
#ywbc_barcode_value img {
  max-width: 120px;
  margin: 0 auto;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after {
  display: none;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details
  li {
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 23px;
  width: auto;
}
@media (min-width: 768px) {
  .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    justify-content: center;
  }
  .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details
    li {
    margin: 0 23px;
  }
}

#account_password_field {
  z-index: -999;
  opacity: 0 !important;
  position: absolute !important;
}