/* Booking page: the sign card on the left, the receipt card on the right, and the WooCommerce Bookings form inside the sign once it is live */
.book{display:grid;gap:40px;align-items:start}
@media (min-width:900px){.book{grid-template-columns:1.1fr .9fr;gap:var(--s8)}}
.sign{position:relative;background:#fff;border:3px solid var(--bark);border-radius:var(--r-lg);padding:clamp(26px,3vw,34px) clamp(22px,3vw,36px);box-shadow:8px 8px 0 var(--sage-soft);transform:rotate(-1deg);min-width:0}
.sign.reveal.is-in{transform:rotate(-1deg)}
.sign h2{font-size:clamp(34px,2vw + 20px,44px)}
.sign .prose{max-width:none}
.sign .prose p:first-child{font-size:18px}
.sign__form{margin-top:var(--s5)}
.receipt{background:#fff;border:3px solid var(--bark);border-radius:20px;padding:clamp(22px,3vw,30px);box-shadow:8px 8px 0 var(--rose-soft);min-width:0}
@media (min-width:900px){.receipt{position:sticky;top:var(--s5);transform:rotate(1deg)}.receipt.reveal.is-in{transform:rotate(1deg)}}
.receipt h3{margin-bottom:14px}
.qty{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:12px 0;border-bottom:2px dashed var(--cream-deep);font-weight:800}
.qty small{display:block;font-weight:400;font-size:var(--t-xs);color:var(--bark-soft)}
.qty__pr{font-family:var(--fd);font-weight:600;font-size:24px;color:var(--rose-ink);white-space:nowrap;text-align:right}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);font-family:var(--fd);font-weight:600;font-size:clamp(26px,1.4vw + 16px,32px);margin:22px 0 16px}
.total span:last-child{text-align:right}
.receipt .btn{width:100%}
.receipt__note{text-align:center}

/* WooCommerce Bookings product inside the sign, once the product exists */
.sign__product .woocommerce-product-gallery,.sign__product .woocommerce-tabs,.sign__product .related,.sign__product .upsells,.sign__product .product_meta,.sign__product .woocommerce-breadcrumb{display:none}
.sign__product .product,.sign__product .summary{float:none;width:100%;margin:0}
.sign__product .product_title{font-size:var(--t-xl);margin-bottom:var(--s3)}
.sign__product .price{font-family:var(--fd);font-weight:600;font-size:var(--t-lg);color:var(--rose-ink);margin-bottom:var(--s5)}
.sign__product .wc-bookings-booking-form{border:0;padding:0;margin:0}
.sign__product .wc-bookings-booking-form .form-field{margin-bottom:var(--s4)}
.sign__product .wc-bookings-booking-form label{font-size:var(--t-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bark-soft)}
.sign__product .wc-bookings-booking-form input[type=number],.sign__product .wc-bookings-booking-form select{font:inherit;padding:14px 16px;border:3px solid var(--cream-deep);border-radius:16px;background:var(--cream);color:var(--bark)}
.sign__product .wc-bookings-date-picker .picker{background:var(--cream);border:3px solid var(--cream-deep);border-radius:var(--r);padding:var(--s4)}
.sign__product .wc-bookings-date-picker .ui-datepicker td a{border-radius:12px}
.sign__product .wc-bookings-date-picker .ui-datepicker td .ui-state-active{background:var(--rose-ink);color:#fff}
.sign__product .block-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s3);list-style:none;margin:var(--s4) 0 0;padding:0}
.sign__product .block-picker li{margin:0}
.sign__product .block-picker li a{display:block;border:3px solid var(--cream-deep);border-radius:16px;padding:var(--s3);text-align:center;font-weight:800;font-size:var(--t-sm);text-decoration:none;color:var(--bark);background:#fff}
.sign__product .block-picker li a.selected{border-color:var(--rose);background:var(--rose-pale)}
.sign__product .wc-bookings-booking-cost{background:var(--sage-pale);border:3px dashed var(--sage);border-radius:var(--r);padding:var(--s4) var(--s5);font-size:var(--t-sm);color:var(--bark);margin:var(--s5) 0}
.sign__product .single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 var(--s6);background:var(--rose-ink);color:#fff;font:inherit;font-weight:800;font-size:var(--t-base);border:3px solid var(--bark);border-radius:16px;box-shadow:4px 4px 0 var(--bark);cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s var(--ease)}
.sign__product .single_add_to_cart_button:hover{background:var(--rose-deep);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bark)}

/* Extra adults and under ones on the booking form */
.lt-extras{margin:18px 0 14px;padding:14px 0 0;border-top:2px dashed var(--sage-soft)}
.lt-extras__title{font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--bark);margin:0 0 8px}
.lt-extras__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0}
.lt-extras__row span{color:var(--bark);font-weight:600}
.lt-extras__row small{display:block;font-weight:400;color:var(--bark-soft);font-size:var(--t-xs,.8rem)}
.lt-extras__row input{width:72px;padding:8px 10px;border:2px solid var(--bark);border-radius:12px;font:inherit;text-align:center;background:#fff}

/* WooCommerce buttons in the Lotties style: the booking form, basket and checkout */
.lt-booking .single_add_to_cart_button,.lt-woo .button,.lt-woo button.button,.lt-woo #place_order,.lt-woo .checkout-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 var(--s6);background:var(--rose-ink)!important;color:#fff!important;font-weight:800;font-size:var(--t-sm);text-decoration:none;border:3px solid var(--bark)!important;border-radius:18px;box-shadow:5px 5px 0 var(--bark);font-family:inherit;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .2s var(--ease)}
.lt-booking .single_add_to_cart_button:hover,.lt-woo .button:hover,.lt-woo #place_order:hover,.lt-woo .checkout-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--bark);background:var(--rose-ink-deep)!important}
.lt-booking .single_add_to_cart_button{width:100%;margin-top:6px}
.lt-woo{padding-top:var(--s5)}
.lt-woo table.shop_table{border:3px solid var(--bark);border-radius:18px;background:#fff;overflow:hidden}
