/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: This is a child theme of Rey.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 1.1.0
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */

/* Make the whole checkout form a flex container */
.woocommerce form.checkout.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}

/* Left column: customer details */
.woocommerce .checkout-customer-details {
  flex: 1 1 58%;
}

/* Right column: order review */
.woocommerce .checkout-order-review {
  flex: 1 1 38%;
  min-width: 360px;
}

@media (min-width: 992px) {
  .woocommerce .checkout-order-review {
    position: sticky;
    top: 20px;
  }
}

.woocommerce .checkout #order_review,
.woocommerce .checkout .col2-set {
  width: 100%;
}

@media (max-width: 991.98px) {
  .woocommerce form.checkout.woocommerce-checkout {
    display: block;
  }
  .woocommerce .checkout-customer-details,
  .woocommerce .checkout-order-review {
    min-width: 0;
    width: 100%;
  }
}

.woocommerce .checkout-order-review #order_review {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
}

.woocommerce .checkout-customer-details #customer_details.col2-set {
  width: 100%;
  max-width: 100%;
}

.woocommerce .checkout-customer-details #customer_details .col-1,
.woocommerce .checkout-customer-details #customer_details .col-2 {
  width: 100%;
  float: none;
  clear: both;
  margin: 0 0 16px;
}

.woocommerce .checkout-customer-details .form-row,
.woocommerce .checkout-customer-details .form-row .input-text,
.woocommerce .checkout-customer-details .form-row select,
.woocommerce .checkout-customer-details .form-row textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.woocommerce .checkout-customer-details .select2-container,
.woocommerce .checkout-customer-details .select2-selection--single {
  width: 100% !important;
}