Tagline

Checkout page

Billing details

Additional information

Your order

Product Subtotal
Subtotal $0.00
Tax $0.00
Total $0.00

Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy.

  • Free shipping

    Lorem ipsum dolor sit amet, consectetur adipiscing elit lobortis arcu enim.

  • 12 months warranty

    Lorem ipsum dolor sit amet, consectetur adipiscing elit lobortis arcu enim.

/* -- The root styles must go in the element of the structure with the name "Checkout"(Section). --*/

.checkout-2 {
  /* Form details */
  .checkout-2__form-details {
    h3 {
      margin-bottom: var(--space-s);
    }

    /* Checkout form  styles*/
    .form-row {
      margin-bottom: var(--space-s);
    }

    #ship-to-different-address label{
      width: 100%;
      padding-inline-end: var(--space-m);
    }

    .checkbox{
      border: none;
    }

    /* Inputs styles */
    .input,
    input:not([type=submit]),
      select,
      textarea {
        border: 1px solid var(--dark-20);
        border-radius: var(--radius-xs);
        padding: var(--space-xs);

        &:focus {
          border-color: var(--dark);
        }
    }

    /* 2 column field styles */
    .form-row-first,
    .form-row-last {
      width: calc(50% - var(--space-m)/2);

      @media (max-width: 991px) {
        width: 100%;
      }
    }
  }

  /* Default values of woocommerce fields */
  .form-row-first{
    float:left;
  }

  .form-row-last{
    float:right;
  }

  .form-row-wide{
    clear:both;
  }

  /* Select2 field styles (Region / Département) */
  .select2-container--default .select2-selection--single{
    border: 1px solid var(--dark-20);
    border-radius: var(--radius-xs);
    padding: var(--space-xs);
    height:auto;
  }

  /* Select2 field arrow styles */
  .select2-container--default .select2-selection--single
  .select2-selection__arrow{
    top:50%;
  }

  /* Checkout order details*/
  .checkout-2__order-review {
    #order_review, thead, tfoot{
      border: none;
    }

    /* Review order table styles */
    .woocommerce-checkout-review-order-table{
      border-radius: var(--radius-m);

      .cart-subtotal{
        border-bottom: 1px solid var(--dark-10);
      }

      /* Table heading styles */
      thead th{
        padding: var(--space-m) 0 var(--space-xs) 0;
      }

      /* Table body styles */
      tbody td{
        padding: var(--space-xs) 0;
      }

      /* Table footer (total price) styles */
      tfoot :is(td, th){
        padding: var(--space-m) 0;
      }
    }

    /* Checkout payment styles */
    .woocommerce-checkout-payment{
      border-radius: var(--radius-m);

      .payment_box {
        border-radius: var(--radius-s);
      }
    }

    /*- Terms and conditions style -*/
    .woocommerce-form__label-for-checkbox{
      font-size: var(--text-s);
      margin-top: var(--space-s);
      font-weight: 600;
      color: var(--dark);
      display: block;
      border: none;
      width: 100%;
      height: auto;
    }
  }
}