:root {
	--price-color             : #D8DF21;
	--slider-color            : #D8DF21;
	--slider-bg-color         : #E9ED8A70;
	--slider-border-color     : #D8DF21;
	--textarea-bg-color       : #E9ED8A70;
	--button-backgrund        : #E9ED8A70;
	--button-color            : #000000;
	--button-border           : #D8DF21;
	--button-active-backgrund : #D8DF21;
	--button-active-border    : #D8DF21;
	--button-active-color     : #000000;
}

.lemontec_slidecontainer, .lemontec_coupon_value_selector {
	width : 100%;
}

#lemontec_coupon_slider {
	-webkit-appearance : none;
	width              : 100%;
	height             : 10px;
	border-radius      : 10px;
	background         : var(--slider-bg-color);
	outline            : none;
	-webkit-transition : .2s;
	transition         : opacity .2s;
}

#lemontec_coupon_slider:hover {
	opacity : 1;
}

#lemontec_coupon_slider::-webkit-slider-thumb {
	-webkit-appearance : none;
	appearance         : none;
	width              : 21px;
	height             : 21px;
	border-radius      : 50%;
	background         : var(--slider-color);
	border             : 2px solid var(--slider-border-color);

	cursor             : pointer;
}

#lemontec_coupon_slider::-moz-range-thumb {
	width         : 25px;
	height        : 25px;
	border-radius : 50%;
	background    : var(--slider-color);
	cursor        : pointer;
	border        : 2px solid var(--slider-border-color);
}

.product-type-lemontec_gutschein textarea[name="lemontec_coupon_greeting"],
.product-type-lemontec_gutschein input[name="lemontec_coupon_from"],
.product-type-lemontec_gutschein input[name="lemontec_coupon_to"] {
	-webkit-appearance : none;
	outline            : none;
	border-radius      : 10px;
	background-color   : var(--textarea-bg-color);
	border             : 0;
	margin             : 10px 0;
	font-family        : inherit;
	padding            : 15px !important;
	height             : unset !important;
	text-transform     : none;
}


.woocommerce.single-product div.product.product-type-lemontec_gutschein form.cart .quantity {
	float   : none;
	margin  : 0;
	display : inline-block;
}

.woocommerce div.product.product-type-lemontec_gutschein form.cart {
	display   : flex;
	flex-wrap : wrap;
}

.lemontec_textarea_container, .lemontec_from_to_container {
	width : 100%;
}

.lemontec_from_to_container {
	margin-bottom : 35px;
}

.product-type-lemontec_gutschein .qyt_click_wrapper {
	border          : 1px solid #606060;
	border-radius   : 3px;
	opacity         : 1;
	display         : flex;
	justify-content : space-between;
	align-items     : center;
}

.product-type-lemontec_gutschein .qyt_click_wrapper .quantity .qty {
	text-align         : end;
	-webkit-appearance : none;
	border             : 0;
	background-color   : transparent;
}

.product-type-lemontec_gutschein .qyt_click_wrapper .quantity .qty {
	-webkit-appearance : none;
	border             : 0;
	background-color   : transparent;
	width              : 120px;
	text-align         : center;
}

.product-type-lemontec_gutschein .qyt_click_wrapper button {
	-webkit-appearance : none;
	border             : 0;
	background-color   : transparent;
	font-family        : inherit;
	color              : #676767;
}

body.woocommerce .product-type-lemontec_gutschein .quantity .qty {
	width              : 120px;
	-webkit-appearance : none;
	font-family        : inherit;
}

body.woocommerce div.product.product-type-lemontec_gutschein p.price, body.woocommerce div.product span.price {
	color         : var(--price-color);
	font-size     : 25px;
	margin-bottom : 45px;
	font-weight   : 700;
}

@media all and (max-width : 480px) {
	.product-type-lemontec_gutschein .qyt_click_wrapper {
		width : 100%;
	}

	body.woocommerce div.product.product-type-lemontec_gutschein form.cart .button {
		width  : 100%;
		margin : 15px 0 0;
	}
}

.product-type-lemontec_gutschein .product_meta {
	display : none;
}

.woocommerce .product-type-lemontec_gutschein form .form-row input.input-text,
.woocommerce .product-type-lemontec_gutschein form .form-row textarea {
	text-transform : none;
}

.product-type-lemontec_gutschein .woocommerce-form-coupon-toggle {
	display : none;
}

body.woocommerce-page .product-type-lemontec_gutschein table.cart td.actions .coupon {
	display : none;
}

.lemontec_coupon_button_label input[type="radio"] {
	position       : absolute;
	opacity        : 0;
	width          : 0;
	height         : 0;
	pointer-events : none;
}

/* Style the label as a button */
.lemontec_coupon_button_label {
	display          : inline-block;
	padding          : 10px 20px;
	background-color : var(--button-backgrund);
	border           : 2px solid var(--button-border);
	color            : var(--button-color);
	border-radius    : 4px;
	cursor           : pointer;
	transition       : all 0.3s ease;
}

.lemontec_coupon_button_label input[type="radio"]:checked + span {
	font-weight : bold;
}

.lemontec_coupon_button_label:has(input[type="radio"]:checked) {
	background-color : var(--button-active-backgrund);
	border-color     : var(--button-active-border);
	color            : var(--button-active-color);
}

.lemontec_coupon_button_label:hover {
	background-color : var(--button-active-backgrund);
	border-color     : var(--button-active-border);
}

.lemontec_coupon_button_label:has(input[type="radio"]:checked):hover {
	background-color : var(--button-active-backgrund);
}

.lemontec_from_to_container p {
	margin : 0 !important;
}

.lemontec_textarea_container p {
	margin-bottom : 0 !important;
}

.lemontec_textarea_container p textarea {
	margin-bottom : 0 !important;
}