/**
 * Enhanced WooCommerce Price Block CSS
 * Save this file to your theme's /css/wc-price-block.css
 */

/* Block Styles */
.wc-price-block {
    box-sizing: border-box;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

/* Product Title */
.wc-price-block .custom-product-title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 1.4em;
}

/* Variation Item Styles */
.wc-price-block .simple-product-container,
.wc-price-block .variation-item {
    border: 1px solid #DFDFDF;
	padding: 25px;
	box-sizing: border-box;
    position: relative;
	border-radius: 8px;
	margin: 15px 0;
	
	display: flex;
	gap: 30px;
	align-items: flex-start;
	transition: all 0.2s ease;
}

.wc-price-block .simple-product-container:hover,
.wc-price-block .variation-item:hover {
	background: #FAF5F3;
	border: 1px solid #F25E2A;
	transition: all 0.2s ease;
}


	.wc-price-block .simple-product-container figure,
	.wc-price-block .variation-item figure {
		flex-basis: 80px;
		min-width: 80px;
		max-width: 80px;
		border-radius: 50%;
		overflow: hidden;
		aspect-ratio: 1 / 1;
	}

		.wc-price-block .simple-product-container figure .variation-image,
		.wc-price-block .variation-item figure .variation-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}




	.wc-price-block .simple-product-container .variation-details,
	.wc-price-block .variation-item .variation-details {
		overflow: hidden;
		flex-grow: 1;
	}

		.wc-price-block .simple-product-container .variation-title,
		.wc-price-block .variation-item .variation-title {
			font-family: "all-round-gothic", sans-serif;
			font-size: 24px;
			font-weight: 600;
			line-height: 1.3;
			
		}

		.wc-price-block .simple-product-container .product-description,
		.wc-price-block .variation-item .product-description {
			font-size: 16px;
			color: #586171;
		}

		.wc-price-block .simple-product-container .product-description p,
		.wc-price-block .variation-item .product-description p {
			padding: 10px 0 !important;
		}

	.wc-price-block .simple-product-container .variation-cart,
	.wc-price-block .variation-item .variation-cart {
		flex-basis: 200px;
		min-width: 200px;
		max-width: 200px;
		margin-left: auto;
		text-align: right;
	}

		.wc-price-block .simple-product-container .variation-cart .excl-tax,
		.wc-price-block .variation-item .variation-cart .excl-tax {
			display: block;
			
			color: var(--orange);
			font-weight: 600;
			font-size: 22px;
			line-height: 1.4;
		}
		
		.wc-price-block .simple-product-container .variation-cart .incl-tax,
		.wc-price-block .variation-item .variation-cart .incl-tax {
			display: block;
			
			color: #586171;
			font-size: 16px;
		}
		
		
		.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart,
		.wc-price-block .variation-item .variation-cart .custom-add-to-cart {
			margin-top: 20px;
			text-align: right;
		}
		
			.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart form,
			.wc-price-block .variation-item .variation-cart .custom-add-to-cart form {
				margin: 0;
			}
			
			.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart form button,
			.wc-price-block .variation-item .variation-cart .custom-add-to-cart form button {
				display: block;
				width: 100%;
				padding: 9px 15px;
				text-align: center;
				font-weight: 600;
				text-decoration: none;
				color: #fff;
				background: var(--orange);
				outline: 2px solid var(--orange);
				border-radius: 30px;
				position: relative;
				top: 0;
				outline-offset: -2px;
				cursor: pointer;
				font-size: 16px;
				font-weight: 600;
				transition: all .2s ease-in-out;
			}
			
				.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart form button span,
				.wc-price-block .variation-item .variation-cart .custom-add-to-cart form button span {
					display: inline-block;
					padding: 2px 0 2px 30px;
					background-image: url(../graf/ico_cart.svg);
					background-size: contain;
					background-repeat: no-repeat;
					background-position: 0% 50%;
				}
			
			.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart form button:hover,
			.wc-price-block .variation-item .variation-cart .custom-add-to-cart form button:hover {
				color: #fff;
				background: var(--darkorange);
				outline: 2px solid var(--darkorange);
			}
	
	.wc-price-block .simple-product-container .variation-cart.contact,
	.wc-price-block .variation-item .variation-cart.contact {
		flex-basis: 300px;
		min-width: 300px;
		max-width: 300px;
		align-self: center;
	}

		.wc-price-block .simple-product-container .variation-cart.contact a,
		.wc-price-block .variation-item .variation-cart.contact a {
			position: relative;
			padding: 10px 55px 10px 25px;
			display: inline-block;
		}

			.wc-price-block .simple-product-container .variation-cart.contact a:after,
			.wc-price-block .variation-item .variation-cart.contact a:after {
				content: "";
				display: block;
				width: 20px;
				height: 15px;
				
				position: absolute;
				z-index: 1;
				right: 25px;
				top: 50%;
				transform: translateY(-50%);
				
				background-image: url(../graf/arrowRightOrange.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				transition: all 0.2s ease;
			}
				
			.wc-price-block .simple-product-container .variation-cart.contact a:hover:after,
			.wc-price-block .variation-item .variation-cart.contact a:hover:after {
				filter: brightness(0) invert(1);
				right: 20px;
				transition: all 0.2s ease;
			}
			
	.wc-price-block .simple-product-container .variation-cart.contactCena,
	.wc-price-block .variation-item .variation-cart.contactCena {
		flex-basis: 215px;
		min-width: 215px;
		max-width: 215px;
		align-self: stretch;
		
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

		.wc-price-block .simple-product-container .variation-cart.contactCena .orange,
		.wc-price-block .variation-item .variation-cart.contactCena .orange {
			margin-top: auto;
		}
		
		.wc-price-block .simple-product-container .variation-cart.contactCena a,
		.wc-price-block .variation-item .variation-cart.contactCena a {
			position: relative;
			padding: 10px 45px 10px 20px;
			display: inline-block;
			text-align: left;
		}
			
			.wc-price-block .simple-product-container .variation-cart.contactCena a:after,
			.wc-price-block .variation-item .variation-cart.contactCena a:after {
				content: "";
				display: block;
				width: 20px;
				height: 15px;
				
				position: absolute;
				z-index: 1;
				right: 20px;
				left: unset;
				top: 50%;
				transform: translateY(-50%);
				
				filter: brightness(0) invert(1);
				opacity: 1;
				visibility: visible;
				background-image: url(../graf/arrowRightOrange.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				transition: all 0.2s ease;
			}
				
			.wc-price-block .simple-product-container .variation-cart.contactCena a:hover:after,
			.wc-price-block .variation-item .variation-cart.contactCena a:hover:after {
				right: 15px;
				transition: all 0.2s ease;
			}
			
@media screen and (max-width: 1400px) {
	.wc-price-block .simple-product-container,
	.wc-price-block .variation-item {
		display: grid; 
		grid-template-columns: 100px auto; 
		grid-template-rows: auto auto; 
		gap: 20px 0px; 
	}
	
	.wc-price-block .simple-product-container .variation-details,
	.wc-price-block .variation-item .variation-details {
		flex-grow: 0;
	}
	
	.wc-price-block .simple-product-container .variation-cart,
	.wc-price-block .variation-item .variation-cart {
		grid-column: span 2;
		width: 100%;
		
		display: flex;
		align-items: center;
		min-width: 100%;
		max-width: 100%;
		justify-content: space-between;
	}
	
	.wc-price-block .simple-product-container .variation-cart .tax-info,
	.wc-price-block .variation-item .variation-cart .tax-info {
		text-align: left;
	}
	
	.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart,
	.wc-price-block .variation-item .variation-cart .custom-add-to-cart {
		min-width: 150px;
	}
}

@media screen and (max-width: 1000px) {
	.wc-price-block {
		padding-top: 5px !important;
	}
	
	.wc-price-block .variation-item {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	
	.wc-price-block .variation-item .variation-details {
		width: 100%;
	}
	
	.wc-price-block .variation-item .variation-cart {
		display: flex;
		flex-direction: row;
		width: 100%;
		min-width: unset;
		flex-basis: unset;
		max-width: unset;
		text-align: left;
		margin: 0;
		gap: 10px;
	}
	
	
		.wc-price-block .variation-item .variation-cart .custom-add-to-cart form {
			width: 100%;
		}
		
		.wc-price-block .variation-item .variation-cart .custom-add-to-cart {
			min-width: unset;
			margin: 0;
		}
		
		.wc-price-block .variation-item .variation-cart .custom-add-to-cart form button {
			width: 100%;
			max-width: 400px;
			float: unset !important;
		}
		
	.wc-price-block .variation-item .variation-cart.contact {
		flex-basis: unset;
		min-width: unset;
		max-width: unset;
	}
}

@media screen and (max-width: 650px) {
	.wc-price-block .simple-product-container, 
	.wc-price-block .variation-item {
		display: flex;
		flex-direction: column;
	}
	
	.wc-price-block .simple-product-container .variation-cart, 
	.wc-price-block .variation-item .variation-cart {
		flex-basis: unset;
	}
	
	.wc-price-block .simple-product-container .variation-cart .custom-add-to-cart, 
	.wc-price-block .variation-item .variation-cart .custom-add-to-cart {
		margin-top: 0;
	}
}

@media screen and (max-width: 500px) {
	.wc-price-block .variation-item {
		padding: 20px;
	}
	
	.wc-price-block .variation-item .variation-cart {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}
	
	.wc-price-block .variation-item .variation-cart .custom-add-to-cart {
		width: 100%;
	}
	
	#content.wcPage .product .productContent p {
		width: 100%;
	}
	
	.wc-price-block .variation-item .variation-cart.contact a {
		display: block;
		width: 100%;
		max-width: 400px;
	}
}