/* 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;
}

/* 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 {
	font-size: clamp(28px, 3.4vw, 38px) !important;
	font-weight: 800;
	color: #C94386 !important;
	letter-spacing: -.02em;
}

/* ================= 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;
}