/* Feeling Yachty — WooCommerce storefront (shop, cart, checkout, account)
   Loaded only on WooCommerce pages. Matches fleet.css branding. */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');

/* ---------- Typography: readable sizes everywhere ----------
   Headings keep the site's Space Grotesk (brand personality);
   body text switches to Plus Jakarta Sans (far more readable small). */

.woocommerce,
.woocommerce-page,
.woocommerce-page .wp-block-woocommerce-cart,
.woocommerce-page .wp-block-woocommerce-checkout {
	font-family: 'Plus Jakarta Sans', 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.65;
}

.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3,
.woocommerce div.product .product_title {
	font-family: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
}

/* Shop grid: product names and prices were tiny by default */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 17px;
	line-height: 1.35;
}

.woocommerce ul.products li.product .price {
	font-size: 16px;
}

/* Single product */
.woocommerce div.product .product_title {
	font-size: clamp(26px, 3.2vw, 36px);
	line-height: 1.15;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 24px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 16px;
	line-height: 1.7;
}

.woocommerce div.product .woocommerce-tabs .panel {
	font-size: 16px;
	line-height: 1.7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-size: 15px;
}

/* Cart + checkout tables */
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	font-size: 15.5px;
	padding: 12px 14px;
}

.woocommerce table.shop_table .order-total td,
.woocommerce table.shop_table .order-total th,
.woocommerce .cart_totals .order-total .amount {
	font-size: 18px;
	font-weight: 800;
}

/* Forms: 16px inputs also stop iPhones from auto-zooming on tap */
.woocommerce form .form-row label {
	font-size: 15px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input {
	font-size: 16px;
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #place_order,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	font-size: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Checkout section headings (Billing details, Your order) */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
	font-size: 22px;
	font-weight: 800;
	color: #172033;
}

/* Notices, breadcrumbs, misc small text */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	font-size: 15.5px;
}

.woocommerce .woocommerce-breadcrumb {
	font-size: 14px;
}

/* My Account */
.woocommerce-MyAccount-navigation ul li a {
	font-size: 15.5px;
}

.woocommerce-MyAccount-content {
	font-size: 16px;
	line-height: 1.7;
}

/* Block cart/checkout base text */
.wp-block-woocommerce-cart .wc-block-cart,
.wp-block-woocommerce-checkout {
	font-size: 16px;
}

.wc-block-components-product-name {
	font-size: 16px;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 18px;
}

/* ---------- Buttons (classic templates) ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border-radius: 999px;
	background: #fff;
	border: 1px solid #D8D2E8;
	color: #5B21B6;
	font-weight: 700;
	transition: background-color .12s ease, border-color .12s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: #F3E8FF;
	border-color: #7C3AED;
	color: #5B21B6;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce-page #place_order {
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	border: none;
	color: #fff;
	box-shadow: 0 4px 14px rgba(124, 58, 237, .28);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover {
	background: linear-gradient(90deg, #C94386, #5B21B6);
	color: #fff;
	box-shadow: 0 6px 18px rgba(124, 58, 237, .36);
}

.woocommerce a.button.alt:disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt.disabled {
	background: #CBB8F0;
	color: #fff;
}

/* ---------- Block cart/checkout buttons ---------- */

.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	border-radius: 999px !important;
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	border: none;
	color: #fff;
	box-shadow: 0 4px 14px rgba(124, 58, 237, .28);
}

.wc-block-components-button:not(.is-link):hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background: linear-gradient(90deg, #C94386, #5B21B6);
	color: #fff;
}

/* ---------- Forms (checkout fields, coupons, account) ---------- */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control__suggestions-container input {
	border-radius: 10px;
	border: 1px solid #D8D2E8;
	padding: 10px 12px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.wc-block-components-text-input input:focus {
	border-color: #7C3AED;
	box-shadow: 0 0 0 1px #7C3AED;
	outline: none;
}

.woocommerce form .form-row label {
	color: #172033;
	font-weight: 600;
}

/* ---------- Cart and checkout tables / panels ---------- */

.woocommerce table.shop_table {
	border: 1px solid #E6EAF3;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(23, 32, 51, .05);
}

.woocommerce table.shop_table th {
	background: #F8F6FE;
	color: #172033;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-color: #E6EAF3;
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
#add_payment_method #payment,
.woocommerce-checkout #payment {
	background: #FFF9FC;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 14px;
}

.woocommerce-checkout #payment div.payment_box {
	background: #F3E8FF;
	color: #172033;
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #F3E8FF;
}

/* Block cart/checkout panels */
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-totals-wrapper,
.wc-block-components-order-summary {
	border-color: #E6EAF3;
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control input[type="radio"]:checked {
	border-color: #7C3AED;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background: #7C3AED;
	border-color: #7C3AED;
}

/* ---------- Notices ---------- */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	border-radius: 12px;
}

.woocommerce-message {
	border-top-color: #7C3AED;
}

.woocommerce-info {
	border-top-color: #2563EB;
}

.woocommerce-message::before {
	color: #7C3AED;
}

.woocommerce-info::before {
	color: #2563EB;
}

/* ---------- Shop grid ---------- */

.woocommerce span.onsale {
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	border-radius: 999px;
	padding: 4px 12px;
	min-height: 0;
	min-width: 0;
	line-height: 1.6;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
	color: #C94386;
	font-weight: 700;
}

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: #EF9F27;
}

/* ---------- Account area ---------- */

.woocommerce-MyAccount-navigation ul {
	border: 1px solid #E6EAF3;
	border-radius: 14px;
	overflow: hidden;
	padding: 6px;
}

.woocommerce-MyAccount-navigation ul li {
	list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 10px 14px;
	border-radius: 10px;
	color: #526079;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	background: #F3E8FF;
	color: #5B21B6;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	color: #fff;
}

/* ---------- Steps / breadcrumb ---------- */

.woocommerce .woocommerce-breadcrumb a {
	color: #5B21B6;
}

/* ---------- Single product page ---------- */

.woocommerce div.product .product_title {
	color: #172033;
	font-weight: 800;
	letter-spacing: -.02em;
}

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

/* Thumbnails: full color, tidy scrollable grid (handles 30+ photos) */
.woocommerce div.product div.images .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	margin-top: 10px;
	max-height: 340px;
	overflow-y: auto;
	padding: 4px;
	scrollbar-width: thin;
	scrollbar-color: #7C3AED #F3E8FF;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs img {
	border-radius: 10px;
	opacity: 1;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 2px solid transparent;
	transition: border-color .12s ease, transform .12s ease;
}

.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover {
	border-color: #7C3AED;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
	width: 8px;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
	background: #7C3AED;
	border-radius: 999px;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-track {
	background: #F3E8FF;
	border-radius: 999px;
}

/* Booking card: white panel, labels stacked over full-width fields */
.woocommerce div.product form.cart {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .20);
	border-radius: 18px;
	padding: 22px;
	box-shadow: 0 14px 36px rgba(23, 32, 51, .08), 0 5px 16px rgba(228, 92, 156, .08);
}

.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	text-align: left;
}

.woocommerce div.product form.cart table.variations tr {
	margin-bottom: 16px;
}

.woocommerce div.product form.cart table.variations th.label {
	margin-bottom: 6px;
}

.woocommerce div.product form.cart table.variations th.label label,
.woocommerce div.product form.cart label {
	font-size: 14px;
	font-weight: 700;
	color: #172033;
	letter-spacing: .01em;
}

.woocommerce div.product form.cart select,
.woocommerce div.product form.cart input[type="text"],
.woocommerce div.product form.cart input[type="date"] {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #D8D2E8;
	padding: 11px 12px;
	font-size: 16px;
	background: #fff;
	color: #172033;
}

.woocommerce div.product form.cart select:focus,
.woocommerce div.product form.cart input[type="text"]:focus,
.woocommerce div.product form.cart input[type="date"]:focus {
	border-color: #7C3AED;
	box-shadow: 0 0 0 1px #7C3AED;
	outline: none;
}

.woocommerce div.product form.cart .reset_variations {
	font-size: 13px;
	color: #C94386;
}

.woocommerce div.product form.cart .quantity .qty {
	border-radius: 10px;
	border: 1px solid #D8D2E8;
	padding: 11px 8px;
	font-size: 16px;
	width: 70px;
	text-align: center;
}

/* Book button: brand gradient, wins over Elementor's global button styles */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt {
	background: linear-gradient(90deg, #E45C9C, #7C3AED) !important;
	border: none !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	padding: 14px 28px !important;
	flex: 1;
	box-shadow: 0 6px 18px rgba(124, 58, 237, .32) !important;
	transition: box-shadow .15s ease, transform .1s ease;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover:not(.disabled) {
	background: linear-gradient(90deg, #C94386, #5B21B6) !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(124, 58, 237, .40) !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button.disabled,
.woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
	opacity: .55;
	cursor: not-allowed;
}

/* Quantity + button sit as one row */
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 6px;
}

/* A charter is booked once per order — a quantity stepper here just invites
   "2 yachts" (which the booking flow can't actually schedule) and, being a
   second flex item next to the button, was the reason Book Experience sat
   off-center instead of filling the row. WooCommerce still submits qty=1
   from the hidden input's default value with the stepper hidden. */
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}

/* The native "$525.00 – $1,400.00" / per-variation price is WooCommerce's
   own price line — it shows the boat rate alone, not what's actually
   charged, and duplicates (inconsistently) the total in fy-pay-summary
   just below it. One number, not two. */
.single-product .woocommerce-variation-price {
	display: none !important;
}

/* Product tabs (Description / Reviews) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding-left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-color: #E6EAF3;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: #F8F6FE;
	border: 1px solid #E6EAF3;
	border-radius: 10px 10px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #526079;
	font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #fff;
	border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #5B21B6;
}

.woocommerce div.product .woocommerce-tabs .panel {
	border: 1px solid #E6EAF3;
	border-top: none;
	border-radius: 0 0 14px 14px;
	padding: 20px;
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: 1px solid #E6EAF3;
	border-radius: 14px;
	background: #FDFBFF;
}

/* Related / upsell product cards */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid #E6EAF3;
	border-radius: 16px;
	padding: 12px;
	box-shadow: 0 6px 18px rgba(23, 32, 51, .05);
	transition: box-shadow .15s ease, transform .15s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 12px 28px rgba(124, 58, 237, .14);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product img {
	border-radius: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #172033;
	font-weight: 700;
}

/* Stock / availability */
.woocommerce div.product .stock.in-stock {
	color: #0F6E56;
	font-weight: 600;
}

.woocommerce div.product .stock.out-of-stock {
	color: #A32D2D;
	font-weight: 600;
}

/* ---------- Site header on WooCommerce pages ----------
   The cream logo is invisible on the pale theme header, so give the
   header the brand's dark plum on shop/product/cart/checkout pages. */

.woocommerce-page .elementor-location-header,
.single-product .elementor-location-header {
	background: #1B1033 !important;
}

.woocommerce-page .elementor-location-header a,
.single-product .elementor-location-header a,
.woocommerce-page .elementor-location-header .elementor-nav-menu a,
.single-product .elementor-location-header .elementor-nav-menu a {
	color: #F3E8FF;
}

.woocommerce-page .elementor-location-header a:hover,
.single-product .elementor-location-header a:hover {
	color: #E45C9C;
}

/* ---------- Price presence (Elementor price widget) ---------- */

.single-product .elementor-widget-woocommerce-product-price .price {
	display: inline-block;
	font-size: clamp(26px, 3vw, 34px) !important;
	font-weight: 800;
	color: #C94386 !important;
	letter-spacing: -.02em;
	background: #E1F5EE;
	border: 1px solid #9FE1CB;
	border-radius: 12px;
	padding: 10px 20px;
}

.single-product .elementor-widget-woocommerce-product-price .price .woocommerce-Price-currencySymbol {
	color: #C94386 !important;
}

/* ================= Block cart & checkout (wc-blocks) ================= */

/* Layout: main area and sidebar become cards */
.wc-block-cart .wc-block-cart-items,
.wc-block-cart__sidebar,
.wc-block-checkout__main,
.wc-block-checkout__sidebar {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 12px 32px rgba(23, 32, 51, .07), 0 4px 14px rgba(228, 92, 156, .06);
	padding: 18px !important;
}

.wc-block-components-sidebar-layout {
	gap: 24px;
}

/* Column headers: bigger, branded — and "Product" becomes "Experience" */
.wc-block-cart-items thead th {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #5B21B6;
	border-bottom: 1px solid #E6EAF3;
	padding-bottom: 10px;
}

.wc-block-cart-items__header-image {
	font-size: 0 !important;
	letter-spacing: 0;
}

.wc-block-cart-items__header-image::after {
	content: "Feeling Yachty Experiences";
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #5B21B6;
}

/* Classic table fallback: rename the Product column there too */
.woocommerce table.shop_table th.product-name {
	font-size: 0;
}

.woocommerce table.shop_table th.product-name::after {
	content: "Feeling Yachty Experiences";
	font-size: 15px;
	font-weight: 600;
}

/* Cart items */
.wc-block-cart-item__image img {
	border-radius: 12px;
}

.wc-block-components-product-name {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.35;
	color: #172033 !important;
	text-decoration: none !important;
}

.wc-block-components-product-name:hover {
	color: #C94386 !important;
}

.wc-block-cart-item__total .wc-block-components-product-price,
.wc-block-components-product-price {
	font-size: 17px;
	font-weight: 800;
	color: #C94386;
}

/* Booking details under the name (date, time, duration, guests) */
.wc-block-components-product-details {
	font-size: 14.5px !important;
	line-height: 1.6;
	color: #526079;
	margin-top: 6px;
}

.wc-block-components-product-details__name {
	font-weight: 600;
	color: #172033;
}

/* Quantity pill */
.wc-block-components-quantity-selector {
	border: 1px solid #D8D2E8;
	border-radius: 999px;
	overflow: hidden;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	font-size: 15px;
	font-weight: 700;
	color: #172033;
}

.wc-block-components-quantity-selector__button {
	color: #7C3AED;
	font-size: 18px;
	font-weight: 700;
}

.wc-block-cart-item__remove-link {
	color: #9AA3B5;
	font-size: 13.5px;
}

.wc-block-cart-item__remove-link:hover {
	color: #A32D2D;
}

/* Totals sidebar */
.wc-block-cart__totals-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	letter-spacing: -.01em;
	text-transform: none !important;
	color: #172033 !important;
	border-bottom: none !important;
}

.wc-block-components-totals-item,
.wc-block-components-totals-wrapper {
	font-size: 15.5px;
}

.wc-block-components-totals-footer-item {
	font-size: 18px !important;
	font-weight: 800;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: #C94386;
	font-size: 22px !important;
}

.wc-block-components-totals-coupon-link,
.wc-block-components-panel__button {
	color: #5B21B6;
	font-size: 15px;
	font-weight: 600;
}

/* Express payment area (Amazon/Apple/Google Pay) */
.wc-block-components-express-payment {
	border: 1px solid #E6EAF3;
	border-radius: 14px;
}

.wc-block-components-express-payment__title-container .wc-block-components-title {
	font-size: 14px;
}

/* Checkout steps: Contact information / Billing address / Payment options */
.wc-block-components-checkout-step {
	padding-bottom: 8px;
}

.wc-block-components-checkout-step__title,
.wc-block-components-title {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #172033 !important;
	letter-spacing: -.01em;
}

.wc-block-components-checkout-step__description {
	font-size: 14px;
	color: #526079;
}

.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-block-components-form label {
	font-size: 14px;
}

.wc-block-components-text-input input,
.wc-block-components-combobox input,
.wc-block-components-form .wc-block-components-text-input input {
	font-size: 16px !important;
	border-radius: 10px !important;
	border-color: #D8D2E8 !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus {
	border-color: #7C3AED !important;
	box-shadow: 0 0 0 1px #7C3AED !important;
}

/* Payment method choices become selectable cards */
.wc-block-components-radio-control__option {
	border: 1px solid #E6EAF3;
	border-radius: 12px;
	padding: 14px 14px 14px 44px !important;
	margin-bottom: 10px;
	font-size: 15.5px;
	transition: border-color .12s ease, background-color .12s ease;
}

.wc-block-components-radio-control__option:hover {
	border-color: #7C3AED;
}

.wc-block-components-radio-control__option-checked {
	border-color: #7C3AED;
	background: #F9F5FF;
	font-weight: 700;
}

/* Place Order: full-width gradient */
.wc-block-components-checkout-place-order-button {
	width: 100%;
	font-size: 17px !important;
	font-weight: 800 !important;
	padding: 15px 24px !important;
}

/* Return-to-cart link */
.wc-block-components-checkout-return-to-cart-button {
	color: #5B21B6;
	font-size: 14.5px;
}

/* ============== v1.5 refinements (cart/checkout polish) ============== */

/* Cart card: more breathing room so EXPERIENCE isn't tight to the corner */
.wc-block-cart .wc-block-cart-items {
	padding: 26px !important;
}

.wc-block-cart-items thead th {
	padding-top: 2px;
	padding-bottom: 12px;
}

.wc-block-cart__sidebar {
	padding: 24px !important;
}

/* Checkout: move Express Checkout below the Government ID upload.
   All blocks are direct children of the checkout form, so this is a
   pure CSS reorder — nothing is touched in the DOM and the payment
   iframes never reload. */
form.wc-block-components-form.wc-block-checkout__form {
	display: flex;
	flex-direction: column;
}

form.wc-block-checkout__form > .wp-block-woocommerce-checkout-contact-information-block { order: 1; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-shipping-method-block { order: 2; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-pickup-options-block { order: 3; }
form.wc-block-checkout__form > a.elementor-button { order: 4; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-billing-address-block { order: 5; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-shipping-address-block { order: 5; }
form.wc-block-checkout__form > [id^="alg_checkout_files_upload_form"] { order: 6; }
form.wc-block-checkout__form > div:has(.wc-block-components-express-payment) { order: 7; margin-top: 10px; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-payment-block { order: 8; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-order-note-block { order: 9; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-terms-block { order: 10; }
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-actions-block { order: 11; }

/* Hide the "or continue below" rule (it makes no sense mid-page now) */
.wc-block-components-express-payment-continue-rule {
	display: none !important;
}

/* Express panel: branded card with a clear label */
.wc-block-components-express-payment--checkout {
	border: 1px solid rgba(124, 58, 237, .22) !important;
	border-radius: 14px !important;
	background: #FBF9FF;
	padding: 6px 14px 14px;
}

.wc-block-components-express-payment__title-container .wc-block-components-title {
	font-size: 15px !important;
	color: #5B21B6 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
}

/* Contact area: the faint gray text becomes readable */
.wc-block-checkout__contact-fields p,
.wc-block-checkout__guest-checkout-notice,
.wc-block-components-checkbox__label,
.wc-block-checkout__terms {
	font-size: 15px !important;
	color: #3A4459 !important;
	line-height: 1.6;
}

.wc-block-components-checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	accent-color: #7C3AED;
	border: 1.5px solid #B9AEDD;
	border-radius: 5px;
}

.wc-block-components-checkbox {
	margin-top: 14px;
}

/* Government ID upload box: match the brand cards */
[id^="alg_checkout_files_upload_form"] {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .18);
	border-radius: 14px;
	padding: 16px 18px;
	margin: 14px 0;
}

[id^="alg_checkout_files_upload_form"] label {
	font-size: 15.5px;
	font-weight: 700;
	color: #172033;
}

[id^="alg_checkout_files_upload_form"] input[type="button"],
[id^="alg_checkout_files_upload_form"] .button {
	border-radius: 999px;
	border: 1px solid #7C3AED;
	background: #fff;
	color: #5B21B6;
	font-weight: 700;
	font-size: 15px;
	padding: 9px 22px;
	cursor: pointer;
	transition: background-color .12s ease;
}

[id^="alg_checkout_files_upload_form"] input[type="button"]:hover,
[id^="alg_checkout_files_upload_form"] .button:hover {
	background: #F3E8FF;
}

/* "Review Charter Agreement" button: gray box → brand outline pill */
form.wc-block-checkout__form > a.elementor-button {
	align-self: flex-start;
	border-radius: 999px !important;
	background: #fff !important;
	border: 1px solid #7C3AED !important;
	color: #5B21B6 !important;
	font-weight: 700 !important;
	padding: 11px 24px !important;
	margin: 6px 0 14px;
}

form.wc-block-checkout__form > a.elementor-button:hover {
	background: #F3E8FF !important;
	color: #5B21B6 !important;
}

/* Checkout step spacing rhythm */
.wc-block-checkout__form > fieldset,
.wc-block-checkout__form > div {
	margin-bottom: 6px;
}

/* Product page: express checkout stays hidden until the booking is fully
   chosen (date + time + duration). JS adds .fy-express-ready to <body>. */
.single-product #wc-stripe-express-checkout-element,
.single-product [id^="wc-stripe-express-checkout-button-separator"],
.single-product .wc-stripe-express-checkout-wrapper {
	display: none !important;
}

.single-product.fy-express-ready #wc-stripe-express-checkout-element,
.single-product.fy-express-ready [id^="wc-stripe-express-checkout-button-separator"],
.single-product.fy-express-ready .wc-stripe-express-checkout-wrapper {
	display: block !important;
	margin-top: 12px;
}

/* Checkout: order summary first, then contact / billing / payment */
.wc-block-checkout .wc-block-components-sidebar-layout {
	display: flex;
	flex-direction: column;
}

.wc-block-checkout .wc-block-checkout__sidebar {
	order: -1;
	width: 100% !important;
	margin-bottom: 22px;
}

.wc-block-checkout .wc-block-components-main {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ============ v1.6: every checkout section = identical card ============ */

/* The main column stops being one giant card — each section gets its own */
.wc-block-checkout .wc-block-components-main,
.wc-block-checkout__main {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* One shared card recipe for every top-level checkout block */
form.wc-block-checkout__form > fieldset,
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-order-note-block,
form.wc-block-checkout__form > .wp-block-woocommerce-checkout-terms-block,
form.wc-block-checkout__form > [id^="alg_checkout_files_upload_form"],
form.wc-block-checkout__form > div:has(.wc-block-components-express-payment) {
	/* !important throughout: WooCommerce block styles load after this
	   sheet and reset backgrounds otherwise (verified live 2026-08-05). */
	background: #fff !important;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06) !important;
	padding: 24px !important;
	margin: 0 0 18px !important;
	width: 100%;
	box-sizing: border-box;
}

/* The express panel already has inner styling — avoid a double frame */
form.wc-block-checkout__form > div:has(.wc-block-components-express-payment) .wc-block-components-express-payment--checkout {
	border: none !important;
	background: transparent;
	padding: 0;
}

/* Order summary: flatten the box-in-a-box look */
.wc-block-checkout .wc-block-checkout__sidebar {
	background: #fff !important;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 24px !important;
	margin-bottom: 18px;
}

.wc-block-checkout__sidebar .wc-block-components-order-summary,
.wc-block-checkout__sidebar .wc-block-components-panel {
	border: none !important;
	background: transparent !important;
}

/* Section headings sit flush inside their cards, Log in link included */
.wc-block-components-checkout-step__heading {
	margin-top: 0 !important;
}

/* Place Order + terms stay clean inside their card */
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
	margin: 0;
}

/* Tighter checkbox rhythm inside the contact card */
.wc-block-checkout__contact-fields .wc-block-components-checkbox {
	margin-top: 12px;
}

/* ===== One card system across ALL WooCommerce pages (cart, product) ===== */

/* Cart: items table + totals get the exact same card as checkout sections */
.wc-block-cart .wc-block-cart-items,
.wc-block-cart__sidebar {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06) !important;
	padding: 24px !important;
	box-sizing: border-box;
}

/* Cross-sells / "you may also like" under the cart */
.wc-block-cart__cross-sells,
.cross-sells {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 24px;
	margin-top: 18px;
}

/* Product page: gallery, booking form, description, tabs — same card */
.single-product .woocommerce-product-gallery {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 16px;
	box-sizing: border-box;
}

.woocommerce div.product form.cart {
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06) !important;
	padding: 24px !important;
}

.single-product .elementor-widget-woocommerce-product-short-description .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 24px;
	margin-top: 14px;
}

.woocommerce div.product .woocommerce-tabs .panel {
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 0 18px 18px 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 24px !important;
}

/* Reviews list + form match too */
.woocommerce #reviews #review_form_wrapper {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	padding: 24px;
}

/* My Account: same recipe */
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-content {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 18px;
	box-sizing: border-box;
}

/* Classic cart/checkout tables (fallback pages) — same frame */
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06) !important;
}

/* ============ v1.7: logo visibility + card selector belt-and-braces ============ */

/* The theme's header sections paint over the wrapper, so darken them too */
.woocommerce-page .elementor-location-header .elementor-section,
.single-product .elementor-location-header .elementor-section,
.woocommerce-page .elementor-location-header > .elementor-element,
.single-product .elementor-location-header > .elementor-element {
	background-color: #1B1033 !important;
	background-image: none !important;
}

/* Failsafe: even if the header stays light, the logo gets its own dark chip */
.woocommerce-page .elementor-location-header .wp-custom-logo img,
.single-product .elementor-location-header .wp-custom-logo img,
.woocommerce-page .elementor-location-header img.custom-logo,
.single-product .elementor-location-header img.custom-logo {
	background: #1B1033;
	padding: 8px 12px;
	border-radius: 14px;
	box-sizing: content-box;
}

/* Cart cards: extra selector coverage so the items table always gets its card */
.wp-block-woocommerce-cart .wc-block-cart-items,
table.wc-block-cart-items {
	background: #fff !important;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06) !important;
	padding: 26px !important;
	border-collapse: separate;
	border-spacing: 0;
}

/* The renamed header may wrap on small screens — keep it tidy */
.wc-block-cart-items__header-image::after {
	white-space: nowrap;
}

@media (max-width: 640px) {
	.wc-block-cart-items__header-image::after {
		font-size: 11.5px;
	}
}

/* ================== v1.8: conversion pack ================== */

/* Sticky booking bar (product pages, injected by front-extras.js) */
.fy-sticky-book {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	background: rgba(255, 255, 255, .97);
	backdrop-filter: blur(8px);
	border-top: 1px solid #E6EAF3;
	box-shadow: 0 -8px 24px rgba(23, 32, 51, .12);
	padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.fy-sticky-book.fy-show {
	display: flex;
}

.fy-sticky-book__label {
	display: block;
	font-size: 12px;
	color: #526079;
}

.fy-sticky-book__price {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 800;
	font-size: 19px;
	color: #C94386;
}

.fy-sticky-book__btn {
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	color: #fff;
	border: none;
	border-radius: 999px;
	padding: 13px 28px;
	font-weight: 800;
	font-size: 15.5px;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(124, 58, 237, .30);
}

/* Trust strip under Place Order */
.wp-block-woocommerce-checkout-actions-block::after {
	content: "🔒 Secure checkout · Stripe & PayPal · Deposit only — balance due at the dock";
	display: block;
	text-align: center;
	margin-top: 14px;
	font-size: 13.5px;
	color: #526079;
}

/* Review stars: bigger, golden, visible */
.woocommerce .star-rating,
.woocommerce .star-rating span::before {
	color: #EF9F27;
}

.woocommerce div.product .woocommerce-product-rating .star-rating {
	font-size: 20px;
	margin-right: 10px;
}

.woocommerce div.product .woocommerce-review-link {
	font-size: 14.5px;
	color: #5B21B6;
}

.woocommerce ul.products li.product .star-rating {
	font-size: 15px;
	margin: 6px auto;
}

/* Stock / availability as pills */
.woocommerce div.product p.stock {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
}

.woocommerce div.product p.stock.in-stock {
	background: #E1F5EE;
	color: #085041;
}

.woocommerce div.product p.stock.out-of-stock {
	background: #FCEBEB;
	color: #791F1F;
}

/* Empty cart: friendly branded state */
.wp-block-woocommerce-cart .wc-block-cart__empty-cart__title,
.cart-empty.woocommerce-info {
	font-size: 26px !important;
	font-weight: 800;
	color: #172033 !important;
	background: none;
	border: none;
}

.wp-block-woocommerce-cart .wp-block-button__link,
.woocommerce .return-to-shop a.button {
	background: linear-gradient(90deg, #E45C9C, #7C3AED) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 14px 30px !important;
	font-weight: 800 !important;
	box-shadow: 0 4px 14px rgba(124, 58, 237, .28);
}

/* Thank-you page */
.woocommerce-order .woocommerce-thankyou-order-received {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 28px;
	font-size: clamp(20px, 2.6vw, 27px);
	font-weight: 800;
	font-family: 'Space Grotesk', sans-serif;
	background-image: linear-gradient(120deg, #fff 0%, #FFF5FA 60%, #F3E8FF 100%);
	color: #172033;
	text-align: center;
}

.woocommerce-order ul.order_details {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	padding: 22px;
	margin: 18px 0;
}

.woocommerce-order ul.order_details li {
	font-size: 13px;
	color: #526079;
}

.woocommerce-order ul.order_details li strong {
	font-size: 16px;
	color: #172033;
}

/* Contact card on thank-you page (injected by front-extras.js) */
.fy-thankyou-contact {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 22px;
	margin: 18px 0;
	text-align: center;
}

.fy-thankyou-contact__title {
	font-weight: 700;
	font-size: 16px;
	color: #172033;
	margin: 0 0 14px;
}

.fy-thankyou-contact__row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.fy-contact-btn {
	display: inline-block;
	border-radius: 999px;
	border: 1px solid #7C3AED;
	color: #5B21B6 !important;
	background: #fff;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 14.5px;
	text-decoration: none !important;
}

.fy-contact-btn:hover {
	background: #F3E8FF;
}

.fy-contact-btn--wa {
	border-color: #1D9E75;
	color: #0F6E56 !important;
}

.fy-contact-btn--wa:hover {
	background: #E1F5EE;
}

/* Photo lightbox (PhotoSwipe) to match the brand */
.pswp__bg {
	background: #14092B !important;
}

.pswp__counter,
.pswp__caption__center {
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: #D5CFE8;
	font-size: 14px;
	text-align: center;
}

/* ============ v2.0: My Account login/register glow-up ============ */

.woocommerce form.login,
.woocommerce form.register,
.woocommerce-ResetPassword.lost_reset_password {
	background: #fff !important;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06) !important;
	padding: 26px !important;
}

.woocommerce-account .u-column1 h2,
.woocommerce-account .u-column2 h2 {
	font-weight: 800;
	letter-spacing: -.01em;
	color: #172033;
	background: linear-gradient(90deg, #C94386, #7C3AED);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.woocommerce form.login .woocommerce-form-login__submit,
.woocommerce form.register .woocommerce-form-register__submit,
.woocommerce-ResetPassword button.button {
	width: 100%;
	background: linear-gradient(90deg, #E45C9C, #7C3AED) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 14px 28px !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	box-shadow: 0 4px 14px rgba(124, 58, 237, .28);
	margin-top: 10px;
}

.woocommerce form.login .woocommerce-form-login__submit:hover,
.woocommerce form.register .woocommerce-form-register__submit:hover {
	background: linear-gradient(90deg, #C94386, #5B21B6) !important;
}

.woocommerce form.login .woocommerce-form-login__rememberme {
	display: block;
	margin: 4px 0 10px;
	font-size: 14.5px;
	color: #3A4459;
}

.woocommerce form.login input[type="checkbox"],
.woocommerce form.register input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #7C3AED;
}

.woocommerce-account .woocommerce-privacy-policy-text,
.woocommerce form.register p:not(.form-row) {
	font-size: 13.5px;
	color: #526079;
	line-height: 1.65;
}

.woocommerce .lost_password a,
.woocommerce-account a {
	color: #C94386;
}

/* ============ v2.1: My Account dashboard polish ============ */

.fy-welcome-card {
	background: linear-gradient(120deg, #fff 0%, #FFF5FA 55%, #F3E8FF 100%);
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(23, 32, 51, .06);
	padding: 26px;
	margin-bottom: 20px;
}

.fy-welcome-hi {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 800;
	margin: 0 0 6px;
	color: #172033;
}

.fy-welcome-sub {
	color: #526079;
	font-size: 15.5px;
	line-height: 1.65;
	margin: 0 0 16px;
}

.fy-welcome-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.fy-welcome-btn {
	display: inline-block;
	border-radius: 999px;
	border: 1px solid #7C3AED;
	color: #5B21B6 !important;
	background: #fff;
	padding: 11px 22px;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none !important;
}

.fy-welcome-btn:hover {
	background: #F3E8FF;
}

.fy-welcome-btn--main {
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	border: none;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(124, 58, 237, .28);
}

.fy-welcome-btn--main:hover {
	background: linear-gradient(90deg, #C94386, #5B21B6);
}

/* Menu icons */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "🏠 "; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "🧾 "; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "📍 "; }
.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "💳 "; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "👤 "; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "👋 "; }

/* Empty states inside My Account (e.g. "No order has been made yet") */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message {
	background: linear-gradient(120deg, #fff 0%, #FFF5FA 60%, #F3E8FF 100%) !important;
	border: 1px solid rgba(124, 58, 237, .16) !important;
	border-top: 1px solid rgba(124, 58, 237, .16) !important;
	border-radius: 14px !important;
	color: #172033 !important;
	font-weight: 600;
	padding: 18px 20px !important;
}

.woocommerce-MyAccount-content .woocommerce-info::before {
	color: #7C3AED;
}

.woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-MyAccount-content .woocommerce-Button {
	background: linear-gradient(90deg, #E45C9C, #7C3AED) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	font-weight: 800 !important;
	padding: 10px 22px !important;
}

/* Hide WooCommerce's generic dashboard paragraphs — the welcome card says it better */
.woocommerce-MyAccount-content .fy-welcome-card ~ p {
	display: none;
}

/* ============ v2.2: live "what you'll pay" summary ============ */

.fy-pay-summary {
	display: none;
	margin: 4px 0 16px;
	padding: 16px 18px;
	border: 1px solid rgba(124, 58, 237, .20);
	border-radius: 14px;
	background: linear-gradient(120deg, #fff 0%, #FFF5FA 60%, #F3E8FF 100%);
}

.fy-pay-summary.fy-show {
	display: block;
}

.fy-pay-summary__row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.fy-pay-chip {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .20);
	border-radius: 999px;
	padding: 5px 13px;
	font-size: 13.5px;
	font-weight: 600;
	color: #5B21B6;
}

.fy-pay-summary__due {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding-top: 10px;
	border-top: 1px solid rgba(124, 58, 237, .14);
}

.fy-pay-summary__due span {
	font-size: 14.5px;
	font-weight: 600;
	color: #172033;
}

.fy-pay-summary__due strong {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 26px;
	font-weight: 800;
	color: #C94386;
	line-height: 1.1;
}

.fy-pay-summary__note {
	margin-top: 6px;
	font-size: 12.5px;
	color: #526079;
}

/* "Arrive 30 minutes early" note under the start-time row. Sized as a
   quiet hint line, not an alert card — it used to look oversized because it
   was squeezed into a narrow flex column beside the field instead of
   running the row's full width underneath it. */
.fy-arrival-note {
	margin: 6px 0 14px;
	padding: 7px 12px;
	border-left: 3px solid #7C3AED;
	border-radius: 8px;
	background: rgba(124, 58, 237, .06);
	font-size: 12px;
	line-height: 1.45;
	color: #3A4459;
	width: 100%;
	box-sizing: border-box;
}

.fy-pay-summary__breakdown {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid rgba(124, 58, 237, .14);
	border-bottom: 1px solid rgba(124, 58, 237, .14);
}

.fy-pay-summary__line {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 3px 0;
	font-size: 13.5px;
	color: #3A4459;
}

.fy-pay-summary__line--total {
	margin-top: 4px;
	padding-top: 7px;
	border-top: 1px dashed rgba(124, 58, 237, .25);
	font-weight: 800;
	color: #172033;
}

/* Native date input on phones: match the other fields */
@media (max-width: 767px) {
	.woocommerce div.product form.cart input[type="date"] {
		min-height: 46px;
		-webkit-appearance: none;
		appearance: none;
	}
}

/* ====== v2.2: booking form — every row stacks, labels match ======
   The date/start-time rows come from a different table than the
   variation rows, so target ALL tables inside form.cart. */

.woocommerce div.product form.cart table,
.woocommerce div.product form.cart table tbody,
.woocommerce div.product form.cart table tr,
.woocommerce div.product form.cart table th,
.woocommerce div.product form.cart table td {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	border: none;
	box-sizing: border-box;
}

.woocommerce div.product form.cart table tr {
	margin-bottom: 16px;
}

/* One label style for the whole form — no more mixed sizes/weights */
.woocommerce div.product form.cart table th,
.woocommerce div.product form.cart table th label,
.woocommerce div.product form.cart label {
	display: block;
	margin: 0 0 6px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35;
	letter-spacing: .01em;
	color: #172033 !important;
	background: none !important;
	white-space: normal;
}

/* Every control fills the row */
.woocommerce div.product form.cart table td input,
.woocommerce div.product form.cart table td select,
.woocommerce div.product form.cart input[type="text"],
.woocommerce div.product form.cart input[type="date"],
.woocommerce div.product form.cart select {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0;
	font-size: 16px;
	text-overflow: ellipsis;
}

/* Stop the whole card overflowing the phone screen */
.woocommerce div.product form.cart,
.single-product .elementor-add-to-cart {
	max-width: 100%;
	overflow-x: hidden;
}

@media (max-width: 767px) {
	.woocommerce div.product form.cart {
		padding: 18px !important;
	}

	/* Quantity + Book stack so the button gets full width */
	.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
		flex-wrap: wrap;
	}

	.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity {
		flex: 0 0 78px;
	}

	.woocommerce div.product form.cart .single_add_to_cart_button {
		flex: 1 1 160px;
	}

	/* Leave room for the floating call/WhatsApp bar */
	.woocommerce div.product form.cart {
		margin-bottom: 90px;
	}

	/* The site already has a mobile contact bar — don't double up */
	.fy-sticky-book {
		display: none !important;
	}
}

/* ================= Desktop date picker (jQuery UI) ================= */
/* The default widget was plain Arial on gray, 3px corners, no shadow —
   restyled to match the brand. Mobile already gets the phone's native
   date wheel (see product-express.js), so this only affects desktop/tablet. */

#ui-datepicker-div {
	width: 300px;
	font-family: 'Plus Jakarta Sans', 'Space Grotesk', sans-serif;
	background: #fff;
	border: 1px solid rgba(124, 58, 237, .18);
	border-radius: 16px;
	box-shadow: 0 14px 36px rgba(23, 32, 51, .14), 0 4px 14px rgba(228, 92, 156, .10);
	padding: 14px;
}

#ui-datepicker-div .ui-datepicker-header {
	background: linear-gradient(90deg, #E45C9C, #7C3AED);
	border: none;
	border-radius: 12px;
	padding: 10px 6px;
	margin-bottom: 8px;
}

#ui-datepicker-div .ui-datepicker-title {
	color: #fff;
	font-weight: 800;
	font-size: 15px;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
	top: 9px;
	border-radius: 999px;
	cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
	background: none;
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 0;
}

#ui-datepicker-div .ui-datepicker-prev::before,
#ui-datepicker-div .ui-datepicker-next::before {
	content: "‹";
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	font-weight: 700;
}

#ui-datepicker-div .ui-datepicker-next::before {
	content: "›";
}

#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled,
#ui-datepicker-div .ui-datepicker-next.ui-state-disabled {
	opacity: .35;
	cursor: default;
}

#ui-datepicker-div .ui-datepicker-prev:not(.ui-state-disabled):hover,
#ui-datepicker-div .ui-datepicker-next:not(.ui-state-disabled):hover {
	background: rgba(255, 255, 255, .18);
	border: none;
}

#ui-datepicker-div table.ui-datepicker-calendar {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin: 0;
}

#ui-datepicker-div table.ui-datepicker-calendar th {
	color: #9AA3B5;
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: 4px 0;
}

#ui-datepicker-div table.ui-datepicker-calendar td {
	padding: 0;
	border: none;
	text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar td a,
#ui-datepicker-div table.ui-datepicker-calendar td span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	margin: 0 auto;
	border-radius: 999px;
	border: none;
	background: transparent;
	color: #172033;
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar td a:hover {
	background: #F3E8FF;
	color: #5B21B6;
}

#ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a {
	box-shadow: inset 0 0 0 2px #E45C9C;
	color: #C94386;
	font-weight: 800;
}

#ui-datepicker-div table.ui-datepicker-calendar td .ui-state-active {
	background: linear-gradient(135deg, #E45C9C, #7C3AED) !important;
	color: #fff !important;
	box-shadow: 0 4px 10px rgba(124, 58, 237, .35);
}

/* Blackout / unavailable dates */
#ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-unselectable span,
#ui-datepicker-div table.ui-datepicker-calendar td .ui-state-disabled {
	color: #C7C4D6;
	background: transparent;
	text-decoration: line-through;
	cursor: not-allowed;
}

#ui-datepicker-div .ui-datepicker-buttonpane {
	border-top: 1px solid #F0ECF9;
	margin-top: 8px;
	padding-top: 8px;
}

#ui-datepicker-div .ui-datepicker-buttonpane button {
	border-radius: 999px;
	border: 1px solid #7C3AED;
	background: #fff;
	color: #5B21B6;
	font-size: 13px;
	font-weight: 700;
	padding: 6px 14px;
}

#ui-datepicker-div .ui-datepicker-buttonpane button:hover {
	background: #F3E8FF;
}

/* The text input itself, so it visually matches the calendar it opens */
input#booking_date {
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 14px center;
	background-size: 18px;
	cursor: pointer;
}

/* ================= Mobile date field (native <input type="date">) =================
   iOS/Android own the actual picker UI once it opens — that's an OS-level
   wheel/calendar no website can restyle. What IS ours: the tappable field
   itself, previously plain and unbranded on mobile. */

input#booking_date[type="date"] {
	background-color: #fff;
	background-image: none;
	border: 1px solid #D8D2E8;
	border-radius: 10px;
	padding: 0 14px;
	height: 52px;
	font-size: 16px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: #172033;
	-webkit-appearance: none;
	appearance: none;
}

input#booking_date[type="date"]:focus {
	border-color: #7C3AED;
	box-shadow: 0 0 0 1px #7C3AED;
	outline: none;
}

/* Empty state ("mm/dd/yyyy") reads as a real placeholder, not gray-on-gray */
input#booking_date[type="date"]:invalid,
input#booking_date[type="date"]:not(:focus):in-range {
	color: #172033;
}

/* Recolor the built-in calendar icon to the brand purple (Chrome/Android) */
input#booking_date[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(29%) sepia(54%) saturate(3767%) hue-rotate(255deg) brightness(93%) contrast(96%);
	cursor: pointer;
	padding: 4px;
}

input#booking_date[type="date"]::-webkit-datetime-edit {
	padding: 0;
}

/* ================= Full product-page brand pass (v2.5) =================
   Elementor's Theme Builder wraps product-page widgets in its own scoped
   classes (.elementor-element-XXXXXXX), which out-specificity plain class
   selectors — verified live: the product title was rendering at 16px black
   instead of the branded heading below, silently, since v1.3. Using
   !important throughout this block is deliberate, not sloppy: it's the
   only way to reliably beat Elementor's per-widget CSS. */

/* h1 tag required (not just the class) — the actual product title is
   always an <h1>; Related Products cards use h2/h3 for theirs, but were
   also matching this rule when it only checked class names, not the tag
   (verified live: it was inflating every card in Related Products too). */
h1.product_title.single-product,
.single-product h1.product_title {
	font-family: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif !important;
	font-size: clamp(26px, 3.2vw, 38px) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -.01em !important;
	color: #172033 !important;
}

/* Related/upsell/loop card titles: explicitly capped so nothing this
   specific can inflate them again. */
.related .product_title,
.up-sells .product_title,
ul.products li.product .product_title,
ul.products li.product h2,
ul.products li.product h3 {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

/* Quantity stepper on the product page — match the cart's pill style */
.single-product .quantity .qty {
	border: 1px solid #D8D2E8 !important;
	border-radius: 999px !important;
	height: 46px;
	width: 64px;
	text-align: center;
	font-size: 16px !important;
	font-weight: 700;
	color: #172033 !important;
}

.single-product .quantity .qty:focus {
	border-color: #7C3AED !important;
	box-shadow: 0 0 0 1px #7C3AED;
	outline: none;
}

/* Related products: heading + cards match the rest of the site */
.related h2,
.up-sells h2 {
	font-family: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif !important;
	font-size: clamp(22px, 2.6vw, 30px) !important;
	font-weight: 800 !important;
	color: #172033 !important;
	letter-spacing: -.01em;
	margin-bottom: 18px !important;
}

.related,
.up-sells {
	margin-top: 8px;
	padding-top: 32px;
	border-top: 1px solid #E6EAF3;
}

/* ====================================================================
   Feeling Yachty Experiences — related/upsell products as a carousel
   --------------------------------------------------------------------
   Sizing uses !important and a doubled-up selector on purpose: this row
   is frequently rendered by ELEMENTOR (ul.products.elementor-grid), not
   by WooCommerce, and Elementor's own grid width rule would otherwise
   win — which is what produced ~660px cards with 660px-tall images.
   Percentages resolve against the container width (not the scroll
   width), so "4 across" stays exactly 4 across no matter how many
   cards are in the row.
   ==================================================================== */
.woocommerce .related ul.products,
.woocommerce .up-sells ul.products,
.related ul.products,
.up-sells ul.products {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	overflow-x: auto;
	overflow-y: visible;
	gap: 20px !important;
	margin: 0 !important;
	padding: 4px 2px 16px !important;
	list-style: none !important;
	scroll-snap-type: x mandatory;
	scroll-padding-left: 2px;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
	scrollbar-color: #C9C3DA transparent;
}

.related ul.products::-webkit-scrollbar,
.up-sells ul.products::-webkit-scrollbar {
	height: 6px;
}

.related ul.products::-webkit-scrollbar-thumb,
.up-sells ul.products::-webkit-scrollbar-thumb {
	background: #C9C3DA;
	border-radius: 999px;
}

.related ul.products::-webkit-scrollbar-track,
.up-sells ul.products::-webkit-scrollbar-track {
	background: transparent;
}

/* ---- The card ---- */
.woocommerce .related ul.products li.product,
.woocommerce .up-sells ul.products li.product,
.related ul.products li.product,
.up-sells ul.products li.product {
	flex: 0 0 auto !important;
	width: calc((100% - 60px) / 4) !important;   /* 4 across, 3 × 20px gaps */
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 0 16px !important;
	scroll-snap-align: start;
	display: flex !important;
	flex-direction: column;
	background: #fff;
	border: 1px solid #E9E4F5;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(23, 32, 51, .05);
	transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

.related ul.products li.product:hover,
.up-sells ul.products li.product:hover {
	transform: translateY(-3px);
	border-color: #D6C9F5;
	box-shadow: 0 14px 30px rgba(124, 58, 237, .16);
}

/* ---- Image: fixed 4:3 window so every card is the same height ----
   Without an aspect ratio the image inherits the card width, so a wide
   card produced an equally tall image and a card taller than the
   viewport. */
.woocommerce .related ul.products li.product img:not(.emoji),
.woocommerce .up-sells ul.products li.product img:not(.emoji),
.related ul.products li.product img:not(.emoji),
.up-sells ul.products li.product img:not(.emoji) {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	margin: 0 0 12px !important;
	border-radius: 0 !important;
}

/* WordPress renders emoji in a title as <img class="emoji"> — and several
   yacht names carry one. Without this they'd be caught by the thumbnail
   rule above and stretched to the full card width (a single 💙 rendered
   255px tall, which is what made these cards enormous). Keep them at
   text size. */
.related ul.products li.product img.emoji,
.up-sells ul.products li.product img.emoji {
	display: inline !important;
	width: 1em !important;
	height: 1em !important;
	min-width: 0 !important;
	aspect-ratio: auto !important;
	margin: 0 .07em !important;
	padding: 0 !important;
	vertical-align: -.1em;
	object-fit: contain;
}

/* ---- Text ---- */
.related ul.products li.product > a,
.up-sells ul.products li.product > a {
	display: block;
	text-decoration: none;
}

.woocommerce .related ul.products li.product .woocommerce-loop-product__title,
.related ul.products li.product .woocommerce-loop-product__title,
.related ul.products li.product h2,
.related ul.products li.product h3,
.up-sells ul.products li.product .woocommerce-loop-product__title,
.up-sells ul.products li.product h2,
.up-sells ul.products li.product h3 {
	padding: 0 14px !important;
	margin: 0 0 8px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #172033 !important;
	/* Two lines max, so one long yacht name can't make its card taller
	   than the rest of the row. !important on display because the theme
	   sets display:flow-root here and would otherwise cancel the clamp. */
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	min-height: 2.7em;
}

.related ul.products li.product .price,
.up-sells ul.products li.product .price {
	padding: 0 14px !important;
	margin: 0 0 12px !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #C94386 !important;
}

.related ul.products li.product .star-rating,
.up-sells ul.products li.product .star-rating {
	margin: 0 14px 8px !important;
}

/* ---- Button: pinned to the bottom so buttons line up across the row ---- */
.woocommerce .related ul.products li.product a.button,
.woocommerce .up-sells ul.products li.product a.button,
.related ul.products li.product a.button,
.up-sells ul.products li.product a.button {
	display: block !important;
	width: calc(100% - 28px) !important;
	box-sizing: border-box;
	margin: auto 14px 0 !important;
	padding: 11px 14px !important;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px !important;
	font-weight: 800 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, #E45C9C, #7C3AED) !important;
	color: #fff !important;
	border: none !important;
}

.related ul.products li.product a.button:hover,
.up-sells ul.products li.product a.button:hover {
	background: linear-gradient(90deg, #C94386, #5B21B6) !important;
}

/* ---- Responsive: 4 → 3 → 2 → 1 ---- */
@media (max-width: 1199px) {
	.woocommerce .related ul.products li.product,
	.woocommerce .up-sells ul.products li.product,
	.related ul.products li.product,
	.up-sells ul.products li.product {
		width: calc((100% - 40px) / 3) !important;
	}
}

@media (max-width: 900px) {
	.woocommerce .related ul.products li.product,
	.woocommerce .up-sells ul.products li.product,
	.related ul.products li.product,
	.up-sells ul.products li.product {
		width: calc((100% - 20px) / 2) !important;
	}
}

/* Phones: one full card, with a sliver of the next visible so it's
   obvious the row keeps going. */
@media (max-width: 600px) {
	.woocommerce .related ul.products li.product,
	.woocommerce .up-sells ul.products li.product,
	.related ul.products li.product,
	.up-sells ul.products li.product {
		width: 86% !important;
	}

	.related ul.products,
	.up-sells ul.products {
		gap: 14px !important;
	}

	.related ul.products li.product .woocommerce-loop-product__title,
	.up-sells ul.products li.product .woocommerce-loop-product__title {
		font-size: 15.5px !important;
	}
}

/* Sentinel: an invisible tripwire at the end of the row. The observer
   watching it triggers the next lazy-load batch — same pattern the
   fleet grid uses. Must not inherit any card styling. */
.related ul.products li.fy-related-sentinel,
.fy-related-sentinel {
	flex: 0 0 1px !important;
	width: 1px !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	list-style: none;
}

.fy-related-hint {
	display: none;
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 700;
	color: #7C3AED;
}

@media (max-width: 767px) {
	.fy-related-hint {
		display: block;
	}
}

/* Short description + spec/text blocks stacked below the fold — consistent
   card treatment even when Elementor renders them as separate widgets */
.single-product .elementor-widget-text-editor {
	font-size: 16px;
	line-height: 1.7;
	color: #3A4459;
}

.single-product .elementor-widget-text-editor h2,
.single-product .elementor-widget-text-editor h3 {
	font-family: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
	color: #172033;
	font-weight: 800;
}

.single-product .elementor-widget-text-editor a {
	color: #C94386;
}

/* ================= Booking field "selected" state ================= */
/* Once a value is chosen, the field itself shows it — not just on focus.
   Applies to Charter Start Time, Charter Duration, Passenger Count. */

.single-product form.cart select.fy-field-filled,
.single-product form.cart input.fy-field-filled {
	border-color: #7C3AED !important;
	background-color: #F9F5FF !important;
	color: #172033 !important;
	font-weight: 700 !important;
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .25);
}

.single-product form.cart table.variations th.label {
	transition: color .15s ease;
}

.single-product form.cart table.variations tr:has(select.fy-field-filled) th.label,
.single-product form.cart table.variations tr:has(input.fy-field-filled) th.label {
	color: #5B21B6 !important;
}

.single-product form.cart table.variations tr:has(select.fy-field-filled) th.label::after,
.single-product form.cart table.variations tr:has(input.fy-field-filled) th.label::after {
	content: " ✓";
	color: #1D9E75;
	font-weight: 800;
}

/* ================= Breadcrumb (product page had none) ================= */

.fy-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #9AA3B5;
	margin: 0 0 10px;
}

.fy-breadcrumb a {
	color: #5B21B6;
	text-decoration: none;
}

.fy-breadcrumb a:hover {
	color: #C94386;
	text-decoration: underline;
}

.fy-breadcrumb__sep {
	color: #D8D2E8;
}

.fy-breadcrumb__current {
	color: #526079;
}

/* ================= Pricing tier cards ================= */

.fy-price-tiers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px;
	margin: 14px 0;
}

.fy-price-tier {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 14px 10px;
	background: #fff;
	border: 1px solid #E6EAF3;
	border-radius: 14px;
	cursor: pointer;
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

.fy-price-tier:hover {
	border-color: #7C3AED;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(124, 58, 237, .12);
}

.fy-price-tier.fy-selected {
	border-color: transparent;
	background: linear-gradient(135deg, #E45C9C, #7C3AED);
	box-shadow: 0 6px 18px rgba(124, 58, 237, .30);
}

.fy-price-tier__hours {
	font-size: 13px;
	font-weight: 700;
	color: #526079;
}

.fy-price-tier.fy-selected .fy-price-tier__hours {
	color: #fff;
}

.fy-price-tier__price {
	font-size: 19px;
	font-weight: 800;
	color: #172033;
}

.fy-price-tier.fy-selected .fy-price-tier__price {
	color: #fff;
}

/* ================= "What's included" badges ================= */

.fy-includes-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0;
}

.fy-include-badge {
	display: inline-flex;
	align-items: center;
	padding: 7px 14px;
	background: #F3E8FF;
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 700;
	color: #5B21B6;
}

/* ================= Gallery photo counter ================= */

.fy-gallery-counter {
	position: absolute;
	right: 14px;
	bottom: 14px;
	background: rgba(23, 32, 51, .72);
	color: #fff;
	font-size: 12.5px;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 999px;
	pointer-events: none;
	z-index: 5;
}

/* ================= Deposit/balance FAQ ================= */

.fy-deposit-faq {
	margin: 12px 0 18px;
	border: 1px solid #E6EAF3;
	border-radius: 12px;
	padding: 12px 16px;
	background: #FBF9FF;
}

.fy-deposit-faq summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	color: #5B21B6;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fy-deposit-faq summary::-webkit-details-marker {
	display: none;
}

.fy-faq-caret {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	border-radius: 999px;
	background: linear-gradient(135deg, #E45C9C, #7C3AED);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	transition: transform .15s ease, box-shadow .15s ease;
	box-shadow: 0 3px 8px rgba(124, 58, 237, .28);
}

.fy-deposit-faq[open] .fy-faq-caret {
	transform: rotate(180deg);
}

.fy-deposit-faq p {
	margin: 10px 0 0;
	font-size: 13.5px;
	line-height: 1.6;
	color: #526079;
}

.fy-pay-summary__confirm {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid rgba(124, 58, 237, .14);
	font-size: 12.5px;
	line-height: 1.55;
	color: #526079;
}

.fy-pay-summary__confirm a {
	color: #C94386;
	font-weight: 700;
	text-decoration: underline;
}

.fy-confirm-note {
	margin: 10px 0 0;
	padding: 10px 14px;
	border: 1px solid rgba(124, 58, 237, .16);
	border-radius: 10px;
	background: #FBF9FF;
	font-size: 12.5px;
	line-height: 1.55;
	color: #526079;
}

.fy-confirm-note a {
	color: #C94386;
	font-weight: 700;
	text-decoration: underline;
}

/* Full-width once relocated below the gallery/booking area (see
   product-express.js section 8b) — override any narrow-column width the
   Elementor product-description widget was constrained to. */
.fy-dt.fy-dt--repositioned {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	clear: both;
}

/* Top price display hidden — the same total is already shown inside the
   "Due today (deposit)" summary card next to the booking form, so showing
   it twice was redundant. */
.single-product .elementor-widget-woocommerce-product-price {
	display: none !important;
}