/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Checkout Grid */
.image-checkout-flex {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 25px;
  margin-top: 20px;
}

.image-checkout-form-col,
.image-order-summary-col {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #ddd;
}

/* Form Inputs */
.required-input-image,
textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  margin-top: 5px;
}

.form-group-image {
	margin-bottom: 20px;
}

.required-input-image:focus,
textarea:focus {
  border-color: #4CAF50;
}

/* Order Summary */
.product-line-image {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.product-line-image img {
  width: 70px;
  height: 70px;
  border-radius: 8px;
}

/* Shipping */
.shipping-radio-image {
  display: block;
  margin: 8px 0;
}

/* Total */
.total-row,
.subtotal-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-weight: 600;
}

/* Button */
.place-order-btn-image {
  background: #83B735;
  color: #fff;
  padding: 14px;
  width: 100%;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}
.place-order-btn-image:hover {
	background: #000;
	color: #fff;
}

/* Warning */
.cod-warning-image {
  background: #fff3cd;
  padding: 10px;
  border-radius: 8px;
  font-weight: 600;
  border: 1px solid #ffeeba;
}

/* Responsive */
@media (max-width: 768px) {
  .image-checkout-flex {
    grid-template-columns: 1fr;
  }
}