/* Custom WooCommerce styles for WizBeautify */

/* General WooCommerce styling */
.woocommerce #content div.product div.images img,
.woocommerce div.product div.images img,
.woocommerce-page #content div.product div.images img,
.woocommerce-page div.product div.images img {
	box-shadow: none;
}

.woocommerce #content div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce-page #content div.product .woocommerce-product-gallery__wrapper,
.woocommerce-page div.product .woocommerce-product-gallery__wrapper {
	margin-bottom: 0;
}

/* Buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: var(--wp--preset--color--wiz-ecommerce-success);
	color: #fff;
	border-radius: 4px;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
	transition: background-color 0.3s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: #157347;
}

/* Forms */
.woocommerce form .form-row label,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* Product loop */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	margin-top: 15px;
}

/* Cart and Checkout */
.woocommerce table.shop_table {
	border: 1px solid #eee;
	margin-bottom: 20px;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 10px;
	border-top: 1px solid #eee;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator {
	border: 1px solid #eee;
	padding: 20px;
	border-radius: 4px;
}

.woocommerce .checkout #payment ul.wc_payment_methods li {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2,
	.woocommerce-page .col2-set .col-1,
	.woocommerce-page .col2-set .col-2 {
		width: 100%;
		float: none;
	}
}