/* Rental Delivery Option Styling */
#checkout-rental-options {
	background-color:#f0f0ec;
	padding:40px;
	border-radius: 10px;
	margin-bottom:40px;
}
#checkout-rental-options h2,
#checkout-rental-options h3 {
	font-weight:bold;
}
#checkout-rental-options h2 {
	font-size:26px;
}
#checkout-rental-options h3 {
	font-size:20px;
}
.rental-options-wrapper {
	display:none;
	gap:50px;
	margin-top:18px;
}
body.DeliveredOption .rental-options-wrapper,
body.CollectOption .rental-options-wrapper {
	display:flex;
}
body.CollectOption .rental-options-wrapper .postcode-information,
body.DeliveredOption .rental-options-wrapper .collection-address {
	display:none;
}
body.DeliveredOption .rental-options-wrapper .postcode-information,
body.CollectOption .rental-options-wrapper .collection-address {
	display:block;
}
.rental-options-wrapper .collection-address,
.rental-options-wrapper .postcode-information,
.rental-options-wrapper .rental-period {
	width:50%;
	background-color:#fff;
	padding:30px;
	border-radius: 10px;
}
.rental-options-wrapper h3 {
	font-size:22px;
}
.rental-delivery_radio {
    padding: 15px;
    margin-bottom: 20px;
}
#rental_delivery_option_field.has-install-product label[for="rental_delivery_option_collect"] {
	opacity:0.5;
}
.woocommerce-input-wrapper {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}
.woocommerce-input-wrapper input[type="radio"] {
    display: none;
}
.woocommerce-input-wrapper label.radio {
	display: inline-block;
	padding:20px 15px;
	border:2px solid var(--primary-colour, #000);
	background:#fff;
	color: var(--primary-colour, #000);
	border-radius:10px;
	cursor: pointer;
	transition:all 0.3s ease;
	width: calc(50% - 20px);
	box-sizing: border-box;
	text-align: center;
	font-size: 22px;
	font-weight:600;
	position: relative;
}
.woocommerce-input-wrapper input[type="radio"]:checked + label.radio {
    background: var(--primary-colour, #000);
    color: #fff;
}
.woocommerce-input-wrapper input[type="radio"]:checked + label.radio::after {
    content: "\0032";
	font-family:FutureFont;
    display: inline-block;
	position:absolute;
	top:13px;
	left:35px;
	font-size:30px;
	color:#fff;
}
.woocommerce-input-wrapper label.radio span.required {
	display:none;
}
.woocommerce-input-wrapper input#rental_postcode {
	text-transform:uppercase;
}
.collectDisabled {
	font-size:14px;
	font-style:italic;
	margin-top:25px;
	color: var(--primary-colour, #000);
}
.has-rental-product .order-review-wrapper,
.has-rental-product #customer_details {
    display: none;
}
.no-rental-product .order-review-wrapper,
.no-rental-product #customer_details {
    display: block;
}
		
		
/****************************************************
WooCommerce ACHIVE
***************************************************/
.woocommerce .products .product {
	text-align:center;
}
.woocommerce .products .product form.rentalOptions {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
}
.woocommerce .products .product form.rentalOptions .quantity-wrapper input {
	max-width:80px;
	border-radius:8px;
	border:2px solid var(--secondary-colour, #a4a288);
}
body .woocommerce ul.products li.product .woocommerce-loop-category__title,
body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body .woocommerce ul.products li.product h3 {
	font-size: 18px;
	font-weight: bold;
	color:#272733;
}
body .woocommerce .button.product_type_rental {
	display:none !important;
}
.rental-seating-info {
	display:flex;
	align-items:center;
	justify-content:center;
}
.rental-seating-info p {
	font-size: 14px;
	color:var(--primary-colour);
	display:inherit;
	margin-right:15px;
}
.rental-seating-info p:last-child {
	margin-right:0px;
}
/****************************************************
RESPONSIVE
***************************************************/
@media screen and (max-width:768px){
	#checkout-rental-options { padding:30px;}
	.woocommerce-input-wrapper { gap:30px;}
	.woocommerce form .form-row label { width:100%;}
	.woocommerce-input-wrapper label.radio { padding:15px; font-size:18px;}
	.woocommerce-input-wrapper input[type="radio"]:checked + label.radio::after { top:4px;}
	.rental-options-wrapper { flex-wrap:wrap; gap:30px;}
	.rental-options-wrapper .collection-address,
	.rental-options-wrapper .postcode-information,
	.rental-options-wrapper .rental-period { width:100%;}
	.checkoutColumns { flex-wrap:wrap;}
	.checkoutColumns .order-review-wrapper { width:100%;}
}
@media screen and (min-width:768px)and (max-width:993px){
	.woocommerce-input-wrapper label.radio { padding:15px; font-size:18px;}
	.woocommerce-input-wrapper input[type="radio"]:checked + label.radio::after { left:15px;}
	.woocommerce-input-wrapper input[type="radio"]:checked + label.radio::after { font-size:23px; top:10px;}
}

/****************************************************
AIRPICKER
***************************************************/
.air-datepicker-body--day-name {
	color:var(--primary-colour, #333) !important;
	opacity:1;
}
.air-datepicker-cell.-in-range- {
	background-color: #ede3ee;
	font-weight:bold;
}
.air-datepicker-cell.-selected- {
	color: #fff !important;
	background-color: var(--primary-colour) !important;
}
.air-datepicker-cell.-day-:hover {
	color: #fff !important;
	background-color: var(--secondary-colour) !important;
}