/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* 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: #D4188C;
  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;
  }
}
@media (max-width: 460px) {
	h2.image-checkout-header {
		font-size: 22px;
	}
}