/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.vision64.de/
 Description:    Divi Child Theme from Vision64
 Author:         Vision64
 Author URI:     https://www.vision64.de/
 Template:       Divi
 Version:        1.0.0
*/	

/* ==============================
 Product Category
================================ */

 .woocommerce-page ul.products li.product {
   border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ECECEC;
    border-radius: 15px 15px 15px 15px;
	background: white;
	text-align: center;
}

.woocommerce-page ul.products li.product:hover {
	box-shadow: 0 0 10px 0 rgba(149, 155, 166, 0.3);
}

.woocommerce-page ul.products li.product img {
	border-radius: 15px 15px 0px 0px;
}

ul.products li.product .price {
	padding-bottom: 20px;
}

.woocommerce-loop-product_title {
	font-family: 'Poppins SemiBold';
	font-weight: 600;
	font-size: 18px;
	padding: 20px;
	margin-bottom: 10px;
	color: var(--flexi-grey);
}

ul.products li.product .price {
	color: 	var(--primary-color)!important;
	font-size: 16px!important;
	font-family: 'Roboto SemiBold'!important;
	font-weight: 600!important;
}

@media all and (max-width: 767px) {
	.et_pb_shop ul.products.columns-3 li.product {
		width: 100%!important;
		margin-bottom: 30px !important;
	}
}

/* ==============================
 Product Page
================================ */


.woocommerce div.product form.cart .variations td select {
    padding: 10px 8px;
	font-family: 'Roboto';
	font-size: 14px;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
	Display: none;
}

.et_pb_wc_price .price {
	font-family: 'Roboto SemiBold'!important;
	font-weight: 600!impo
}

.woocommerce div.product form.cart .variations td {
	padding: 0 20px 0px 0 !important;
}

/* Make the variation wrap a flex container */
.single_variation_wrap {
  display: flex;
  margin-top: 10px;
  align-items: center;
  gap: 0rem; /* space between price, quantity, and button */
  flex-wrap: wrap; /* allow wrapping on small screens */
}

/* Price block */
.single_variation_wrap .woocommerce-variation.single_variation {
  margin: 0;
  font-weight: 600;
  order: 1; /* ensure price is shown first */
  width: 113.14px;
}

/* Add-to-cart container */
.single_variation_wrap .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0;
  order: 2;
}

/* Quantity */
.single_variation_wrap .quantity {
  margin: 0;
  display: flex;
  align-items: center;
}

/* Button */
.single_variation_wrap .single_add_to_cart_button {
  margin: 0;
  white-space: nowrap; /* keep text on one line */
}

.et_pb_wc_add_to_cart .quantity input.qty {
    height: 36.8px;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 0em;

}

.woocommerce div.product form.cart {
    margin: 24px 0 30px!important;
}

.woocommerce div.product div.images img {
    border-radius: 15px;
}

.woocommerce-variation-price .price {
	font-size: 26px!important;
}

@media all and (max-width: 767px) {
	.woocommerce-variation-price .price {
		font-size: 21px!important;
	}
}
.woocommerce div.product form.cart .variations select {
	margin-right: 0em;
}


/* ==============================
 Checkout Page
================================ */

.woocommerce-checkout h3 {
	font-size: 23px!important;
	padding-bottom: 20px;
}

.woocommerce-error a {
	color: white!important;
}

.checkout-inline-error-message {
	color: #AA0000;
	font-size: 14px;
	font-family: 'Roboto SemiBold';
	font-weight: 600;
}

#terms_description {
	margin-top: 15px;
	font-size: 14px!important;
}

/* ==============================
 cart Page
================================ */

.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 0.5em 1em !important;
    border-radius: 4px;
}

.et_pb_wc_cart_products table.shop_table th {
     font-family: 'Roboto SemiBold';
	font-weight: 600;
}

.et_pb_wc_cart_totals h2 {
	font-size: 26px!important;
	margin-bottom: 0px;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    font-size: 16px;
    padding: 0.3em 1em!important;
    border: 2px solid #EDEDED!important;
    border-radius: 4px;
}

@media all and (max-width: 981px) {
 .woocommerce .et_pb_wc_cart_products .quantity input.qty {
	 width: 4.3em!important;
 }
 
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row .input-text {
	background: white;
	border: 1px solid rgba(0,0,0,.1)!important;
}