@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.timeshareescapes.com.au/wp-content/themes/woodmart/fonts/woodmart-font-3-300.woff2") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.header-banner{
	background-color:rgb(255,255,255);
	background-image: none;
}

.page-title-default{
	background-color:rgb(141,46,255);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-image: url(https://www.timeshareescapes.com.au/wp-content/uploads/2019/03/camping-footer-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
}

:root{
--wd-text-font:"DM Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(56,56,56);
--wd-text-font-size:13px;
}
:root{
--wd-title-font:"Playfair Display", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:rgb(10,10,10);
}
:root{
--wd-entities-title-font:"Playfair Display", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:700;
--wd-entities-title-color:rgb(12,12,12);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"DM Sans", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"DM Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(0,0,0);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"DM Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:capitalize;
--wd-header-el-font-size:16px;
}
html .main-page-wrapper .product-grid-item .product-wrapper .wd-entities-title{
	font-family: "Jost", Arial, Helvetica, sans-serif;font-weight: 600;font-size: 16px;
}

:root{
--wd-primary-color:rgb(14,73,72);
}
:root{
--wd-alternative-color:rgb(247,169,34);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
body{
	background-color:rgb(255,255,255);
	background-image: none;
}

.page .main-page-wrapper{
	background-color:rgb(250,251,252);
	background-image: none;
}

.woodmart-archive-shop .main-page-wrapper{
	background-color:rgb(250,251,252);
	background-image: none;
}

.single-product .main-page-wrapper{
	background-color:rgb(250,251,252);
	background-image: none;
}

:root{
--btn-default-bgcolor:rgb(14,73,72);
}
:root{
--btn-default-bgcolor-hover:rgb(14,73,72);
}
:root{
--btn-accented-bgcolor:rgb(14,73,72);
}
:root{
--btn-accented-bgcolor-hover:rgb(14,73,72);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-accented-brd-radius: 35px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 280px;
		}
	
	
	body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {

									--wd-form-color: rgb(132,132,132);
					
							
									--wd-form-brd-color: rgb(217,217,217);
					
							
									--wd-form-bg: rgb(255,255,255);
						}
/* ─────────────────────────────────────────
   CART & CHECKOUT
───────────────────────────────────────── */

.woocommerce.cart-content-wrapper.row .datespophtmlwrap {
    flex: 0 0 100%;
}

/* Hide billing/shipping labels (placeholders used instead) */
#billing_postcode_field label,
#billing_first_name_field label,
#billing_last_name_field label,
#billing_company_field label,
#billing_address_1_field label,
#billing_city_field label,
#billing_state_field label,
#billing_phone_field label,
#billing_email_field label {
    display: none;
}

/* Prevent unwanted field clearing */
#billing_phone_field,
#shipping_phone_field,
#shipping_country_field {
    clear: none !important;
}

#billing_company_field,
#shipping_company_field {
    display: flow-root !important;
}

/* Checkout section headings */
#customer_details .woocommerce-billing-fields h3,
#customer_details .woocommerce-additional-fields h3,
#order_review_heading {
    font-size: 18px !important;
    color: #545454;
    text-transform: capitalize;
}

/* Order admin address layout */
#order_data .order_data_column div.address[style*="display: none"] + div.edit_address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* ─────────────────────────────────────────
   BOOKING DATES PANEL
───────────────────────────────────────── */

#bb_dates_panel_before .bb_dates_panel {
    margin-bottom: 20px;
}

#bb_dates_panel_before .bb_dates_panel div {
    font-size: 13px;
}


/* ─────────────────────────────────────────
   PRODUCT GRID
───────────────────────────────────────── */

/* Remove ghost spacing from Woodmart image placeholder */
.product-grid-item .content-product-imagin {
    margin-bottom: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Bottom spacing between product cards */
.product-grid-item .product-wrapper {
    margin-bottom: 20px;
}


/* ─────────────────────────────────────────
   PRODUCT LABELS
───────────────────────────────────────── */

.product-label.featured {
    background-color: #e88637;
}

.product-label.new {
    background-color: #577c80;
}


/* ─────────────────────────────────────────
   PAGE TITLE BANNER
───────────────────────────────────────── */

.page-title-default {
    background: rgba(0, 0, 0, 0.35);
    background-size: cover;
    padding: 50px;
}

span.tab-label {
    color: #fff;
}


/* ─────────────────────────────────────────
   CTA BAND — MOBILE
───────────────────────────────────────── */

@media (max-width: 600px) {
    .compare-notice {
        flex-direction: column;
        padding: 20px;
        gap: 12px;
    }

    .compare-notice .notice-text {
        word-break: break-word;
    }
}
/* ─────────────────────────────────────────
hide included ticks on product page
───────────────────────────────────────── */
.product-list-content .woocommerce-product-details__short-description div {
  display: none !important;
}
/* TSE Landing Page — Global Styles */

/* Eyebrow pill label — add CSS class "tse-eyebrow" to any Text widget */
.tse-eyebrow {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #f7a71f !important;
  background: rgba(247,167,31,0.15) !important;
  border: 1px solid rgba(247,167,31,0.35) !important;
  padding: 5px 18px !important;
  border-radius: 100px !important;
  margin-bottom: 16px !important;
}

/* Dark background eyebrow variant */
.tse-eyebrow-light {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #226161 !important;
  background: rgba(34,97,97,0.08) !important;
  border: 1px solid rgba(34,97,97,0.2) !important;
  padding: 5px 18px !important;
  border-radius: 100px !important;
  margin-bottom: 16px !important;
}

/* Gold CTA button — add CSS class "tse-btn-gold" to any Button widget */
.tse-btn-gold .elementor-button {
  background: #f7a71f !important;
  color: #ffffff !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(247,167,31,0.35) !important;
  transition: all 0.22s ease !important;
}
.tse-btn-gold .elementor-button:hover {
  background: #e09600 !important;
  transform: translateY(-2px) !important;
}

/* Outline button — add CSS class "tse-btn-outline" to any Button widget */
.tse-btn-outline .elementor-button {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.45) !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  transition: all 0.22s ease !important;
}
.tse-btn-outline .elementor-button:hover {
  border-color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
}

/* Step number circle — add CSS class "tse-step-num" to a Text widget */
.tse-step-num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  background: #1a4d4d !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 1.4rem !important;
  font-weight: 900 !important;
  margin: 0 auto 16px auto !important;
}

/* Benefit icon box — add CSS class "tse-icon-box" to an Icon Box widget */
.tse-icon-box .elementor-icon-box-icon {
  background: rgba(247,167,31,0.15) !important;
  border: 1px solid rgba(247,167,31,0.3) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  color: #f7a71f !important;
}

.woocommerce-MyAccount-navigation-link--bb-guest-passes {
    display: none !important;
}
li:has(> a[href*="/bb-guest-passes/"]),
a[href*="/bb-guest-passes/"] {
    display: none !important;
}
/* 1. Hide ALL the tabs first */
.bb-cat-tabs__tab {
    display: none !important;
}

/* 2. Then show ONLY the first tab (Default) */
.bb-cat-tabs__tab:first-child {
    display: inline-block !important;
    pointer-events: none;
    cursor: default;
    border-bottom: 2px solid #1a4d4d;
}
/* Optional: Remove the hover effect and pointer cursor since it's no longer a 'choice' */
.bb-cat-tabs__tab:first-child {
    pointer-events: none;
    cursor: default;
    border-bottom: 2px solid #1a4d4d; /* Keeps the active brand underline */
}
/* The Nuclear Fix for Logo Distortion */
body .site-logo a.wd-logo-main-logo img,
body .wd-logo a.wd-logo-main-logo img {
    aspect-ratio: auto !important;
    height: auto !important;
    width: auto !important;
    max-height: 70px !important; /* Adjust this to change logo size */
    max-width: 220px !important;
    object-fit: contain !important;
    display: block !important;
}
/* =========================================================
   Order received / thank-you page — v4
   @import MUST be the first line of the stylesheet.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* ---------- 0. Page canvas — light tint of the theme's primary color ---------- */

body.woocommerce-order-received {
	--bb-page: color-mix(in srgb, var(--wd-primary-color, #f0b323) 9%, #fff);
	background-color: var(--bb-page) !important;
}

/* clear the theme's white panels so the cards have something to sit on */
body.woocommerce-order-received .site-content,
body.woocommerce-order-received .content-layout-wrapper,
body.woocommerce-order-received .main-page-wrapper,
body.woocommerce-order-received article.page,
body.woocommerce-order-received article.page > .entry-content,
body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce-order {
	background: transparent !important;
	box-shadow: none !important;
}
/* ---------- 0. Page canvas — auto-tinted from the theme's primary color ---------- */

body.woocommerce-order-received {
	/* add other theme variable names here as fallbacks if you roll this out widely */
	--bb-primary: var(--wd-primary-color, var(--color-primary, #f0b323));
	/* how much white to wash over it: higher = paler background */
	--bb-wash: 92%;
}

body.woocommerce-order-received,
body.woocommerce-order-received .website-wrapper,
body.woocommerce-order-received .main-page-wrapper,
body.woocommerce-order-received .site-content,
body.woocommerce-order-received .content-layout-wrapper,
body.woocommerce-order-received article.page,
body.woocommerce-order-received article.page > .entry-content,
body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce-order {
	background-color: var(--bb-primary) !important;
	background-image: linear-gradient(
		rgba(255, 255, 255, var(--bb-wash)),
		rgba(255, 255, 255, var(--bb-wash))
	) !important;
	box-shadow: none !important;
}
/* fallback tint if your install doesn't add the body class */
.woocommerce-order::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background: color-mix(in srgb, var(--wd-primary-color, #f0b323) 9%, #fff);
}

/* ---------- 1. Tokens + base ---------- */

.woocommerce-order {
	--bb-accent: var(--wd-primary-color, #f0b323);
	--bb-ink: #1a1c22;
	--bb-text: #71757f;
	--bb-line: rgba(26, 28, 34, .07);
	--bb-radius: 16px;
	--bb-btn-radius: 10px;
	--bb-surface: #fff;
	--bb-tint: #f8f8f9;
	--bb-shadow: 0 1px 2px rgba(26, 28, 34, .04), 0 10px 30px -20px rgba(26, 28, 34, .3);
	--bb-font: 'Plus Jakarta Sans', var(--wd-text-font, -apple-system, BlinkMacSystemFont, sans-serif);

	max-width: 880px;
	margin-inline: auto;
	padding-block: 10px 24px;
	color: var(--bb-text);
	font-family: var(--bb-font);
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: -.006em;
}

.woocommerce-order a,
.woocommerce-order p,
.woocommerce-order li,
.woocommerce-order td,
.woocommerce-order th,
.woocommerce-order h2,
.woocommerce-order strong,
.woocommerce-order address,
.woocommerce-order textarea,
.woocommerce-order input {
	font-family: var(--bb-font) !important;
}

/* ---------- 2. Confirmation card (centered) ---------- */

.woocommerce-order .woocommerce-thankyou-order-received {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 16px;
	padding: 34px 24px 30px;
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
	color: var(--bb-ink);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.3;
	text-align: center;
}

.woocommerce-order .woocommerce-thankyou-order-received::before {
	content: "";
	width: 52px;
	height: 52px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--bb-accent) 16%, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1c22' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--bb-accent) 8%, transparent);
}

.woocommerce-order .woocommerce-thankyou-order-received::after {
	content: "A confirmation is on its way to your inbox.";
	display: block;
	margin-top: 8px;
	color: var(--bb-text);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
}

/* ---------- 3. Order summary strip ---------- */

.woocommerce-order ul.order_details,
.woocommerce-order ul.woocommerce-order-overview {
	display: grid;
	grid-template-columns: 1fr 1.15fr 1.6fr 1fr;
	margin: 0 0 16px;
	padding: 0;
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
	list-style: none;
	overflow: hidden;
}

.woocommerce-order ul.order_details li,
.woocommerce-order ul.woocommerce-order-overview li {
	float: none;
	width: auto;
	margin: 0;
	padding: 18px 22px;
	border: none;
	border-left: 1px solid var(--bb-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--bb-text);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
}

.woocommerce-order ul.order_details li:first-child,
.woocommerce-order ul.woocommerce-order-overview li:first-child {
	border-left: none;
}

.woocommerce-order ul.order_details li strong,
.woocommerce-order ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 5px;
	color: var(--bb-ink);
	font-size: 16px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	letter-spacing: -.015em;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.woocommerce-order ul.order_details li.email strong,
.woocommerce-order ul.woocommerce-order-overview li.email strong {
	font-size: 14px;
	letter-spacing: -.01em;
}

/* ---------- 4. Signing card — full width, the loudest thing ---------- */

.woocommerce-order .woocommerce-order-details {
	display: flex;
	flex-direction: column;
}

.woocommerce-order .waiverdesc {
	order: -2;
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 16px;
	padding: 32px 34px 34px;
	border: none;
	border-radius: var(--bb-radius);
	background: linear-gradient(160deg, #23262e 0%, #17191f 62%);
	box-shadow: 0 14px 36px -20px rgba(26, 28, 34, .75);
	overflow: hidden;
}

.woocommerce-order .waiverdesc::before {
	content: "";
	position: absolute;
	top: -80px;
	right: -60px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--bb-accent) 38%, transparent) 0%, transparent 70%);
	pointer-events: none;
}

.woocommerce-order .waiverdesc::after {
	content: "Signature required";
	position: absolute;
	top: 32px;
	right: 32px;
	padding: 6px 13px;
	border-radius: 100px;
	background: color-mix(in srgb, var(--bb-accent) 18%, transparent);
	color: var(--bb-accent);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.woocommerce-order .waiverdesc table,
.woocommerce-order .waiverdesc thead,
.woocommerce-order .waiverdesc tbody,
.woocommerce-order .waiverdesc tr,
.woocommerce-order .waiverdesc th,
.woocommerce-order .waiverdesc td {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left;
	vertical-align: baseline;
}

.woocommerce-order .waiverdesc thead th {
	padding-right: 170px;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.2;
	text-transform: none;
}

.woocommerce-order .waiverdesc thead th::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	vertical-align: -3px;
	background-color: var(--bb-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* supporting copy — edit this string to change the wording */
.woocommerce-order .waiverdesc thead th::after {
	content: "Sign your rental agreement so we can schedule the drop-off. It takes about a minute.";
	display: block;
	margin-top: 10px;
	max-width: 50ch;
	color: rgba(255, 255, 255, .6);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.6;
}

.woocommerce-order .waiverdesc tbody {
	margin-top: 26px;
}

.woocommerce-order .waiverdesc tbody tr + tr {
	margin-top: 10px;
}

.woocommerce-order .waiverdesc td a {
	display: inline-block;
	position: relative;
	padding: 16px 50px 16px 26px;
	border-radius: var(--bb-btn-radius);
	background: var(--bb-accent);
	color: var(--bb-ink) !important;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1.2;
	text-decoration: none;
	/* stored text is in caps — this renders it as sentence case.
	   Delete this and the ::first-letter rule to keep the original. */
	text-transform: lowercase;
	box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--bb-accent) 90%, transparent);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.woocommerce-order .waiverdesc td a::first-letter {
	text-transform: uppercase;
}

.woocommerce-order .waiverdesc td a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .2s ease;
}

.woocommerce-order .waiverdesc td a:hover,
.woocommerce-order .waiverdesc td a:focus-visible {
	filter: brightness(1.06);
	transform: translateY(-1px);
	box-shadow: 0 16px 30px -14px color-mix(in srgb, var(--bb-accent) 95%, transparent);
}

.woocommerce-order .waiverdesc td a:hover::after {
	transform: translateX(3px);
}

.woocommerce-order .waiverdesc td a:focus-visible {
	outline: 2px solid var(--bb-accent);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce-order .waiverdesc td a,
	.woocommerce-order .waiverdesc td a::after {
		transition: none;
	}
	.woocommerce-order .waiverdesc td a:hover {
		transform: none;
	}
}

/* ---------- 5. Rental dates ---------- */

.woocommerce-order .bb_dates_panel {
	order: -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 26px;
	margin: 0 0 30px;
	padding: 16px 22px;
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
	font-size: 14px;
}

.woocommerce-order .bb_dates_panel > div:first-child {
	color: var(--bb-text);
	font-weight: 500 !important;
}

.woocommerce-order .bb_dates_panel > div:not(:first-child) {
	display: flex;
	align-items: center;
	color: var(--bb-ink);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.woocommerce-order .bb_dates_panel i {
	color: var(--bb-accent);
	font-size: 13px;
}

/* ---------- 6. Section titles ---------- */

.woocommerce-order h2,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
	margin: 0 0 12px;
	padding: 0 4px;
	border: none;
	color: var(--bb-ink);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.015em;
	text-transform: none;
}

.woocommerce-order h2::after,
.woocommerce-order .woocommerce-column__title::after {
	display: none;
}

/* ---------- 7. Order details — borderless table in a white card ---------- */

.woocommerce-order .responsive-table {
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
	overflow: hidden;
}

.woocommerce-order .woocommerce-table--order-details {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 15px;
}

.woocommerce-order .woocommerce-table--order-details thead {
	display: none;
}

.woocommerce-order .woocommerce-table--order-details tbody td,
.woocommerce-order .woocommerce-table--order-details tfoot th,
.woocommerce-order .woocommerce-table--order-details tfoot td {
	padding: 10px 24px;
	border: none;
	vertical-align: top;
	line-height: 1.5;
}

.woocommerce-order .woocommerce-table--order-details tbody td:first-child,
.woocommerce-order .woocommerce-table--order-details tfoot th {
	width: 62%;
}

.woocommerce-order .woocommerce-table--order-details tbody tr td {
	padding-top: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--bb-line);
}

/* product cell: name + qty on one line, attributes beneath */
.woocommerce-order .woocommerce-table--order-details .product-name {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	line-height: 1.4;
}

.woocommerce-order .woocommerce-table--order-details .product-name br {
	display: none;
}

.woocommerce-order .woocommerce-table--order-details .product-name > a {
	order: 1;
	flex: 0 1 auto;
	color: var(--bb-ink);
	font-size: 16.5px;
	font-weight: 600;
	letter-spacing: -.02em;
}

.woocommerce-order .woocommerce-table--order-details .product-name > a:hover {
	color: var(--bb-accent);
}

.woocommerce-order .woocommerce-table--order-details .product-quantity {
	order: 2;
	padding: 2px 10px;
	border-radius: 100px;
	background: var(--bb-tint);
	color: var(--bb-text);
	font-size: 12.5px;
	font-weight: 600;
}

.woocommerce-order .woocommerce-table--order-details .item-attributes {
	order: 3;
	flex-basis: 100%;
	margin: 2px 0 0;
	color: var(--bb-text);
	font-size: 14px;
}

.woocommerce-order .woocommerce-table--order-details .item-attributes,
.woocommerce-order .woocommerce-table--order-details .item-attributes__item,
.woocommerce-order .woocommerce-table--order-details .item-attributes__item__content {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 0;
}

.woocommerce-order .woocommerce-table--order-details .item-attributes__item,
.woocommerce-order .woocommerce-table--order-details .item-attributes__item__content,
.woocommerce-order .woocommerce-table--order-details .item-attributes__item__content__item {
	margin: 0;
}

.woocommerce-order .woocommerce-table--order-details .item-attributes__item__content__item--text span {
	color: var(--bb-ink);
	font-weight: 600;
}

.woocommerce-order .woocommerce-table--order-details .product-total,
.woocommerce-order .woocommerce-table--order-details tfoot td {
	text-align: right;
	white-space: nowrap;
	color: var(--bb-ink);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.woocommerce-order .woocommerce-table--order-details tfoot th {
	color: var(--bb-text);
	font-size: 14.5px;
	font-weight: 500;
	text-transform: none;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:first-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:first-child td {
	padding-top: 18px;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td {
	padding-top: 16px;
	padding-bottom: 22px;
	border-top: 1px solid var(--bb-line);
	color: var(--bb-ink);
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -.025em;
	text-transform: none;
}

.woocommerce-order .woocommerce-table--order-details tfoot .order-actions--heading,
.woocommerce-order .woocommerce-table--order-details tfoot .order-actions--heading + td {
	display: none;
}

/* ---------- 8. Actions card ---------- */

.woocommerce-order .bb-order-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin: 16px 0 30px;
	padding: 16px 22px;
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
}

.woocommerce-order .bb-order-actions__label {
	margin: 0;
	color: var(--bb-ink);
	font-size: 14px;
	font-weight: 600;
}

.woocommerce-order .bb-order-actions__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: auto;
}

.woocommerce-order .bb-order-actions .bb-order-actions__buttons a.button {
	padding: 10px 18px !important;
	min-height: 0 !important;
	border: 1px solid var(--bb-line) !important;
	border-radius: var(--bb-btn-radius) !important;
	background: var(--bb-surface) !important;
	color: var(--bb-ink) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	transition: border-color .2s ease, background-color .2s ease;
}

.woocommerce-order .bb-order-actions .bb-order-actions__buttons a.button:hover {
	border-color: color-mix(in srgb, var(--bb-accent) 60%, transparent) !important;
	background: color-mix(in srgb, var(--bb-accent) 10%, #fff) !important;
}

/* ---------- 9. Message card ---------- */

.woocommerce-order .wooconvo-send .chat-container {
	margin: 0;
	padding: 24px 24px 0;
	border: 1px solid var(--bb-line);
	border-bottom: none;
	border-radius: var(--bb-radius) var(--bb-radius) 0 0;
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
}

.woocommerce-order .wooconvo-send ol.chat {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-order .wooconvo-first-message {
	position: relative;
	margin: 0;
	padding: 0 0 0 46px;
	border: none;
	background: none;
	color: var(--bb-ink);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.35;
	text-align: left;
	list-style: none;
}

.woocommerce-order .wooconvo-first-message::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--bb-accent) 16%, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1c22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E") center / 17px 17px no-repeat;
}

/* subtitle — edit this string to change the wording */
.woocommerce-order .wooconvo-first-message::after {
	content: "Questions about pickup, placement or timing? Write to us here and we'll reply by email.";
	display: block;
	margin-top: 5px;
	max-width: 56ch;
	color: var(--bb-text);
	font-size: 14.5px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.6;
}

.woocommerce-order #wooconvo-send {
	margin-top: 0;
	padding: 18px 24px 24px;
	border: 1px solid var(--bb-line);
	border-top: none;
	border-radius: 0 0 var(--bb-radius) var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
}

.woocommerce-order .bottom-bottons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* the plugin styles these through #ids, so match that weight */
#wooconvo-send textarea.wooconvo-textarea {
	flex: 1 1 260px;
	min-height: 88px;
	margin: 0;
	padding: 13px 15px;
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-btn-radius);
	background: var(--bb-tint);
	color: var(--bb-ink);
	font-size: 15px;
	line-height: 1.5;
	resize: vertical;
}

#wooconvo-send textarea.wooconvo-textarea:focus {
	border-color: color-mix(in srgb, var(--bb-accent) 65%, transparent);
	background: #fff;
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--bb-accent) 20%, transparent);
}

#wooconvo-send input.nm-wooconvo-send,
#wooconvo-send input[type="submit"].nm-wooconvo-send {
	align-self: flex-start;
	height: 88px;
	min-width: 118px;
	padding: 0 26px;
	border: none;
	border-radius: var(--bb-btn-radius);
	background: var(--bb-accent);
	color: var(--bb-ink);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.01em;
	text-transform: none;
	box-shadow: none;
	cursor: pointer;
	transition: filter .2s ease;
}

#wooconvo-send input.nm-wooconvo-send:hover,
#wooconvo-send input[type="submit"].nm-wooconvo-send:hover {
	filter: brightness(1.06);
	background: var(--bb-accent);
	color: var(--bb-ink);
}

.woocommerce-order .nm-uploader-area {
	flex-basis: 100%;
}

.woocommerce-order .nm-uploader-area .container_buttons {
	padding: 0;
	border: none;
}

.woocommerce-order .nm-uploader-area .btn_center {
	text-align: left;
}

#nm-uploader-area-wooconvo_file a.select_button,
.woocommerce-order a.select_button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 15px;
	border: 1px dashed rgba(26, 28, 34, .16);
	border-radius: var(--bb-btn-radius);
	background: transparent;
	color: var(--bb-text);
	font-size: 13px;
	font-weight: 600;
	text-transform: none;
	box-shadow: none;
}

#nm-uploader-area-wooconvo_file a.select_button:hover,
.woocommerce-order a.select_button:hover {
	border-color: color-mix(in srgb, var(--bb-accent) 65%, transparent);
	color: var(--bb-ink);
}

/* ---------- 10. Addresses ---------- */

.woocommerce-order .woocommerce-customer-details {
	margin-top: 30px;
}

.woocommerce-order .woocommerce-customer-details .addresses,
.woocommerce-order .woocommerce-customer-details .col2-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
	margin: 0;
}

.woocommerce-order .woocommerce-customer-details .col2-set::before,
.woocommerce-order .woocommerce-customer-details .col2-set::after {
	display: none;
}

.woocommerce-order .woocommerce-customer-details .woocommerce-column,
.woocommerce-order .woocommerce-customer-details .col-1,
.woocommerce-order .woocommerce-customer-details .col-2 {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 22px 24px;
	border: 1px solid var(--bb-line);
	border-radius: var(--bb-radius);
	background: var(--bb-surface);
	box-shadow: var(--bb-shadow);
}

.woocommerce-order .woocommerce-customer-details .woocommerce-column__title {
	margin-bottom: 10px;
	padding: 0;
	font-size: 15px;
}

.woocommerce-order .woocommerce-customer-details address {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	color: var(--bb-text);
	font-style: normal;
	font-size: 15px;
	line-height: 1.75;
}

.woocommerce-order .woocommerce-customer-details address p {
	margin: 0;
}

.woocommerce-order .woocommerce-customer-details address a {
	color: var(--bb-text);
}

.woocommerce-order .woocommerce-customer-details address a:hover {
	color: var(--bb-ink);
}

/* ---------- 11. Small screens ---------- */

@media (max-width: 767px) {
	.woocommerce-order ul.order_details,
	.woocommerce-order ul.woocommerce-order-overview {
		grid-template-columns: repeat(2, 1fr);
	}

	.woocommerce-order ul.order_details li:nth-child(odd),
	.woocommerce-order ul.woocommerce-order-overview li:nth-child(odd) {
		border-left: none;
	}

	.woocommerce-order ul.order_details li:nth-child(n + 3),
	.woocommerce-order ul.woocommerce-order-overview li:nth-child(n + 3) {
		border-top: 1px solid var(--bb-line);
	}

	.woocommerce-order .bb-order-actions__buttons {
		margin-left: 0;
	}

	.woocommerce-order .woocommerce-customer-details .addresses,
	.woocommerce-order .woocommerce-customer-details .col2-set {
		grid-template-columns: minmax(0, 1fr);
	}

	#wooconvo-send input.nm-wooconvo-send,
	#wooconvo-send input[type="submit"].nm-wooconvo-send {
		width: 100%;
		height: 48px;
	}
}

@media (max-width: 575px) {
	.woocommerce-order .woocommerce-thankyou-order-received {
		padding: 28px 18px 24px;
		font-size: 19px;
	}

	.woocommerce-order .waiverdesc {
		padding: 26px 20px 28px;
	}

	.woocommerce-order .waiverdesc::after {
		position: static;
		display: inline-block;
		margin-bottom: 12px;
	}

	.woocommerce-order .waiverdesc thead th {
		padding-right: 0;
		font-size: 21px;
	}

	.woocommerce-order .waiverdesc td a {
		display: block;
		text-align: center;
	}

	.woocommerce-order .woocommerce-table--order-details tbody td,
	.woocommerce-order .woocommerce-table--order-details tfoot th,
	.woocommerce-order .woocommerce-table--order-details tfoot td {
		padding-inline: 16px;
	}
}

/* ---------- 12. Print ---------- */

@media print {
	.woocommerce-order::before,
	.woocommerce-order .wooconvo-send,
	.woocommerce-order #wooconvo-send,
	.woocommerce-order .bb-order-actions,
	.woocommerce-order .waiverdesc td a {
		display: none !important;
	}
}

