/*
 * Lane D: WooCommerce basket, checkout and my-account (classic shortcodes).
 *
 * The live pages were Elementor pages (Elementor Pro "Cart" widget, Ultimate Addons "Checkout" widget); both only restyle the
 * stock WooCommerce markup. The rules below reproduce that look on the classic shortcode output, so the page no longer needs
 * Elementor. Cart rules are ported from the Elementor Pro widget stylesheet with the widget's own settings applied (kit
 * colours: primary #008080, secondary #C7BE9C); checkout rules from the UAEL checkout widget; account rules from the page.
 * Everything is scoped to .wwh-shop so no other template is affected.
 */

.wwh-shop {
	--e-a-bg-default: #fff;
	max-width: 1140px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}

.wwh-shop .wwh-shop__title {
	margin: 0 0 20px;
	padding: 0;
	font-family: var(--wp--preset--font-family--roboto-condensed, "Roboto Condensed", sans-serif);
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
	color: var(--wp--preset--color--primary, #008080);
}

.wwh-shop--cart .wwh-cart { grid-template-columns:auto }
.wwh-shop--cart table tbody tr:hover>td, .wwh-shop--cart table tbody tr:hover>th { background-color:inherit }
.wwh-shop--cart .e-clear { overflow:hidden;height:0;width:0 }
.wwh-shop--cart .wwh-box { background-color:var(--sections-background-color,#fff);padding:var(--sections-padding,16px 30px);margin:var(--sections-margin,0 0 30px 0);border-radius:var(--sections-border-radius,3px);border:1px var(--sections-border-type,solid) var(--sections-border-color,#d5d8dc) }
.wwh-shop--cart .wwh-box--no-coupon { margin:var(--sections-margin,0 0 0 0) }
@media (min-width:1024px) {
  .wwh-shop--cart .wwh-box:last-child { margin:var(--sections-margin,0) }
}
.wwh-shop--cart .e-cart-content { color:var(--sections-descriptions-color,#69727d);font-size:15px;font-weight:400;line-height:23px;letter-spacing:0 }
.wwh-shop--cart .wwh-cart { display:grid;flex-wrap:wrap;grid-template-columns:59% auto;align-items:stretch;grid-column-gap:var(--sections-margin,30px);grid-row-gap:var(--sections-margin,30px) }
@media (max-width:1024px) {
  .wwh-shop--cart .wwh-cart { grid-template-columns:repeat(1,1fr) }
}
.wwh-shop--cart .e-cart-layout-one-column .e-cart__container { grid-template-columns:auto }
.wwh-shop--cart .woocommerce { font-family:Roboto,sans-serif }
.wwh-shop--cart .woocommerce button.button { background-color:var(--e-a-bg-default);color:var(--forms-buttons-normal-text-color,#69727d);border-radius:var(--forms-buttons-border-radius,3px);padding:var(--forms-buttons-padding,.88rem 2rem);width:var(--forms-buttons-width,auto);border:2px var(--forms-buttons-border-type,solid) var(--forms-buttons-border-color,#5bc0de) }
.wwh-shop--cart .woocommerce button.button:hover { color:var(--forms-buttons-hover-text-color,#69727d);transition-duration:var(--forms-buttons-hover-transition-duration,.3s);border-color:var(--forms-buttons-hover-border-color,#5bc0de) }
.wwh-shop--cart .woocommerce button.button.disabled, .wwh-shop--cart .woocommerce button.button:disabled, .wwh-shop--cart .woocommerce button.button:disabled[disabled] { padding:var(--forms-buttons-padding,.88rem 2rem);color:var(--forms-buttons-normal-text-color,#69727d) }
.wwh-shop--cart .woocommerce button.button.disabled:hover, .wwh-shop--cart .woocommerce button.button:disabled:hover, .wwh-shop--cart .woocommerce button.button:disabled[disabled]:hover { background-color:var(--forms-buttons-hover-background-color,#fff);color:var(--forms-buttons-hover-text-color,#69727d);transition-duration:var(--forms-buttons-hover-transition-duration,.3s);border-color:var(--forms-buttons-hover-border-color,#5bc0de) }
.wwh-shop--cart .woocommerce #shipping_method li label { color:var(--sections-radio-buttons-color,#69727d) }
.wwh-shop--cart .woocommerce #shipping_method li input { vertical-align:middle }
.wwh-shop--cart .woocommerce .shipping-calculator-form { margin-top:var(--sections-descriptions-spacing,15px) }
.wwh-shop--cart .woocommerce .woocommerce-shipping-destination { color:var(--sections-descriptions-color,#69727d);margin-bottom:0 }
.wwh-shop--cart .woocommerce-page .cart_totals table.shop_table_responsive tbody th, .wwh-shop--cart .woocommerce .cart_totals table.shop_table_responsive tbody th { display:none }
.wwh-shop--cart .woocommerce-page .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td, .wwh-shop--cart .woocommerce .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td { text-align:left!important }
.wwh-shop--cart .woocommerce-page .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td:before, .wwh-shop--cart .woocommerce .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals td:before { width:100%;margin-bottom:10px }
.wwh-shop--cart .woocommerce-page .cart_totals table.shop_table_responsive tr td, .wwh-shop--cart .woocommerce .cart_totals table.shop_table_responsive tr td { text-align:right!important }
.wwh-shop--cart .woocommerce-page .cart_totals table.shop_table_responsive tr td:before, .wwh-shop--cart .woocommerce .cart_totals table.shop_table_responsive tr td:before { content:attr(data-title);font-weight:700;float:left }
.wwh-shop--cart .woocommerce .cart_totals h2 { text-align:var(--totals-title-alignment,left) }
.wwh-shop--cart .woocommerce .cart_totals table.shop_table td { padding-top:var(--totals-rows-gap-top,12px);padding-bottom:var(--totals-rows-gap-bottom,9px) }
.wwh-shop--cart .woocommerce .cart_totals table.shop_table td .woocommerce-Price-amount, .wwh-shop--cart .woocommerce .cart_totals table.shop_table td:before { color:var(--totals-color,#69727d);font-weight:700 }
.wwh-shop--cart .woocommerce .cart_totals table.shop_table tr.order-total td { border-top-color:var(--totals-divider-color,#69727d);border-top-width:var(--totals-divider-weight,0) }
.wwh-shop--cart .woocommerce .cart_totals .form-row { margin-bottom:var(--forms-rows-gap,6px) }
.wwh-shop--cart .woocommerce .product-name a { color:var(--product-link-normal-color,#000) }
.wwh-shop--cart .woocommerce .product-name a:hover { color:var(--product-link-hover-color,#000) }
.wwh-shop--cart .woocommerce .form-row { padding:3px 0;margin:0 }
.wwh-shop--cart .woocommerce .input-text, .wwh-shop--cart .woocommerce select { color:var(--forms-fields-normal-color,#69727d);background-color:#f9fafa;border-radius:var(--forms-fields-border-radius,3px);border:none;padding:var(--forms-fields-padding,16px);font-size:14px }
.wwh-shop--cart .woocommerce .input-text::-moz-placeholder, .wwh-shop--cart .woocommerce select::-moz-placeholder { color:var(--forms-fields-normal-color,inherit);font-family:inherit;opacity:.6 }
.wwh-shop--cart .woocommerce .input-text::-moz-placeholder, .wwh-shop--cart .woocommerce select::-moz-placeholder { color:var(--forms-fields-normal-color,inherit);font-family:inherit;opacity:.6 }
.wwh-shop--cart .woocommerce .input-text::placeholder, .wwh-shop--cart .woocommerce select::placeholder { color:var(--forms-fields-normal-color,inherit);font-family:inherit;opacity:.6 }
.wwh-shop--cart .woocommerce .input-text:focus, .wwh-shop--cart .woocommerce select:focus { color:var(--forms-fields-focus-color,#69727d);background-color:#f9fafa;border-color:var(--forms-fields-focus-border-color,transparent);transition-duration:var(--forms-fields-focus-transition-duration,.3s) }
.wwh-shop--cart .woocommerce .input-text:focus::-moz-placeholder, .wwh-shop--cart .woocommerce select:focus::-moz-placeholder { color:var(--forms-fields-focus-color,#69727d) }
.wwh-shop--cart .woocommerce .input-text:focus::-moz-placeholder, .wwh-shop--cart .woocommerce select:focus::-moz-placeholder { color:var(--forms-fields-focus-color,#69727d) }
.wwh-shop--cart .woocommerce .input-text:focus::placeholder, .wwh-shop--cart .woocommerce select:focus::placeholder { color:var(--forms-fields-focus-color,#69727d) }
.wwh-shop--cart .woocommerce .input-text.qty { background-color:transparent;color:var(--order-summary-color,#000);border:var(--order-summary-quantity-border-weight,1px) solid var(--order-summary-quantity-border-color,#d5d8dc);border-radius:3px;padding:1px 2px;text-align:left;font-size:14px;min-height:28px;max-height:28px }
.wwh-shop--cart .woocommerce .wc-proceed-to-checkout { padding-bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;align-items:var(--place-order-title-alignment,stretch) }
.wwh-shop--cart .woocommerce .wc-proceed-to-checkout .checkout-button { padding:var(--checkout-button-padding,15px 1em);width:var(--checkout-button-width,auto);font-size:15px;text-align:center;color:var(--checkout-button-normal-text-color,#fff);background-color:#5bc0de;border-radius:var(--checkout-button-border-radius,3px);min-height:auto;margin-bottom:0 }
.wwh-shop--cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover { color:var(--checkout-button-hover-text-color,#fff);background-color:#5bc0de;border-color:var(--checkout-button-hover-border-color,#5bc0de);transition-duration:var(--checkout-button-hover-transition-duration,.3s) }
.wwh-shop--cart .woocommerce .remove { background:transparent;color:var(--order-summary-remove-icon-normal-color,#000)!important;width:auto }
.wwh-shop--cart .woocommerce .remove:hover { background:transparent;color:var(--order-summary-remove-icon-hover-color,#5bc0de)!important }
.wwh-shop--cart .woocommerce .cart-collaterals .cart_totals { float:none;width:100% }
.wwh-shop--cart .woocommerce .cart-collaterals .cart_totals td { padding-left:0 }
.wwh-shop--cart .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-totals td { padding-right:0 }
.wwh-shop--cart .woocommerce .coupon .button { float:right;width:100% }
.wwh-shop--cart .woocommerce .coupon .form-row { padding:0 }
.wwh-shop--cart .woocommerce .coupon-col { display:flex }
.wwh-shop--cart .woocommerce .coupon-col-start { flex:2;padding-right:30px }
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce .coupon-col-start { padding-right:0 }
}
.wwh-shop--cart .woocommerce .coupon-col-end { flex:1 }
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce .coupon-col-end { text-align:var(--apply-coupon-button-alignment,center) }
}
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce .coupon-col { display:block }
}
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce .coupon { margin:var(--sections-margin,0) }
  .wwh-shop--cart .woocommerce .coupon #coupon_code { width:100%;margin-right:0;margin-bottom:15px }
  .wwh-shop--cart .woocommerce .coupon .button { width:var(--apply-coupon-button-width,100%);float:none }
}
.wwh-shop--cart .woocommerce table.shop_table { border:0 solid }
.wwh-shop--cart .woocommerce table.shop_table .button { float:left;font-size:14px;font-weight:700 }
.wwh-shop--cart .woocommerce table.shop_table.cart .actions { display:table-cell;text-align:var(--update-cart-button-alignment,left)!important }
.wwh-shop--cart .woocommerce table.shop_table.cart .actions .button { display:inline-block!important;float:none;width:var(--update-cart-button-width,auto) }
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce table.shop_table.cart .actions .button { width:var(--update-cart-button-width,100%)!important }
}
.wwh-shop--cart .woocommerce table.shop_table .shipping-calculator-form p:last-of-type { text-align:var(--update-shipping-button-alignment,start) }
.wwh-shop--cart .woocommerce table.shop_table .shipping-calculator-form .button { float:none;width:var(--update-shipping-button-width,auto) }
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce table.shop_table .shipping-calculator-form .button { width:var(--update-shipping-button-width,100%) }
}
.wwh-shop--cart .woocommerce table.shop_table td, .wwh-shop--cart .woocommerce table.shop_table th, .wwh-shop--cart .woocommerce table.shop_table tr { border:0 solid }
.wwh-shop--cart .woocommerce table.shop_table tr:nth-child(odd)>td, .wwh-shop--cart .woocommerce table.shop_table tr:nth-child(odd)>th { background-color:transparent }
.wwh-shop--cart .woocommerce table.shop_table .actions { padding:16px 0 0 }
.wwh-shop--cart .woocommerce table.shop_table .product-remove a { display:inline-block }
.wwh-shop--cart .woocommerce table.shop_table.cart tbody tr:last-child { display:var(--update-cart-automatically-display,table-row) }
.wwh-shop--cart .woocommerce table.cart { margin-bottom:0 }
.wwh-shop--cart .woocommerce table.cart img { width:55px;height:auto;display:block }
.wwh-shop--cart .woocommerce table.cart td { padding-top:var(--order-summary-rows-gap-top,20px);padding-right:20px;padding-bottom:var(--order-summary-rows-gap-bottom,20px);padding-left:0 }
.wwh-shop--cart .woocommerce table.cart td span { color:var(--order-summary-color,#000);font-size:14px;font-weight:400 }
.wwh-shop--cart .woocommerce table.cart td.actions, .wwh-shop--cart .woocommerce table.cart td.product-name, .wwh-shop--cart .woocommerce table.cart td.product-price, .wwh-shop--cart .woocommerce table.cart td.product-quantity, .wwh-shop--cart .woocommerce table.cart td.product-remove, .wwh-shop--cart .woocommerce table.cart td.product-subtotal, .wwh-shop--cart .woocommerce table.cart td.product-thumbnail { border-top:var(--order-summary-items-divider-weight,1px) solid var(--order-summary-items-divider-color,#d5d8dc) }
@media (max-width:768px) {
  .wwh-shop--cart .woocommerce table.cart td.actions, .wwh-shop--cart .woocommerce table.cart td.product-name, .wwh-shop--cart .woocommerce table.cart td.product-price, .wwh-shop--cart .woocommerce table.cart td.product-quantity, .wwh-shop--cart .woocommerce table.cart td.product-remove, .wwh-shop--cart .woocommerce table.cart td.product-subtotal, .wwh-shop--cart .woocommerce table.cart td.product-thumbnail { border-top-width:0 }
}
.wwh-shop--cart .woocommerce table.cart td.product-remove { padding-left:0;padding-right:0 }
@media (min-width:767px) {
  .wwh-shop--cart .woocommerce table.cart tbody tr:first-child td { border-top:none }
}
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce table.cart.product-remove { position:relative }
  .wwh-shop--cart .woocommerce table.cart.product-name { padding-right:0 }
  .wwh-shop--cart .woocommerce table.cart tr { border-top-width:var(--order-summary-items-divider-weight,1px);border-top-color:var(--order-summary-items-divider-color,#d5d8dc) }
  .wwh-shop--cart .woocommerce table.cart tr:first-child { border-top:none }
}
@media (max-width:768px) {
  .wwh-shop--cart .woocommerce table.cart td { padding-left:0;padding-right:0 }
}
@media (max-width:767px) {
  .wwh-shop--cart .woocommerce table.cart { padding:0 }
  .wwh-shop--cart .woocommerce table.cart tr { padding:16px 28px }
  .wwh-shop--cart .woocommerce table.cart tr:first-child { border-top:none }
  .wwh-shop--cart .woocommerce table.cart td { padding-left:0;padding-right:0 }
  .wwh-shop--cart .woocommerce table.cart td.product-name, .wwh-shop--cart .woocommerce table.cart td:first-child { border-top:none }
  .wwh-shop--cart .woocommerce table.cart td.actions { padding:0 }
}
.wwh-shop--cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) { color:var(--links-normal-color,#5bc0de) }
.wwh-shop--cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):hover { color:var(--links-hover-color,#5bc0de) }
.wwh-shop--cart .woocommerce .cart_totals h2, .wwh-shop--cart .woocommerce .cart th { font-size:14px;font-weight:700;margin-top:0;padding:0 20px 8px 0 }
.wwh-shop--cart .woocommerce .cart_totals h2 { margin-bottom:var(--sections-title-spacing,1rem);color:var(--sections-title-color,#000) }
.wwh-shop--cart .woocommerce .cart th { padding-bottom:var(--order-summary-title-spacing,8px);color:var(--order-summary-title-color,#000) }
.wwh-shop--cart .woocommerce .cart td:before { color:var(--order-summary-title-color,#000) }
.wwh-shop--cart .woocommerce .shipping-calculator-button:after { display:none }
.wwh-shop--cart .woocommerce .product-name .variation { color:var(--order-summary-variations-color,#000) }
@media (max-width:1024px) {
  .wwh-shop--cart .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td, .wwh-shop--cart .woocommerce table.shop_table_responsive tr:nth-child(2n) td { background-color:transparent }
  .wwh-shop--cart .woocommerce .cart_totals .shop_table_responsive td { padding-left:0 }
}
.e-preview--show-hidden-elements .wwh-shop--cart .woocommerce #shipping_method input, .e-preview--show-hidden-elements .wwh-shop--cart .woocommerce .shipping-calculator-form button[name=calc_shipping] { pointer-events:none }


/* ------------------------------------------------------------------ Basket */

.wwh-shop--cart .wwh-cart {
	--totals-title-alignment: end;
	--update-cart-automatically-display: none;
	--sections-title-color: #008080;
	--links-normal-color: #008080;
	--order-summary-rows-gap-top: 7.5px;
	--order-summary-rows-gap-bottom: 7.5px;
	--order-summary-color: #008080;
	--product-link-normal-color: #008080;
	--product-link-hover-color: #C7BE9C;
	--order-summary-items-divider-color: #C7BE9C;
	--order-summary-remove-icon-normal-color: #008080;
	--order-summary-remove-icon-hover-color: #C7BE9C;
	--totals-rows-gap-top: 5px;
	--totals-rows-gap-bottom: 5px;
	--totals-color: #008080;
	--totals-divider-weight: 0px;
	grid-row-gap: 10px;
}

.wwh-shop--cart .coupon {
	--sections-border-type: none;
	--sections-margin: 10px 0px 10px 0px;
}

.wwh-shop--cart .shipping-calculator-form {
	--update-shipping-button-alignment: center;
	--update-shipping-button-width: 100%;
}

.wwh-shop--cart .wc-proceed-to-checkout {
	--place-order-title-alignment: stretch;
	--checkout-button-width: 100%;
}

.wwh-shop--cart .woocommerce .cart_totals h2 {
	font-family: "Roboto Condensed", sans-serif;
}

.wwh-shop--cart .woocommerce .cart_totals .shop_table td::before,
.wwh-shop--cart .woocommerce .cart_totals .shop_table td .woocommerce-Price-amount {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
}

.wwh-shop--cart .woocommerce .wc-proceed-to-checkout .checkout-button {
	background-color: #008080;
}

.wwh-shop--cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover {
	background-color: #C7BE9C;
}

/* The widget printed an empty "Cart totals" heading (it only kept the spacing) and hid the update row (quantities update by script). */
.wwh-shop--cart .cart_totals > h2 {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.wwh-shop--cart .cart_totals {
	padding-top: 40.5px;
}

/* Smart Coupons-era rule from the live Additional CSS */
.wwh-shop .woocommerce .cart-collaterals {
	padding-top: 15px !important;
}

.wwh-shop .woocommerce-cart-form th.product-thumbnail,
.wwh-shop .woocommerce-cart-form__cart-item .product-thumbnail {
	display: none !important;
}

.wwh-shop .woocommerce-cart-form h3 {
	font-size: 14px !important;
}

.wwh-shop .return-to-shop {
	display: none !important;
}


/* one-column layout of the widget (wins over the two-column default above) */
.wwh-shop--cart .wwh-cart { grid-template-columns: auto; }
@media (max-width: 1024px) {
	.wwh-shop--cart .wwh-cart { grid-template-columns: repeat(1, 1fr); }
}
/* ------------------------------------------------------------------ Notices
 * Live styled the classic .woocommerce-info / -message boxes teal (Additional CSS); WooCommerce 11 prints them as
 * .wc-block-components-notice-banner, so both markups get the same look here. */

.wwh-shop :is(.woocommerce-info, .woocommerce-message, .wc-block-components-notice-banner.is-info, .wc-block-components-notice-banner.is-success) {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: auto;
	margin: 0 0 2em;
	padding: 1em 2em 1em 3.5em !important;
	background: #008080 !important;
	color: #fff !important;
	border: 0;
	border-top: 3px solid #fff !important;
	border-radius: 0;
	font-size: inherit;
	line-height: 1.5;
	list-style: none;
	word-wrap: break-word;
}

.wwh-shop :is(.woocommerce-info, .woocommerce-message)::before,
.wwh-shop :is(.wc-block-components-notice-banner.is-info, .wc-block-components-notice-banner.is-success)::before {
	content: "\e015";
	display: inline-block;
	position: absolute;
	top: 1em;
	left: 1.5em;
	font-family: WooCommerce;
	color: #fff !important;
}

.wwh-shop .wc-block-components-notice-banner > svg {
	display: none;
}

.wwh-shop .wc-block-components-notice-banner__content {
	display: inline;
	margin: 0;
	padding: 0;
	color: inherit;
}

.wwh-shop :is(.woocommerce-info, .woocommerce-message, .wc-block-components-notice-banner:not(.is-error)) a:not(.button) {
	color: #fff !important;
	text-decoration: none;
}

.wwh-shop :is(.woocommerce-error, .wc-block-components-notice-banner.is-error) {
	position: relative;
	display: block;
	box-sizing: border-box;
	margin: 0 0 2em;
	padding: 1em 2em 1em 3.5em !important; /* I4: WC blocks css sets padding:16px !important, which put the icon over the text */
	background: #f6f5f8;
	color: #515151;
	border: 0;
	border-top: 3px solid #b81c23;
	border-radius: 0;
	list-style: none;
}

/* I4: error links/strong keep the error text colour (were white on #f6f5f8 via the info/success link rule above) */
.wwh-shop :is(.woocommerce-error, .wc-block-components-notice-banner.is-error) a:not(.button) {
	color: #515151 !important;
	text-decoration: underline;
}

.wwh-shop :is(.woocommerce-error, .wc-block-components-notice-banner.is-error)::before {
	content: "\e016";
	display: inline-block;
	position: absolute;
	top: 1em;
	left: 1.5em;
	font-family: WooCommerce;
	color: #b81c23;
}

.wwh-shop .woocommerce-message .button.wc-forward,
.wwh-shop .woocommerce-message .restore-item {
	float: right;
	background: #C7BE9C !important;
	color: #008080 !important;
	border: none !important;
	text-decoration: none !important;
	padding: 6px 12px !important;
	border-radius: 3px;
	display: inline-block !important;
}

.wwh-shop .woocommerce-message .button.wc-forward:hover,
.wwh-shop .woocommerce-message .restore-item:hover {
	background: #b8af94 !important;
	color: #006666 !important;
}

/* quantity box: 72px wide x 28px high (measured on the old basket), 16px Arial digit */
.wwh-shop--cart .woocommerce .quantity .input-text.qty {
	width: 72px; min-width: 0; height: 28px; min-height: 28px; max-height: 28px; box-sizing: border-box;
	padding: 1px 2px; text-align: center; font: 16px Arial, sans-serif; line-height: normal;
}
.wwh-shop .woocommerce-cart-form .product-name a { text-decoration: none; }

.wwh-shop .woocommerce form .form-row textarea {
	height: 8em;
}

.wwh-shop #termys_field label {
	line-height: 16px !important;
	font-size: 13px !important;
}

.wwh-shop .wwh-co .wwh-co-order-review .product-thumbnail {
	display: none;
}

/* ------------------------------------------------------------------ Checkout */

.wwh-shop--checkout .wwh-co {
	font-family: Roboto, sans-serif;
}

/* --- UAEL checkout widget rules (ported) --- */
.wwh-co .wwh-co-columns form.checkout.woocommerce-checkout { display:flex;justify-content:center;align-items:flex-start;width:100% }
.wwh-co .wwh-co-columns form.checkout.woocommerce-checkout { flex-direction:row;align-content:flex-start }
/* H2: WooCommerce prepends .woocommerce-NoticeGroup-checkout into the flex form; let it wrap onto its own full-width line above the columns */
.wwh-co .wwh-co-columns form.checkout.woocommerce-checkout:has(> .woocommerce-NoticeGroup) { flex-wrap:wrap }
.wwh-co .wwh-co-columns form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup { flex:0 0 auto;align-self:stretch;width:100%;box-sizing:border-box }
.wwh-co .wwh-co-columns .wwh-co-col-1 { max-width:65%;width:100%;margin-right:5px }
.wwh-co .wwh-co-columns .wwh-co-col-1 #customer_details { width:100%!important;padding-right:0 }
.wwh-co .wwh-co-columns .wwh-co-col-2 { max-width:35%;width:100%;height:100%;margin-left:5px;padding-left:10px;border-left:1px solid #ddd }
.wwh-co form.checkout_coupon { border:0 }
.wwh-co .wwh-co-coupon, .wwh-co .wwh-co-login { margin-bottom:10px;width:100% }
.wwh-co .wwh-co-coupon .woocommerce-info, .wwh-co .wwh-co-login .woocommerce-info { border-top:0;margin-bottom:0 }
.wwh-co form.checkout, .wwh-co-coupon form.woocommerce-form-coupon, .wwh-co-login form.woocommerce-form-login { width:100% }
.wwh-co-login form.woocommerce-form-login { border:0;margin-top:20px;margin-bottom:0;padding:0 }
.wwh-co-login form.woocommerce-form-login p:not(.form-row) { margin-bottom:0 }
.wwh-co-coupon form.woocommerce-form-coupon { padding-left:0;padding-right:0;margin-top:20px;padding-bottom:0 }
.wwh-co form .form-row-last, .woocommerce-page .wwh-co form .form-row-last { width:49% }
.wwh-co .checkout_coupon.woocommerce-form-coupon .form-row-last { display:inline-flex;flex-direction:column;vertical-align:middle }
.wwh-co .wwh-co-columns .col2-set .col-2 { margin-top:10px }
.wwh-co #ship-to-different-address-checkbox { margin-right:5px;vertical-align:middle }
.wwh-co form .form-row-first, .wwh-co form .form-row-last, .wwh-co form .form-row-first, .wwh-co form .form-row-last { width:50% }
.wwh-co form .form-row { padding:3px 7px;position:relative }
.wwh-co .woocommerce-checkout .col2-set .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .wwh-co .woocommerce-checkout .col2-set .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper, .wwh-co .woocommerce-checkout .wcf-col2-set .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .wwh-co .woocommerce-checkout .wcf-col2-set .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper { margin:0 -7px }
.wwh-co .wwh-co-order-review .wwh-co-order-title h3, .wwh-co .wwh-co-payment .wwh-co-payment-title h3, .wwh-co .woocommerce-checkout #customer_details h3, .wwh-co .woocommerce-checkout .customer_details h3 { font-size:1.2rem;padding:0;margin:0 0 20px 0;border-bottom-style:solid }
.wwh-co .customer_details input.input-text, .wwh-co .customer_details select, .wwh-co .customer_details textarea, .wwh-co .select2-container .select2-selection--single, .wwh-co .wwh-co-coupon .form-row input.input-text, .wwh-co .wwh-co-login .form-row input.input-text { font-size:1rem;width:100%;background-color:#fff;border:1px solid #ced4da;border-radius:5px }
.wwh-co #customer_details { margin-bottom:10px }
.wwh-co #customer_details .col-2 .woocommerce-additional-fields:only-child, .wwh-co .wwh-co-billing, .wwh-co .wwh-co-coupon, .wwh-co .wwh-co-login, .wwh-co .wwh-co-order-review, .wwh-co .wwh-co-payment, .wwh-co .wwh-co-shipping { border-width:1px }
.wwh-co .wwh-co-payment { display:inline-block;padding:10px;margin-top:10px }
.wwh-co #payment div.form-row, .wwh-co #payment ul.payment_methods { padding:0 }
.wwh-co #payment ul.payment_methods { border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:10px }
.wwh-co #payment input[type=checkbox], .wwh-co #payment input[type=radio], .wwh-co .ce-field [type=checkbox], .wwh-co .woocommerce-account-fields input[type=checkbox], .wwh-co .woocommerce-billing-fields [type=checkbox], .wwh-co .woocommerce-shipping-fields [type=checkbox] { border:1px solid #b4b9be;display:inline-block;background:#fff;color:#555;cursor:pointer;line-height:0;height:16px;margin:-4px 4px 0 0;padding:0!important;text-align:center;width:16px;min-width:16px;box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);transition:50ms border-color ease-in-out }
.wwh-co #payment input[type=checkbox]:checked:before, .wwh-co #payment input[type=radio]:checked:before, .wwh-co .ce-field [type=checkbox]:checked:before, .wwh-co .woocommerce-account-fields input[type=checkbox]:checked:before, .wwh-co .woocommerce-billing-fields [type=checkbox]:checked:before, .wwh-co .woocommerce-shipping-fields [type=checkbox]:checked:before { content:"\2714";display:inline-block;vertical-align:middle;font-size:13px;line-height:1; }
.wwh-co .ce-field [type=checkbox] { height:13px;width:13px;min-width:13px }
.wwh-co .ce-field [type=checkbox]:checked:before { font-size:10px }
.wwh-co .wwh-co-order-review { overflow:auto }
.wwh-co .wwh-co-order-review ul { margin:0;list-style:none;padding:0 }
.wwh-co .wwh-co-order-review ul.wwh-co-items li { margin-top:5px }
.wwh-co .wwh-co-order-review .table-col-1, .wwh-co .wwh-co-order-review .table-row { align-items:center }
.wwh-co .wwh-co-order-review .product-thumbnail { width:60px;margin-right:20px }
.wwh-co .wwh-co-order-review .product-thumbnail img { max-width:100% }
.wwh-co .wwh-co-order-review .wwh-co-footer { flex-direction:column-reverse }
.wwh-co .wwh-co-order-review .table-col-1, .wwh-co .wwh-co-order-review .table-row, .wwh-co .wwh-co-order-review .wwh-co-footer, .wwh-co .wwh-co-order-review .wwh-co-footer .footer-content .cart-subtotal, .wwh-co .wwh-co-order-review .wwh-co-footer .footer-content .order-total, .wwh-co .wwh-co-order-review .wwh-co-footer .footer-content .shipping-area { display:flex;justify-content:space-between }
.wwh-co .wwh-co-order-review .wwh-co-footer .back-to-shop, .wwh-co .wwh-co-order-review .wwh-co-footer .uae-shop-link { margin-top:10px }
.wwh-co .wwh-co-order-review .wwh-co-footer .back-to-shop .back-to-shop-link i { margin-right:5px }
.wwh-co .wwh-co-order-review .wwh-co-footer, .wwh-co .wwh-co-order-review .wwh-co-footer .footer-content .order-total { border-top:1px solid #ddd;margin-top:10px;padding-top:10px }
.wwh-co .wwh-co-order-review .wwh-co-footer, .wwh-co .wwh-co-order-review .wwh-co-footer .footer-content .order-total { border-top:none }
.wwh-co .wwh-co-order-review .wwh-co-footer .footer-content .order-total { font-weight:700 }
.wwh-co .wwh-co-items { padding-top:5px;padding-bottom:8px }
.woocommerce-page .wwh-co #payment #place_order, .woocommerce-page.woocommerce-checkout .wwh-co #payment #place_order { width:auto;float:none }
.wwh-co .woocommerce-form.woocommerce-form-login.login .form-row:nth-child(5), .woocommerce-page .wwh-co #payment .form-row.place-order, .woocommerce-page.woocommerce-checkout .wwh-co #payment .form-row.place-order { display:flex;flex-direction:column }
.wwh-co form .wwh-co-coupon-field .form-row-first { width:70% }
.wwh-co form .wwh-co-coupon-field .form-row-last { width:30% }
.wwh-co .wwh-co-payment { width:100% }
@media (max-width:768px) {
  .wwh-co .wwh-co-columns form.checkout.woocommerce-checkout { flex-direction:column }
  .wwh-co .wwh-co-columns .wwh-co-col-2 { margin-left:0;padding-left:0;border-left:none }
  .wwh-co .wwh-co-columns .wwh-co-col-1, .wwh-co .wwh-co-columns .wwh-co-col-2 { max-width:100% }
  .wwh-co form .form-row-first, .wwh-co form .form-row-last, .wwh-co form .form-row-first, .wwh-co form .form-row-last { width:100% }
}
.wwh-co .wwh-co-order-review .wwh-co-footer .uae-shop-main-div { display:flex; }

/* --- widget settings of the live checkout page --- */
.wwh-co .wwh-co-login, .wwh-co .wwh-co-coupon, .wwh-co .wwh-co-login p:not(.form-row), .wwh-co .wwh-co-coupon p:not(.form-row), .wwh-co .wwh-co-order-review .wwh-co-footer, .wwh-co .wwh-co-coupon .form-row label, .wwh-co .wwh-co-login .form-row label, .wwh-co .customer_details label:not(.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox), .wwh-co #customer_details label:not(.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox), .wwh-co .wwh-co-coupon .form-row input.input-text, .wwh-co .wwh-co-login .form-row input.input-text, .wwh-co .customer_details input.input-text, .wwh-co .customer_details select, .wwh-co .customer_details textarea, .wwh-co #customer_details input.input-text, .wwh-co #customer_details select, .wwh-co #customer_details textarea, .wwh-co .select2-container .select2-selection--single, .wwh-co .wwh-co-order-review ul.wwh-co-items .product-name, .wwh-co .wwh-co-order-review ul.wwh-co-items .product-total, .wwh-co .wwh-co-payment label, .wwh-co .wwh-co-payment #payment .payment_box, .wwh-co .wwh-co-payment .form-row.place-order { font-family:"Roboto Condensed", Sans-serif;font-weight:400; }
.wwh-co .wwh-co-login, .wwh-co .wwh-co-coupon, .wwh-co .wwh-co-billing, .wwh-co .wwh-co-shipping, .wwh-co .wwh-co-order-review, .wwh-co .wwh-co-payment, .wwh-co #customer_details .col-2 .woocommerce-additional-fields:only-child { border-style:none; }
.wwh-co .wwh-co-login, .wwh-co .wwh-co-coupon, .wwh-co .wwh-co-billing, .wwh-co .wwh-co-shipping, .wwh-co .wwh-co-order-review, .wwh-co .wwh-co-payment, .wwh-co #customer_details .col-2 .woocommerce-additional-fields:only-child { border-radius:2px 2px 2px 2px; }
.wwh-co .wwh-co-login, .wwh-co .wwh-co-login-msg, .wwh-co .wwh-co-coupon, .wwh-co .wwh-co-billing, .wwh-co .wwh-co-shipping, .wwh-co .wwh-co-order-review, .wwh-co .wwh-co-payment, .wwh-co #customer_details .col-2 .woocommerce-additional-fields:only-child { padding:0px 24px 24px 24px; }
.wwh-co .wwh-co-login .woocommerce-info, .wwh-co .wwh-co-coupon .woocommerce-info { color:#008080; }
.wwh-co .wwh-co-login .woocommerce-info, .wwh-co .wwh-co-coupon .woocommerce-info { background-color:#F4F4F4; }
.wwh-co .woocommerce-checkout .customer_details h3, .wwh-co .woocommerce-checkout #customer_details h3, .wwh-co .wwh-co-order-review .wwh-co-order-title h3, .wwh-co .wwh-co-payment .wwh-co-payment-title h3 { font-family:"Roboto Condensed", Sans-serif;font-weight:400; }
.wwh-co .customer_details h3, .wwh-co #customer_details h3, .wwh-co .wwh-co-order-review .wwh-co-order-title h3, .wwh-co .wwh-co-payment .wwh-co-payment-title h3 { padding:0px 0px 18px 0px; }
.wwh-co .customer_details h3, .wwh-co #customer_details h3, .wwh-co .wwh-co-payment .wwh-co-payment-title h3, .wwh-co .wwh-co-order-review .wwh-co-order-title h3 { border-bottom-color:#E7E7E7;border-bottom-width:1px; }
.wwh-co .woocommerce-checkout .customer_details h3, .wwh-co .woocommerce-checkout #customer_details h3, .wwh-co .wwh-co-payment .wwh-co-payment-title h3, .wwh-co .wwh-co-order-review .wwh-co-order-title h3 { padding-top:15px;margin-bottom:15px; }
.wwh-co .wwh-co-coupon .form-row label, .wwh-co .wwh-co-login .form-row label, .wwh-co .customer_details label:not(.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox), .wwh-co #customer_details label:not(.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox) { margin-bottom:10px; }
.wwh-co form .input-text, .wwh-co form select, .wwh-co form .woocommerce-input-wrapper .select2-selection--single { border-style:solid;border-color:#E7E7E7; }
.wwh-co .wwh-co-order-review .wwh-co-footer, .wwh-co .wwh-co-order-review .wwh-co-items { color:#008080; }
.wwh-co .wwh-co-order-review ul.wwh-co-items .product-name, .wwh-co .wwh-co-order-review ul.wwh-co-items .product-total, .wwh-co .wwh-co-order-review .wwh-co-footer { font-family:"Roboto Condensed", Sans-serif;font-size:12px;font-weight:400; }
.wwh-co .wwh-co-order-review .product-thumbnail img { border-radius:0px; }
.wwh-co .wwh-co-order-review .wwh-co-footer .back-to-shop .back-to-shop-link, .wwh-co .wwh-co-order-review .wwh-co-footer .uae-shop-link .uae-back-to-shop-link { color:#008080; }
.wwh-co .wwh-co-order-review .wwh-co-footer .back-to-shop .back-to-shop-link:hover, .wwh-co .wwh-co-order-review .wwh-co-footer .uae-shop-link .uae-back-to-shop-link:hover { color:#C7BE9C; }
.wwh-co .wwh-co-login button[name="login"], .wwh-co .wwh-co-coupon button[name="apply_coupon"], .wwh-co .wwh-co-payment button#place_order { color:#FFFFFF; }
.wwh-co .wwh-co-login button[name="login"], .wwh-co .wwh-co-coupon button[name="apply_coupon"], .wwh-co .wwh-co-payment button#place_order { background-color:#008080; }
.wwh-co a.showlogin, .wwh-co a.showcoupon, .wwh-co a.about_paypal, .wwh-co .woocommerce-terms-and-conditions-wrapper a.woocommerce-privacy-policy-link, .wwh-co .woocommerce-info:before { color:#008080; }
.wwh-co .wwh-co-login button[name="login"]:hover, .wwh-co .wwh-co-coupon button[name="apply_coupon"]:hover, .wwh-co .wwh-co-payment button#place_order:hover { color:#008080;background-color:#C7BE9C; }
.wwh-co a.showlogin:hover, .wwh-co a.showcoupon:hover, .wwh-co a.about_paypal:hover, .wwh-co .woocommerce-terms-and-conditions-wrapper a.woocommerce-privacy-policy-link:hover, .wwh-co .woocommerce-info:hover:before { color:#C7BE9C; }
.wwh-co .wwh-co-login button[name="login"], .wwh-co .wwh-co-coupon button[name="apply_coupon"], .wwh-co .wwh-co-payment button#place_order { padding:12px 12px 12px 12px; }

/* apply coupon button */
.wwh-shop--cart .woocommerce .coupon button[name="apply_coupon"] {
	padding-top: 9px;
	padding-bottom: 9px;
}
.wwh-shop--cart .woocommerce .cart-collaterals,
.wwh-shop--cart .woocommerce .cart_totals { box-sizing: border-box; min-width: 0; max-width: 100%; }
.wwh-shop--cart .wwh-cart { grid-template-columns: minmax(0, 1fr); }
.wwh-shop--cart .woocommerce-cart-form table.shop_table td { padding-top: 5px; padding-bottom: 5px; }
.wwh-shop--cart .woocommerce .wwh-cart__coupon { margin: 14px 0 10px; }

.wwh-shop .woocommerce-info::before { content: "\e028"; }
.wwh-co .col2-set { display: block; width: 100%; }
.wwh-co .col2-set .col-1, .wwh-co .col2-set .col-2 { float: none; width: 100%; max-width: none; }
.wwh-co :is(.wwh-co-order-title, .wwh-co-payment-title, .wwh-co-billing-title, .wwh-co-shipping-title) h3 { color: #008080; font-family: "Roboto Condensed", Sans-serif; font-weight: 400; font-size: 1.2rem; padding: 15px 0 18px; margin: 0 0 15px; border-bottom: 1px solid #E7E7E7; }
@media (min-width: 769px) {
	.wwh-co .form-row-first, .wwh-co .form-row-last { width: 49%; }
}
.wwh-co .form-row { box-sizing: border-box; }
.wwh-co form .form-row > label:first-child, .wwh-co form .form-row > label.checkbox { margin-bottom: 0 !important; }
@media (min-width: 769px) {
	.wwh-co form .form-row-first, .wwh-co form .form-row-last { width: 49%; }
}

/* ===== Lane D2 fixes (measured against the Elementor-era baseline captures) ===== */
/* Old theme body colour was #0f0f0f; the block theme default is #333. */
.wwh-shop { color: #0f0f0f; }
/* Checkout columns: 65% / 35% of the 1120px form, no gutter margins (divider line sits at x = 160 + 728). */
.wwh-co .wwh-co-columns .wwh-co-col-1 { margin-right: 0; flex: 0 0 65%; }
.wwh-co .wwh-co-columns .wwh-co-col-2 { margin-left: 0; flex: 0 0 35%; box-sizing: border-box; }
/* Section headings: the earlier reset rule (specificity with #customer_details) zeroed the 15px/18px padding. */
.wwh-co .woocommerce-checkout #customer_details h3,
.wwh-co .woocommerce-checkout .customer_details h3,
.wwh-co .wwh-co-order-review .wwh-co-order-title h3,
.wwh-co .wwh-co-payment .wwh-co-payment-title h3 { padding: 15px 0 18px; margin: 0 0 15px; }
.wwh-co a { text-decoration: none; }
/* WooCommerce's own #payment panel colour is not part of the old design. */
.wwh-co #payment, .wwh-co #payment .payment_box { background: transparent; }
.wwh-co .wwh-co-payment { box-sizing: border-box; }
/* Order notes box: the old widget rendered it 56px tall (rows ignored). */
.wwh-co textarea#order_comments { height: 56px; min-height: 0; box-sizing: border-box; }
.wwh-shop .woocommerce form .form-row textarea.input-text { height: 56px; min-height: 0; box-sizing: border-box; }
/* Field borders in the old widget were #e7e7e7 (not the Bootstrap-ish #ced4da), and the billing column kept 35px on its right. */
.wwh-co .woocommerce-checkout :is(input.input-text, textarea.input-text, select, .select2-container--default .select2-selection--single) { border-color: #e7e7e7; }
@media (min-width: 769px) {
	.wwh-co .wwh-co-columns .wwh-co-col-1 #customer_details { padding-right: 11px; box-sizing: border-box; }
}
@media (max-width: 768px) {
	.woocommerce-page .wwh-co form .form-row-first, .woocommerce-page .wwh-co form .form-row-last { width: 100%; }
}
/* Informational paragraph fields keep the theme text colour #333. */
.wwh-co form .form-row.thwcfd-field-paragraph { color: #333; padding-right: 9px; } /* old paragraphs wrapped ~2px earlier (measured on the phone capture) */
/* Tablet/phone: login + coupon boxes are border-box inside the 10px page padding (they overflowed the viewport by ~40px). */
@media (max-width: 1024px) {
	.wwh-co .wwh-co-login, .wwh-co .wwh-co-coupon { box-sizing: border-box; }
	.wwh-co .wwh-co-payment button#place_order { padding-top: 8px; padding-bottom: 8px; }
}
/* WooCommerce floats this heading left; the old layout let its rule run the full column width. */
.wwh-co #ship-to-different-address { float: none; }

/* --- Basket --- */
.wwh-shop--cart .woocommerce .wwh-cart__coupon button[name="apply_coupon"], .wwh-shop--cart .woocommerce button.e-apply-coupon { font-family: Roboto, sans-serif; font-size: 14px; font-weight: 700; line-height: normal; padding-top: 14px; padding-bottom: 14px; }
.wwh-shop--cart .shipping-calculator-button { text-decoration: none; }
/* Column widths of the old cart table (measured: name 29%, price 18%, quantity 26.4%, subtotal 20.8%). */
@media (min-width: 769px) {
	.wwh-shop--cart table.cart th.product-remove { width: 5.67%; }
	.wwh-shop--cart table.cart th.product-name { width: 29%; }
	.wwh-shop--cart table.cart th.product-price { width: 18.05%; }
	.wwh-shop--cart table.cart th.product-quantity { width: 26.37%; }
	.wwh-shop--cart table.cart th.product-subtotal { width: 20.8%; }
}
.wwh-shop--cart table.cart tr.cart_item td { padding-top: 7.5px; padding-bottom: 7.5px; }
.wwh-shop--cart .woocommerce .wwh-cart__coupon { margin-top: 40px; } /* collapses with the table's 30px bottom margin */
.wwh-shop--cart .woocommerce .wc-proceed-to-checkout .checkout-button { box-sizing: border-box; padding: 12px 1em; font: 700 14px/21px "Roboto Condensed", sans-serif; }
@media (max-width: 1024px) { .wwh-shop--cart .cart_totals { padding-top: 40.3px; } }
@media (max-width: 600px) { .wwh-shop--cart .cart_totals { padding-top: 40.1px; } }

/* ===== Lane D2: my account (logged out + endpoints) =====
 * The old page used the Work Sans body font inside the account widget, teal Roboto Condensed links and WooCommerce's stock
 * (grey) button; the block theme restyles buttons teal, so the stock look is restored here, scoped to the account page. */
.wwh-shop--account .page-header { margin: -2px 0 0 -10px; padding: 0; }
.wwh-shop--account .page-header .entry-title { color: #008080; }
.wwh-shop--account .woocommerce { font-family: "Work Sans", sans-serif; }
.wwh-shop--account .woocommerce a:not(.button) { font-family: "Roboto Condensed", sans-serif; color: #008080; text-decoration: none; }
.wwh-shop--account .woocommerce > h2, .wwh-shop--account .woocommerce .u-column1 > h2 { font-size: 32px; line-height: 38.4px; margin-top: 33.8px; margin-bottom: 16.8px; padding-bottom: 1px; }
body.woocommerce-account:not(.logged-in) .wwh-shop--account .entry-content { padding-bottom: 20px; }
body.woocommerce-account:not(.logged-in) .wwh-shop--account .woocommerce-form-login__submit { margin-bottom: -1px; }
.wwh-shop--account .woocommerce .button, .wwh-shop--account .woocommerce button.button {
	background-color: #e9e6ed; color: #515151; font-family: inherit; font-size: 100%; font-weight: 700; line-height: 1;
	padding: .618em 1em; border: 0; border-radius: 3px; box-shadow: none; min-height: 0;
}
.wwh-shop--account .woocommerce .button:hover, .wwh-shop--account .woocommerce button.button:hover { background-color: #dcd7e2; color: #515151; }

/* ===== Lane D2: logged-in endpoints (old Elementor page: 32px dark h1, 10px widget padding, 30% / 68% floated nav + content) ===== */
.wwh-shop--account:has(.woocommerce-MyAccount-navigation) { padding: 20px 10px; }
.wwh-shop--account:has(.woocommerce-MyAccount-navigation) .page-header { margin: 0; }
.wwh-shop--account:has(.woocommerce-MyAccount-navigation) .page-header .entry-title { color: #0f0f0f; font-size: 32px; line-height: 1.2; }
.wwh-shop--account:has(.woocommerce-MyAccount-navigation) .entry-content { padding: 10px; }
.wwh-shop--account .woocommerce:has(> .woocommerce-MyAccount-navigation) { width: 1000px; max-width: 100%; margin: 0 0 20px; display: flow-root; }
.wwh-shop--account .woocommerce-MyAccount-navigation { float: left; width: 30%; }
.wwh-shop--account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 32px; padding: 0; }
.wwh-shop--account .woocommerce-MyAccount-navigation li { padding: 16px 0; margin: 0; }
.wwh-shop--account .woocommerce-MyAccount-navigation li:first-child { padding-top: 0; }
.wwh-shop--account .woocommerce-MyAccount-content { float: right; width: 68%; }
.wwh-shop--account .woocommerce-MyAccount-content p { margin: 16px 0; }
.wwh-shop--account .woocommerce-MyAccount-content > p:first-of-type { margin-top: 0; }

/* ===== Lane D2b: old "page" template variant (bookings, coupons, address form, account details, lost password): flush 40px #333 title, no top/side padding ===== */
:is(body:not(.woocommerce-dashboard, .woocommerce-orders, .woocommerce-view-order, .woocommerce-downloads, .woocommerce-edit-address), body.woocommerce-edit-address:has(.woocommerce-address-fields)) .wwh-shop--account:has(.woocommerce-MyAccount-navigation) { padding: 0; }
:is(body:not(.woocommerce-dashboard, .woocommerce-orders, .woocommerce-view-order, .woocommerce-downloads, .woocommerce-edit-address), body.woocommerce-edit-address:has(.woocommerce-address-fields)) .wwh-shop--account:has(.woocommerce-MyAccount-navigation) .page-header .entry-title { color: #333; font-size: 40px; line-height: 48px; }
body.woocommerce-lost-password .wwh-shop--account { padding: 0; }
body.woocommerce-lost-password .wwh-shop--account .page-header { margin: 0; padding: 0; }
body.woocommerce-lost-password .wwh-shop--account .page-header .entry-title { color: #333; font-size: 40px; line-height: 48px; margin-top: 0; margin-bottom: 0; }
body.woocommerce-lost-password .wwh-shop--account .entry-content { padding: 10px 10px 30px; }
body.woocommerce-lost-password .wwh-shop--account .woocommerce { width: 1000px; max-width: 100%; }
body.woocommerce-lost-password .wwh-shop--account .woocommerce p { margin: 0 0 14.4px; }
/* classic WooCommerce form look inside the account page */
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row { padding: 3px; margin: 0 0 6px; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row label { display: block; line-height: 32px; margin: 0 0 11.2px; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row .required { color: #a00; font-weight: 700; text-decoration: none; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row .input-text,
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row select { padding: 14.4px 17.6px; font-size: 13px; line-height: normal; border: 1px solid rgba(32,7,7,.8); border-radius: 4px; background: #fff; color: #000; box-sizing: border-box; width: 100%; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row-first { float: left; width: 47%; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row-last { float: right; width: 47%; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row-wide { clear: both; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form fieldset { border: 2px groove rgb(239,239,239); margin: 0 2px; padding: .35em .75em .625em; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form button.button { background-color: #008080; color: #fff; font-weight: 400; font-size: 16px; line-height: 24px; padding: 12.672px 23.328px; border-radius: 3px; }
/* info notices (bookings / coupons): classic WooCommerce info bar */
body.woocommerce-account .wwh-shop--account .woocommerce-info { background: #f6f5f8 !important; color: #515151 !important; border: 0; border-top: 3px solid #1e85be !important; padding: 16px 32px 16px 56px !important; margin: 0 0 32px; border-radius: 0; }
body.woocommerce-account .wwh-shop--account .woocommerce-info .button { float: right; background: none; color: #008080; font: 400 16px/24px "Roboto Condensed", sans-serif; padding: 0; border-radius: 0; text-decoration: underline; }
/* orders: blocks notice banner + stock table, teal action buttons */
body.woocommerce-account .wwh-shop--account .wc-block-components-notice-banner.is-info { display: flex; align-items: flex-start; gap: 12px; margin: 16px 0; padding: 16px !important; border: 1px solid #007cba !important; border-radius: 4px; background: #f4f8ff !important; color: #2f2f2f !important; font-size: 14px; line-height: 21px; }
body.woocommerce-account .wwh-shop--account .wc-block-components-notice-banner > svg { flex: none; }
body.woocommerce-account .wwh-shop--account .wc-block-components-notice-banner__content { flex: 1; display: block; }
body.woocommerce-account .wwh-shop--account .wc-block-components-notice-banner .button { float: right; background: none; color: #2f2f2f; font: 400 14px/21px "Roboto Condensed", sans-serif; padding: 0; border-radius: 0; text-decoration: underline; }
.wwh-shop--account .woocommerce-orders-table { width: 100%; border: 1px solid rgba(15,15,15,.2); border-collapse: separate; border-spacing: 0; margin: 0 0 24px; font-size: 13.6px; line-height: 20.4px; }
.wwh-shop--account .woocommerce-orders-table th, .wwh-shop--account .woocommerce-orders-table td { padding: 4px 8px; background: none; border: 0; text-align: left; vertical-align: top; }
.wwh-shop--account .woocommerce-orders-table thead th { font-weight: 700; }
.wwh-shop--account .woocommerce-orders-table tbody th, .wwh-shop--account .woocommerce-orders-table tbody td { border-top: 1px solid rgba(15,15,15,.2); font-weight: 400; }
.wwh-shop--account .woocommerce-orders-table .button { display: block; background-color: #008080; color: #fff; font-weight: 400; font-size: 13.6px; line-height: 20.4px; text-align: center; padding: 11.0712px 20.1288px; margin: 0 0 13.6px; border-radius: 0; }
.wwh-shop--account .woocommerce-orders-table a:not(.button) { text-decoration: none; }
body.woocommerce-downloads .wwh-shop--account .wc-block-components-notice-banner .button { font-family: "Work Sans", sans-serif; }
.wwh-shop--account .woocommerce-MyAccount-navigation li.is-active a { text-decoration: underline; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row { box-sizing: border-box; }
.wwh-shop--account .woocommerce form .password-input input.input-text { padding-right: 40px; }
.wwh-shop--account .woocommerce form .select2-selection__rendered { padding: 14.4px 17.6px; font-size: 13px; line-height: normal; }
/* view order: classic order-details tables */
.wwh-shop--account .woocommerce-order-details, .wwh-shop--account .woocommerce-customer-details { margin: 0 0 32px; }
.wwh-shop--account .woocommerce-order-details__title { font-size: 24px; line-height: 28.8px; font-weight: 500; margin: 19.92px 0; }
.wwh-shop--account .woocommerce-column__title { font-size: 36px; line-height: 43.2px; font-weight: 300; margin: 0 0 29.88px; }
.wwh-shop--account .woocommerce-table--order-details { width: 100%; border: 1px solid rgba(15,15,15,.2); border-collapse: separate; border-spacing: 0; margin: 0 0 24px; font-size: 16px; line-height: 24px; }
.wwh-shop--account .woocommerce-table--order-details th, .wwh-shop--account .woocommerce-table--order-details td { padding: 9px 12px; background: none; border: 0; border-top: 1px solid rgba(15,15,15,.2); text-align: left; vertical-align: top; font-size: 16px; line-height: 24px; }
.wwh-shop--account .woocommerce-table--order-details thead th { border-top: 0; font-weight: 700; }
.wwh-shop--account .woocommerce-table--order-details tfoot th, .wwh-shop--account .woocommerce-table--order-details tfoot td { font-weight: 700; }
.wwh-shop--account .woocommerce-customer-details address { padding: 6px 12px; border: 1px solid rgba(0,0,0,.1); border-bottom-width: 2px; border-radius: 3px; font-style: normal; text-align: left; }
.wwh-shop--account .woocommerce-customer-details--phone, .wwh-shop--account .woocommerce-customer-details--email { padding-left: 24px; margin: 16px 0 0; }
body.woocommerce-account .wwh-shop--account :is(.woocommerce-info, .wc-block-components-notice-banner.is-info) a:not(.button) { color: #008080 !important; }
body.woocommerce-account .wwh-shop--account .woocommerce-info .button { color: #008080 !important; }
body.woocommerce-account .wwh-shop--account .wc-block-components-notice-banner .button { color: #2f2f2f !important; }

/* ===== Lane D2c: tablet/phone (Elementor tablet breakpoint 1024): every endpoint uses the flush "page" layout, nav stacked above content ===== */
@media (max-width: 1024px) {
	html body.woocommerce-account.woocommerce-account .wwh-shop--account:has(.woocommerce-MyAccount-navigation) { padding: 0; }
	html body.woocommerce-account.woocommerce-account .wwh-shop--account:has(.woocommerce-MyAccount-navigation) .page-header .entry-title { color: #333; font-size: 40px; line-height: 48px; }
	.wwh-shop--account .woocommerce-MyAccount-navigation, .wwh-shop--account .woocommerce-MyAccount-content { float: none; width: 100%; }
	.wwh-shop--account .woocommerce-MyAccount-navigation li { padding: 5.6px 0; }
	.wwh-shop--account .woocommerce-MyAccount-navigation li:first-child { padding-top: 0; }
}
@media (max-width: 1024px) {
	.wwh-shop--account .woocommerce-MyAccount-content p:not(.form-row) { margin: 0 0 14.4px; }
	.wwh-shop--account .woocommerce-MyAccount-content a { text-decoration: underline; }
	:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row .password-input input.input-text { padding-right: 40px; }
}
@media (max-width: 768px) {
	body.woocommerce-lost-password .wwh-shop--account .woocommerce form .form-row-first,
	body.woocommerce-lost-password .wwh-shop--account .woocommerce form .form-row-last { float: none; width: 100%; }
	/* view order: Hello-style small table, teal buttons, larger headings */
	.wwh-shop--account .woocommerce-order-details__title { font-size: 32px; line-height: 38.4px; margin: 8px 0 16px; }
	.wwh-shop--account .woocommerce-column__title { margin: 0 0 16px; }
	.wwh-shop--account .woocommerce-table--order-details { font-size: 14.4px; line-height: 21.6px; border: 1px solid rgba(15,15,15,.2); }
	.wwh-shop--account .woocommerce-table--order-details th, .wwh-shop--account .woocommerce-table--order-details td { font-size: 14.4px; line-height: 21.6px; border: 1px solid rgba(15,15,15,.2); }
	.wwh-shop--account .woocommerce-table--order-details thead th { border: 1px solid rgba(128,128,128,.5); }
	.wwh-shop--account .woocommerce-table--order-details tbody td { background-color: rgba(128,128,128,.07); }
	.wwh-shop--account .woocommerce-table--order-details tfoot th, .wwh-shop--account .woocommerce-table--order-details tfoot td { font-weight: 700; }
	.wwh-shop--account .woocommerce-order-details .button, .wwh-shop--account .order-again .button { background-color: #008080; color: #fff !important; font-weight: 400; }
	.wwh-shop--account .woocommerce-table--order-details .button { font-size: 14.4px; line-height: 21.6px; font-weight: 700; padding: 11.6048px 21.1952px; }
	.wwh-shop--account .order-again { margin: 0; }
	.wwh-shop--account .order-again .button { font-size: 16px; line-height: 24px; padding: 12.672px 23.328px; }
	.wwh-shop--account .woocommerce-orders-table td { background-color: rgba(128,128,128,.07); border-bottom: 1px solid rgba(128,128,128,.5); }
}
/* page-template variant: classic 14.4px paragraph margins, password-toggle padding */
:is(body:not(.woocommerce-dashboard, .woocommerce-orders, .woocommerce-view-order, .woocommerce-downloads, .woocommerce-edit-address), body.woocommerce-edit-address:has(.woocommerce-address-fields)) .wwh-shop--account .woocommerce-MyAccount-content p:not(.form-row) { margin: 0 0 14.4px; }
:is(body.woocommerce-edit-account, body.woocommerce-edit-address, body.woocommerce-lost-password) .wwh-shop--account .woocommerce form .form-row .password-input input.input-text { padding-right: 40px; }
/* info banner icon (blocks notice look) and address headings */
body.woocommerce-account .wwh-shop--account .wc-block-components-notice-banner > svg { display: block; width: 24px; height: 24px; box-sizing: border-box; padding: 2px; background: #007cba; border-radius: 50%; fill: #fff; flex: none; }
.wwh-shop--account .woocommerce-Address-title h2 { font-size: 24px; line-height: 28.8px; font-weight: 500; margin: 19.92px 0; }
.wwh-shop--account .woocommerce-Address-title a.edit { margin-bottom: 16px; }
@media (max-width: 1024px) { .wwh-shop--account .woocommerce-Address-title h2 { font-size: 32px; line-height: 38.4px; margin: 8px 0 16px; } }
/* view order: teal order-again buttons at all widths (small table variant keeps its 14.4px size) */
.wwh-shop--account .woocommerce-order-details .button, .wwh-shop--account .order-again .button { background-color: #008080; color: #fff !important; font-weight: 400; font-size: 16px; line-height: 24px; padding: 12.672px 23.328px; }
@media (max-width: 768px) { .wwh-shop--account .woocommerce-table--order-details .button { font-size: 14.4px; line-height: 21.6px; font-weight: 700; padding: 11.6048px 21.1952px; } }
/* logged-out login: sub-pixel alignment at tablet/phone */
@media (max-width: 1024px) {
	.wwh-shop--account .woocommerce > h2, .wwh-shop--account .woocommerce .u-column1 > h2 { padding-bottom: 0; }
	body.woocommerce-account:not(.logged-in) .wwh-shop--account .entry-content { padding-bottom: 21px; }
}
@media (min-width: 601px) and (max-width: 1024px) { body.woocommerce-account:not(.logged-in) .wwh-shop--account form.woocommerce-form-login { padding-bottom: 21px; } }
@media (min-width: 601px) and (max-width: 1024px) { body.woocommerce-account:not(.logged-in) .wwh-shop--account .entry-content { padding-bottom: 20px; } }
@media (min-width: 601px) and (max-width: 1024px) { body.woocommerce-account:not(.logged-in) .wwh-shop--account .woocommerce-form-login__submit { margin-bottom: 0; } body.woocommerce-account:not(.logged-in) .wwh-shop--account form.woocommerce-form-login { padding-bottom: 20px; } }
/* tab: live login inputs keep the Hello border (#666); WooCommerce 11 form variable gave rgba(32,7,7,.8) */
body.woocommerce-account:not(.logged-in) .wwh-shop--account form.woocommerce-form-login .input-text { border-color: #666; }

/* ===== Stripe card box (classic checkout) - S1 09Oct2026 =====
   Panel around the Stripe Payment Element iframe. Inside-iframe styling is the Appearance object in
   wwh-site-functions/includes/stripe-checkout.php. */
.woocommerce-checkout .wwh-co #payment ul.payment_methods li.payment_method_stripe div.payment_box {
	background: #fff;
	border: 1px solid #d5e0e0;
	border-radius: 8px;
	padding: 16px;
	margin: 12px 0 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
	box-sizing: border-box;
}
.woocommerce-checkout .wwh-co #payment ul.payment_methods li.payment_method_stripe div.payment_box::before { display: none; }
.woocommerce-checkout .wwh-co #payment li.payment_method_stripe fieldset#wc-stripe-upe-form,
.woocommerce-checkout .wwh-co #payment li.payment_method_stripe fieldset.wc-upe-form {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
	background: transparent;
}
.woocommerce-checkout .wwh-co #payment li.payment_method_stripe .wc-stripe-upe-element { width: 100%; max-width: 100%; }
.woocommerce-checkout .wwh-co #payment li.payment_method_stripe .testmode-info {
	margin: 0 0 12px;
	padding: 8px 10px;
	font-size: 13px;
	line-height: 1.45;
	background: #f3f8f8;
	border-left: 3px solid #008080;
	border-radius: 4px;
}
@media (max-width: 600px) {
	.woocommerce-checkout .wwh-co #payment ul.payment_methods li.payment_method_stripe div.payment_box { padding: 12px; }
}
