/*
 * Trendy By Assil storefront display fixes.
 * These rules are intentionally separate from the translation/RTL plugin.
 */

/* Hide estimated delivery dates only in WoodMart's cart sidebar. */
.cart-widget-side .wpced {
	display: none !important;
}

/* The two homepage editorial banners were restored after the server backup.
 * Keep WoodMart's mobile lazy-fade from leaving them invisible or oversized. */
@media (max-width: 767px) {
	.home .elementor-element-5d783e8 img,
	.home .elementor-element-90bb5cc img {
		display: block !important;
		height: auto !important;
		max-width: 100% !important;
		opacity: 1 !important;
		width: 100% !important;
	}
}

/* Safari/iOS can visually separate joined Arabic glyphs when letter spacing is
 * applied to a Latin-first font. Keep Arabic storefront copy naturally joined. */
html[lang="ar"] .tba-mobile-home-navigation {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] .tba-mobile-home-navigation * {
	letter-spacing: normal !important;
}

/* Homepage links below the header/language selector and above the hero. */
.tba-mobile-home-navigation {
	align-items: center;
	background: #fff;
	display: flex;
	gap: 42px;
	justify-content: center;
	padding: 10px 16px;
	position: relative;
	width: 100%;
	z-index: 38;
}

.tba-mobile-home-navigation[hidden] {
	display: none !important;
}

.tba-mobile-home-navigation a {
	color: #111 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	padding: 5px 4px 10px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
}

body.home .tba-mobile-home-navigation a:first-child {
	font-weight: 700;
}

.tba-mobile-home-navigation a::after {
	background: #111;
	bottom: 3px;
	content: '';
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: background-color .2s ease, width .2s ease;
	width: 20px;
}

.tba-mobile-home-navigation a:hover,
.tba-mobile-home-navigation a:focus-visible {
	color: #a9787f !important;
}

.tba-mobile-home-navigation a:hover::after,
.tba-mobile-home-navigation a:focus-visible::after {
	background: #a9787f;
	width: 28px;
}

.tba-language-ar .tba-mobile-home-navigation {
	direction: rtl;
	flex-direction: row;
}

@media (min-width: 768px) {
	.tba-mobile-home-navigation a {
		font-size: 16px;
		font-weight: 600;
	}
}

@media (max-width: 767px) {
	.tba-mobile-home-navigation {
		gap: 0;
		justify-content: space-around;
		padding: 4px 10px 9px;
	}

	.tba-mobile-home-navigation a {
		font-size: 12px;
		padding-bottom: 8px;
	}

	.tba-mobile-home-navigation a::after {
		bottom: 2px;
		width: 16px;
	}
}

/* Keep the homepage Hookah Bag CTA buttons on the same baseline even when
 * one product title occupies more lines than the other. */
body.home .wd-product.product-grid-item:is(.product_cat-hookah-bags, .product_cat-hookah-bags-without-box) .wd-product-wrapper {
	height: 100%;
}

body.home .wd-product.product-grid-item:is(.product_cat-hookah-bags, .product_cat-hookah-bags-without-box) .product-element-bottom {
	flex: 1 1 auto;
	justify-content: flex-end;
}

body.home .wd-product.product-grid-item:is(.product_cat-hookah-bags, .product_cat-hookah-bags-without-box) .wd-add-btn {
	margin-top: 15px;
}

/* The combined Hookah Bags archive contains one variable product with color
 * swatches and one simple LV product. Stretch both cards and anchor their
 * purchase area so the prices and buttons share the same baselines. */
body.tax-product_cat.term-hookah-bags .wd-product.product-grid-item:is(.product_cat-hookah-bags, .product_cat-hookah-bags-without-box) .wd-product-wrapper {
	height: 100%;
}

body.tax-product_cat.term-hookah-bags .wd-product.product-grid-item:is(.product_cat-hookah-bags, .product_cat-hookah-bags-without-box) .product-element-bottom {
	flex: 1 1 auto;
	justify-content: flex-end;
}

body.tax-product_cat.term-hookah-bags .wd-product.product-grid-item:is(.product_cat-hookah-bags, .product_cat-hookah-bags-without-box) .wd-add-btn {
	margin-top: 15px;
}

/*
 * Keep the bag removal control and its package editor in one isolated action
 * column. Accessory lines intentionally receive no individual remove control.
 */
.tba-package-actions {
	align-items: center !important;
	display: inline-flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	justify-content: center !important;
	position: relative;
	z-index: 20;
}

.tba-package-actions > a,
.tba-package-actions .tba-edit-package-accessories {
	inset: auto !important;
	margin: 0 !important;
	position: static !important;
	transform: none !important;
}

.tba-edit-package-accessories,
.tba-edit-package-accessories:hover,
.tba-edit-package-accessories:focus,
.tba-edit-package-accessories span {
	color: #f28c00 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 19px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1 !important;
        text-decoration: none !important;
}

.tba-edit-package-accessories__label {
        display: none;
}

.cart-widget-side .mini_cart_item .tba-package-actions {
	left: 9px !important;
	position: absolute !important;
	right: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.woocommerce-cart-form__cart-item .product-remove .tba-package-actions {
	min-width: 28px;
}

@media (max-width: 767px) {
        /*
         * Keep the bag remove X in its normal corner. JavaScript moves the
         * edit control into the bag subtotal cell, where it sits immediately
         * below the total-price number as a separate, reliable tap target.
         */
        .woocommerce-cart .woocommerce-cart-form__cart-item:has(.tba-package-actions) .product-remove .tba-package-actions {
                position: static !important;
        }

        .woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal:has(> .tba-edit-package-accessories) {
                padding-bottom: 38px !important;
                position: relative !important;
        }

        .woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal > .tba-edit-package-accessories {
                align-items: center !important;
                background: #fff8ec !important;
                border: 1px solid #f28c00 !important;
                border-radius: 5px !important;
                bottom: 2px !important;
                box-sizing: border-box !important;
                display: flex !important;
                gap: 5px !important;
                height: 30px !important;
                justify-content: center !important;
                min-height: 30px !important;
                padding: 4px 9px !important;
                position: absolute !important;
                right: 0 !important;
                top: auto !important;
                width: max-content !important;
                z-index: 25 !important;
        }

        .woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal > .tba-edit-package-accessories .tba-edit-package-accessories__icon {
                font-size: 14px !important;
        }

        .woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal > .tba-edit-package-accessories .tba-edit-package-accessories__label {
                display: inline !important;
                font-size: 11px !important;
                line-height: 1.2 !important;
        }

        .cart-widget-side .mini_cart_item .tba-package-actions {
                left: 5px !important;
        }

	.cart-widget-side .mini_cart_item .tba-package-actions a {
		align-items: center !important;
		display: flex !important;
		height: 24px !important;
		justify-content: center !important;
		min-height: 24px !important;
		min-width: 24px !important;
		width: 24px !important;
	}
}

/*
 * Visually group each Hookah Bag with the free WowAddons accessories that
 * follow it. Keep the final divider so the next bag or unrelated product
 * remains a clearly separate cart item/package.
 */
.cart-widget-side .mini_cart_item:has(+ .tba-bag-package-accessory) {
	border-bottom-color: transparent !important;
}

.cart-widget-side .tba-bag-package-accessory {
	border-top-color: transparent !important;
	margin-top: 0 !important;
}

/* Always close the package with a visible divider, even if it is last. */
.cart-widget-side .tba-bag-package-accessory:not(:has(+ .tba-bag-package-accessory)) {
	border-bottom: 1px solid var(--brdcolor-gray-300, rgba(0, 0, 0, 0.105)) !important;
}

/* Use the same visual package grouping in the full cart table. */
.woocommerce-cart-form__cart-item:has(+ .tba-bag-package-accessory) > td {
	border-bottom-color: transparent !important;
}

.woocommerce-cart-form__cart-item.tba-bag-package-accessory > td {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}

.woocommerce-cart-form__cart-item.tba-bag-package-accessory:not(:has(+ .tba-bag-package-accessory)) > td {
	border-bottom: 1px solid var(--brdcolor-gray-300, rgba(0, 0, 0, 0.105)) !important;
}

/* Repeat the package grouping inside the checkout "Your order" table. */
.woocommerce-checkout-review-order-table .cart_item:has(+ .tba-bag-package-accessory),
.woocommerce-checkout-review-order-table .cart_item:has(+ .tba-bag-package-accessory) > td {
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.woocommerce-checkout-review-order-table .cart_item.tba-bag-package-accessory,
.woocommerce-checkout-review-order-table .cart_item.tba-bag-package-accessory > td {
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.woocommerce-checkout-review-order-table .cart_item.tba-bag-package-accessory:not(:has(+ .tba-bag-package-accessory)) > td {
	border-bottom: 1px solid var(--brdcolor-gray-300, rgba(0, 0, 0, 0.105)) !important;
}

.woocommerce-checkout-review-order-table .cart_item.tba-bag-package-accessory:not(:has(+ .tba-bag-package-accessory)) {
	border-bottom: 1px solid var(--brdcolor-gray-300, rgba(0, 0, 0, 0.105)) !important;
}

/*
 * Arabic mini-cart price order:
 *   335.00 ر.س × 1
 */
.tba-language-ar .cart-widget-side .mini_cart_item .quantity {
	direction: rtl !important;
	unicode-bidi: isolate;
	white-space: nowrap;
}

.tba-language-ar .cart-widget-side .mini_cart_item .quantity .amount,
.tba-language-ar .cart-widget-side .mini_cart_item .quantity .amount bdi {
	direction: ltr !important;
	display: inline-block;
	unicode-bidi: isolate;
}

.tba-language-ar .cart-widget-side .mini_cart_item .quantity .woocommerce-Price-currencySymbol {
	display: inline-block;
	margin-left: 0;
}

.tba-language-ar .cart-widget-side .mini_cart_item .quantity .woocommerce-Price-currencySymbol::before {
	content: "\00a0";
}

.tba-language-ar .cart-widget-side .tba-ar-mini-cart-quantity {
	align-items: baseline;
	direction: ltr !important;
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 6px !important;
	justify-content: flex-start !important;
	width: auto !important;
	white-space: nowrap !important;
}

.tba-language-ar .cart-widget-side .tba-ar-mini-cart-quantity .tba-mini-cart-price,
.tba-language-ar .cart-widget-side .tba-ar-mini-cart-quantity .tba-mini-cart-multiplier {
	direction: ltr !important;
	display: inline-block;
	unicode-bidi: isolate;
	white-space: nowrap;
}

.tba-language-ar .cart-widget-side .tba-ar-mini-cart-quantity .woocommerce-Price-currencySymbol {
	margin-left: 0;
}

.tba-language-ar .cart-widget-side .tba-ar-mini-cart-quantity .woocommerce-Price-currencySymbol::before {
	content: none;
}

/* Keep the Arabic package action column on the opposite (left) edge. */
.tba-language-ar .cart-widget-side .mini_cart_item {
	position: relative;
}

.tba-language-ar .cart-widget-side .mini_cart_item .tba-package-actions {
	left: 10px !important;
	position: absolute !important;
	right: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 20;
}

@media (max-width: 767px) {
	/*
	 * WoodMart draws mobile cart separators on the row as well as its cells.
	 * Remove both separators inside one bag package, then retain a divider
	 * after its final free accessory.
	 */
	.woocommerce-cart .woocommerce-cart-form__cart-item:has(+ .tba-bag-package-accessory),
	.woocommerce-cart .woocommerce-cart-form__cart-item:has(+ .tba-bag-package-accessory) > td {
		border-bottom: 0 !important;
		box-shadow: none !important;
	}

	.woocommerce-cart .woocommerce-cart-form__cart-item.tba-bag-package-accessory,
	.woocommerce-cart .woocommerce-cart-form__cart-item.tba-bag-package-accessory > td {
		border-top: 0 !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
	}

        .woocommerce-cart .woocommerce-cart-form__cart-item.tba-bag-package-accessory:not(:has(+ .tba-bag-package-accessory)),
        .woocommerce-cart .woocommerce-cart-form__cart-item.tba-bag-package-accessory:not(:has(+ .tba-bag-package-accessory)) > td {
                border-bottom: 0 !important;
        }

        /*
         * The expected-delivery plugin renders its cart message in a narrow
         * table cell. Let that cell span the mobile cart and center the badge.
         */
        .woocommerce-cart tr:has(> td.wpced-cart) {
                box-sizing: border-box !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                width: 100% !important;
        }

        .woocommerce-cart td.wpced-cart {
                align-items: center !important;
                border-top: 1px solid #e2e2e2 !important;
                box-sizing: border-box !important;
                display: flex !important;
                flex: 0 0 100% !important;
                justify-content: center !important;
                margin-top: 10px !important;
                max-width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                padding-top: 14px !important;
                text-align: center !important;
                width: 100% !important;
        }

        .woocommerce-cart td.wpced-cart .wpced,
        .woocommerce-cart td.wpced-cart .wpced-inner {
                align-items: center !important;
                display: inline-flex !important;
                justify-content: center !important;
                margin-left: auto !important;
                margin-right: auto !important;
                text-align: center !important;
                white-space: nowrap !important;
        }
}

/*
 * Arabic single-product purchase layout:
 * - keep the WowAddons totals anchored to the right;
 * - show quantity, Add to cart, then Buy now when reading from the right.
 */
.tba-language-ar.single-product .prad-product-price-summary {
        box-sizing: border-box !important;
        direction: rtl !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: right !important;
        width: 100% !important;
}

.tba-language-ar.single-product .prad-product-price-summary .prad-price-row {
        align-items: baseline !important;
        direction: rtl !important;
        display: flex !important;
        gap: 4px !important;
        justify-content: flex-start !important;
        text-align: right !important;
        width: 100% !important;
}

.tba-language-ar.single-product form.cart > .quantity {
        order: 3 !important;
}

.tba-language-ar.single-product form.cart > .single_add_to_cart_button {
        order: 2 !important;
}

.tba-language-ar.single-product form.cart > .wd-buy-now-btn {
        order: 1 !important;
}

/*
 * Language-specific homepage hero CTA. The artwork remains untouched; this
 * is a real accessible link positioned inside each image's white space.
 */
.tba-home-hero-shell {
	position: relative !important;
}

.tba-home-hero-shell > img.trendy-language-hero,
.tba-home-hero-shell > img[src*="ChatGPT-Image-Aug-9-2026-07_07_06-PM"],
.tba-home-hero-shell > img[src*="ChatGPT-Image-Aug-9-2026-07_26_15-PM"] {
	display: block;
	width: 100%;
}

.tba-home-hero-shop {
	align-items: center;
	background: #111 !important;
	border: 1px solid #111 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	color: #fff !important;
	display: inline-flex !important;
	font-family: inherit;
	font-size: clamp(8px, 0.84vw, 14px);
	font-weight: 700;
	height: clamp(25px, 3vw, 46px);
	justify-content: center;
	letter-spacing: 0.08em;
	line-height: 1 !important;
	min-width: clamp(76px, 10.5vw, 165px);
	padding: 0 clamp(10px, 1.5vw, 24px) !important;
	position: absolute;
	text-align: center;
	text-decoration: none !important;
	transform: translate(-50%, -50%);
	transition: background-color 160ms ease, color 160ms ease;
	white-space: nowrap;
	z-index: 5;
}

.tba-home-hero-shop:hover,
.tba-home-hero-shop:focus-visible {
	background: #fff !important;
	color: #111 !important;
	outline: 2px solid #111;
	outline-offset: 2px;
}

/* English artwork: centered in the lower-left white space. */
.tba-home-hero-shell-en .tba-home-hero-shop {
	left: 15.5%;
	top: 70.5%;
}

/* Arabic artwork: centered in its separate lower-right white space. */
.tba-home-hero-shell-ar .tba-home-hero-shop {
	left: 83%;
	top: 68%;
}

@media (max-width: 767px) {
	.tba-home-hero-shop {
		font-size: clamp(7px, 2.15vw, 10px);
		height: clamp(20px, 6vw, 27px);
		letter-spacing: 0.04em;
		min-width: clamp(60px, 20vw, 86px);
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.tba-home-hero-shell-en .tba-home-hero-shop {
		left: 16.5%;
		top: 70.5%;
	}

	.tba-home-hero-shell-ar .tba-home-hero-shop {
		left: 83%;
		top: 66%;
	}
}

@media (min-width: 1025px) {
	/*
	 * Product gallery:
	 * keep portrait product photos fully visible inside WoodMart's shorter
	 * desktop carousel instead of clipping their lower section.
	 */
	.single-product .woocommerce-product-gallery__image {
		height: min(700px, calc(100vh - 200px)) !important;
		overflow: hidden;
	}

	.single-product .woocommerce-product-gallery__image > a {
		align-items: center;
		display: flex !important;
		height: 100%;
		justify-content: center;
		width: 100%;
	}

	.single-product .woocommerce-product-gallery__image img {
		display: block !important;
		height: 100% !important;
		max-height: 100% !important;
		object-fit: contain !important;
		object-position: center center !important;
		width: 100% !important;
	}

	/*
	 * Homepage WoodMart slider:
	 * display the complete artwork and override the grey background applied
	 * directly by the slider plugin to the slide background layer.
	 */
	.home #slider-51,
	.home #slider-51 .wd-slide,
	.home #slider-51 .wd-slide-bg {
		background-color: #fff !important;
	}

	/*
	 * Match every WoodMart carousel layer to the 16:9 banner.
	 * WoodMart otherwise collapses the internal carousel to about 70px when
	 * the outer slider uses aspect-ratio with an automatic height.
	 */
	.home #slider-51,
	.home #slider-51 .wd-carousel-wrap,
	.home #slider-51 .wd-carousel,
	.home #slider-51 .wd-slide {
		height: 56.25vw !important;
		min-height: 0 !important;
	}

	.home #slider-51 {
		max-width: none !important;
		width: 100% !important;
	}

	.home #slider-51 .wd-slide-bg {
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}

	/* Reveal the currently selected WoodMart color name on desktop. */
	.single-product .wd-swatches-single:has(.wd-swatch.wd-active) {
		padding-bottom: 25px;
	}

	.single-product .wd-swatches-single .wd-swatch.wd-active {
		position: relative;
	}

	.single-product .wd-swatches-single .wd-swatch.wd-active .wd-swatch-text {
		bottom: -24px;
		color: var(--color-gray-800, #333);
		display: block !important;
		font-size: 12px;
		font-weight: 600;
		left: 50%;
		line-height: 18px;
		position: absolute;
		transform: translateX(-50%);
		white-space: nowrap;
	}
}
@media (max-width: 767px) {
  .elementor-element-a371fc1 .tba-product-message { padding: 8px 4px !important; }
  .elementor-element-a371fc1 .tba-product-message__brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 8px; white-space: nowrap; font-size: 9px !important; font-weight: 600; letter-spacing: 3px !important; }
  .elementor-element-a371fc1 .tba-product-message__brand-text { display: inline-block !important; font-size: inherit !important; letter-spacing: inherit !important; line-height: 1 !important; zoom: 0.28125; }
  .elementor-element-a371fc1 .tba-product-message__brand::before, .elementor-element-a371fc1 .tba-product-message__brand::after { content: ""; display: block; width: 75px; height: 1px; background: #1f1f1f; flex: 0 0 75px; }
  .elementor-element-a371fc1 .tba-product-message__title { margin: 0 0 5px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: nowrap; }
  .elementor-element-a371fc1 .tba-product-message__subtitle { margin: 0 0 8px !important; font-size: 14px !important; line-height: 1.4 !important; }
  .tba-language-ar .elementor-element-a371fc1 .tba-product-message__subtitle { font-size: 13px !important; }
  .elementor-element-a371fc1 .tba-product-message__divider { margin: 0 auto 7px !important; }
  .elementor-element-a371fc1 .tba-product-message__tagline { margin: 0 !important; white-space: nowrap; font-size: 15px !important; }
}


/* Desktop keeps the approved centered brand mark with its original horizontal lines. */
@media (min-width: 768px) {
  .elementor-element-a371fc1 .tba-product-message__brand { align-items: center; display: flex; font-size: 9px; font-weight: 600; gap: 16px; justify-content: center; letter-spacing: 3px; margin: 0 0 12px; white-space: nowrap; }
  .elementor-element-a371fc1 .tba-product-message__brand::before,
  .elementor-element-a371fc1 .tba-product-message__brand::after { background: #1f1f1f; content: ''; display: block; flex: 0 0 145px; height: 1px; width: 145px; }
}


/* Desktop typography: restore a larger brand mark and tighten the editorial copy. */
@media (min-width: 768px) {
  .elementor-element-a371fc1 .tba-product-message__brand { font-size: 10.8px; letter-spacing: 3.6px; }
  .elementor-element-a371fc1 .tba-product-message__title { font-size: 32px !important; font-weight: 800 !important; line-height: 1.15 !important; margin: 0 0 3px !important; }
  .elementor-element-a371fc1 .tba-product-message__subtitle { font-size: 18px !important; line-height: 1.25 !important; margin: 0 !important; }
}

@media (min-width: 768px) {
  .tba-language-ar .elementor-element-a371fc1 .tba-product-message__title { font-size: 36px !important; font-weight: 800 !important; line-height: 1.2 !important; }
}

/* Decorative divider above the product tagline. */
.elementor-element-a371fc1 .tba-product-message__divider { align-items: center; color: #111; display: flex; font-size: 18px !important; gap: 4px; justify-content: center; letter-spacing: 3px; line-height: 1 !important; }
.elementor-element-a371fc1 .tba-product-message__divider::before,
.elementor-element-a371fc1 .tba-product-message__divider::after { background: #1f1f1f; content: ''; display: block; flex: 0 1 130px; height: 1px; max-width: 130px; min-width: 45px; width: 18%; }
@media (max-width: 767px) {
  .elementor-element-a371fc1 .tba-product-message__divider { font-size: 13px !important; gap: 4px; letter-spacing: 2px; }
  .elementor-element-a371fc1 .tba-product-message__divider::before,
  .elementor-element-a371fc1 .tba-product-message__divider::after { max-width: 68px; min-width: 28px; }
}

/* Make the middle editorial star the visual focal point. */
.elementor-element-a371fc1 .tba-product-message__divider .tba-divider-star { display: inline-block; }
.elementor-element-a371fc1 .tba-product-message__divider .tba-divider-star--center { font-size: 1.45em; line-height: .65; transform: translateY(1px); }

/* Preserve the handwritten English product signature on every screen size. */
.tba-language-en .elementor-element-a371fc1 .tba-product-message__tagline {
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: .25px !important;
}

/* Keep the English and Arabic mobile brand marks identical. */
@media (max-width: 767px) {
  .elementor-element-a371fc1 .tba-product-message__brand-text {
    font-size: 26px !important;
    zoom: .28125 !important;
  }
}

/* Tighten only the desktop space between the star divider and the signature. */
@media (min-width: 768px) {
  .elementor-element-a371fc1 .tba-product-message__divider { margin-bottom: 8px !important; }
}

/* Keep the Arabic-page signature in English, matching the English version. */
.tba-language-ar .elementor-element-a371fc1 .tba-product-message__tagline { font-size: 0 !important; }
.tba-language-ar .elementor-element-a371fc1 .tba-product-message__tagline::after {
  content: "More than just a bag";
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive !important;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .25px;
}
@media (max-width: 767px) {
  .tba-language-ar .elementor-element-a371fc1 .tba-product-message__tagline::after { font-size: 15px; }
}

/* Reduce only the mobile gap before the Product Spotlight card. */
@media (max-width: 767px) {
  .elementor-element-d2c95a2 > .e-con-inner { gap: 12px !important; }
}

/* Raise only the spotlight title and selected-color label toward the image top. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__details > h2,
  .tba-shisha-spotlight__details > .tba-shisha-spotlight__prompt { transform: translateY(-165px); }
}
@media (max-width: 767px) {
  .tba-shisha-spotlight__details > h2,
  .tba-shisha-spotlight__details > .tba-shisha-spotlight__prompt { transform: translateY(-28px); }
}

/* Full-width spotlight purchase button and centered price. */
.tba-shisha-spotlight__purchase {
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}
.tba-shisha-spotlight__price {
  text-align: center !important;
  width: 100% !important;
}
.tba-shisha-spotlight__price-value {
  font-size: 1.25em !important;
  font-weight: 600 !important;
}
.tba-shisha-spotlight__button {
  align-items: center !important;
  background: #070707 !important;
  color: #fff !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 42px !important;
  width: 100% !important;
}

/* Place the product purchase control at the lower edge of the product image. */
.tba-shisha-spotlight { align-items: stretch !important; }
.tba-shisha-spotlight__details {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
}
.tba-shisha-spotlight__purchase { margin-top: auto !important; }

/* Compact, rounded purchase control with bag and directional icons. */
.tba-shisha-spotlight__button {
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 10px !important;
  letter-spacing: .035em !important;
  min-height: 34px !important;
  padding: 4px 16px !important;
}
.tba-shisha-spotlight__button::before {
  content: "\f290";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}
.tba-shisha-spotlight__button::after {
  content: "\2192";
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}
.tba-shisha-spotlight[dir="rtl"] .tba-shisha-spotlight__button::after { content: "\2190"; }

/* Centre the price in the space between the colour selector and purchase button. */
.tba-shisha-spotlight__purchase {
  display: grid !important;
  flex: 1 1 auto !important;
  grid-template-rows: 1fr auto !important;
  margin-top: 0 !important;
  min-height: 0 !important;
}
.tba-shisha-spotlight__price {
  align-self: center !important;
  justify-self: stretch !important;
}
.tba-shisha-spotlight__button {
  font-weight: 400 !important;
}
/* Use a self-contained white bag outline so the icon always displays. */
.tba-shisha-spotlight__button::before {
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") !important;
  content: "" !important;
  display: inline-block;
  flex: 0 0 15px;
  height: 15px;
  width: 15px;
}

/* Keep the title and selected-colour label aligned with the top of the bag image. */
.tba-shisha-spotlight__details > h2,
.tba-shisha-spotlight__details > .tba-shisha-spotlight__prompt {
  transform: none !important;
}

/* Desktop product panel: heading at top, colours centred, price below, button at bottom. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__details {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, 1fr) auto !important;
  }
  .tba-shisha-spotlight__details > h2 { grid-row: 1; }
  .tba-shisha-spotlight__details > .tba-shisha-spotlight__prompt { grid-row: 2; }
  .tba-shisha-spotlight__colors {
    align-self: center !important;
    grid-row: 3;
  }
  .tba-shisha-spotlight__purchase { display: contents !important; }
  .tba-shisha-spotlight__price {
    align-self: center !important;
    grid-row: 4;
  }
  .tba-shisha-spotlight__button {
    align-self: end !important;
    grid-row: 6;
  }
}

/* Desktop only: lower the colour selector without moving the price or purchase button. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__colors { transform: translateY(54px); }
}

/* Desktop only: remove the price label and add the compact service row beneath the price. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__price-label { display: none !important; }
  .tba-shisha-spotlight__price { position: relative; }
  .tba-shisha-spotlight__price::after {
    content: "✓ Quality assured  |  Delivery nationwide  |  Cash on delivery";
    position: absolute;
    top: calc(100% + 12px);
    inset-inline: 0;
    color: #262626;
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
  }
  .tba-language-ar .tba-shisha-spotlight__price::after {
    content: "✓ جودة مضمونة  |  توصيل سريع  |  الدفع عند الاستلام";
  }
}

/* Desktop service row with three line-icon items, placed beneath the unchanged price. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__price::after { content: none !important; }
  .tba-spotlight-service-row {
    align-self: start;
    display: flex;
    grid-row: 5;
    justify-content: center;
    margin-top: 12px;
    width: 100%;
  }
  .tba-spotlight-service-item {
    align-items: center;
    color: #252525;
    display: inline-flex;
    font-size: 8px;
    font-weight: 400;
    gap: 5px;
    line-height: 1.15;
    padding-inline: 12px;
    text-align: center;
  }
  .tba-spotlight-service-item + .tba-spotlight-service-item {
    border-inline-start: 1px solid #c8c8c8;
  }
  .tba-spotlight-service-item svg {
    fill: none;
    flex: 0 0 15px;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
    width: 15px;
  }
}

/* Desktop only: lower the price and purchase-service row without moving colours or the button. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__price {
    transform: translateY(28px) !important;
  }
  .tba-spotlight-service-row {
    transform: translateY(28px) !important;
  }
}

/* Desktop only: additional 28px lower placement for the price and service row. */
@media (min-width: 768px) {
  .tba-shisha-spotlight__price,
  .tba-spotlight-service-row {
    transform: translateY(56px) !important;
  }
}

/* Desktop Arabic: shift only the price slightly toward the physical right side. */
@media (min-width: 768px) {
  .tba-language-ar .tba-shisha-spotlight__price {
    transform: translate(20px, 56px) !important;
  }
}

/* Desktop Arabic: another 20px right shift for only the price. */
@media (min-width: 768px) {
  .tba-language-ar .tba-shisha-spotlight__price {
    transform: translate(40px, 56px) !important;
  }
}

/* Desktop Arabic: final 10px right shift for only the price. */
@media (min-width: 768px) {
  .tba-language-ar .tba-shisha-spotlight__price {
    transform: translate(50px, 56px) !important;
  }
}

/* Desktop only: lower the purchase-service row 20px without moving other product elements. */
@media (min-width: 768px) {
  .tba-spotlight-service-row {
    transform: translateY(76px) !important;
  }
}


/* Desktop only: spread the service items across the row and lower only that row 40px further. */
@media (min-width: 768px) {
  .tba-spotlight-service-row {
    justify-content: space-between;
    transform: translateY(116px) !important;
  }
  .tba-spotlight-service-item {
    flex: 1 1 0;
    justify-content: center;
    padding-inline: 18px;
  }
}


/* Desktop only: enlarge the existing service-row icons and labels without changing its placement. */
@media (min-width: 768px) {
  .tba-spotlight-service-item {
    font-size: 10px;
    gap: 7px;
  }
  .tba-spotlight-service-item svg {
    flex-basis: 20px;
    height: 20px;
    width: 20px;
  }
}


/* Desktop only: requested service-row label and icon scale. */
@media (min-width: 768px) {
  .tba-spotlight-service-item {
    font-size: 30px;
  }
  .tba-spotlight-service-item svg {
    flex-basis: 40px;
    height: 40px;
    width: 40px;
  }
}


/* Desktop only: requested final service-row label and icon sizes. */
@media (min-width: 768px) {
  .tba-spotlight-service-item {
    font-size: 15px;
  }
  .tba-spotlight-service-item svg {
    flex-basis: 25px;
    height: 25px;
    width: 25px;
  }
}


/* Desktop only: requested service-row sizing and text-then-icon order in both languages. */
@media (min-width: 768px) {
  .tba-spotlight-service-item {
    flex-direction: row-reverse;
    font-size: 20px;
  }
  .tba-spotlight-service-item svg {
    flex-basis: 30px;
    height: 30px;
    width: 30px;
  }
}


/* Desktop only: requested service-row text size adjustment. */
@media (min-width: 768px) {
  .tba-spotlight-service-item {
    font-size: 14px;
  }
}


/* Desktop only: requested service-row icon size adjustment. */
@media (min-width: 768px) {
  .tba-spotlight-service-item svg {
    flex-basis: 36px;
    height: 36px;
    width: 36px;
  }
}


/* Desktop Arabic: move only the product purchase button slightly to the right. */
@media (min-width: 768px) {
  .tba-language-ar .tba-shisha-spotlight__button {
    transform: translateX(20px) !important;
  }
}

/* Desktop Arabic: extend only the requested product-button right shift. */
@media (min-width: 768px) {
  .tba-language-ar .tba-shisha-spotlight__button {
    transform: translateX(40px) !important;
  }
}

/* Desktop English: move only the product price toward the physical right side. */
@media (min-width: 768px) {
  .tba-language-en .tba-shisha-spotlight__price {
    transform: translate(50px, 56px) !important;
  }
}

/* Mobile only: reversible 10% reduction of the product image, centred in its existing panel. */
@media (max-width: 767px) {
  .tba-shisha-spotlight__image {
    height: auto !important;
    margin-inline: auto !important;
    width: 90% !important;
  }
}

/* Mobile only: restore the original image size and make only the product button slightly shorter. */
@media (max-width: 767px) {
  .tba-shisha-spotlight__image {
    height: auto !important;
    margin-inline: 0 !important;
    width: 100% !important;
  }
  .tba-shisha-spotlight__button {
    min-height: 30px !important;
    padding-block: 3px !important;
  }
}

/* Underline only the selected product-colour name in every language and viewport. */
.tba-shisha-spotlight [data-tba-color-name] {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Arabic mobile: lower only the selected-colour underline to clear Arabic letter forms. */
@media (max-width: 767px) {
  .tba-language-ar .tba-shisha-spotlight [data-tba-color-name] {
    text-underline-offset: 4px;
  }
}

/* Compact mobile purchase control. */
@media (max-width: 767px) {
  .tba-shisha-spotlight__button {
    font-size: 11px !important;
    min-height: 26px !important;
    padding-block: 2px !important;
  }
}

/* Arabic mobile: widen only the purchase button toward the left without reflowing the product layout. */
@media (max-width: 767px) {
  .tba-language-ar .tba-shisha-spotlight__button {
    transform: scaleX(1.10) !important;
    transform-origin: right center !important;
  }
}


/* Arabic mobile: optically center the purchase-arrow within the compact button. */
@media (max-width: 767px) {
  .tba-language-ar .tba-shisha-spotlight__button::after {
    transform: translateY(-1px) !important;
  }
}


/* English mobile: balance the longer product title and purchase label. */
@media (max-width: 767px) {
  .tba-language-en .tba-shisha-spotlight__details h2 {
    font-size: 11.5px !important;
  }
  .tba-language-en .tba-shisha-spotlight__button {
    font-size: 10px !important;
  }
}

/* Desktop English: extend only the price shift by 10px. */
@media (min-width: 768px) {
  .tba-language-en .tba-shisha-spotlight__price {
    transform: translate(60px, 56px) !important;
  }
}


/* English mobile: move only the product price 10px toward the physical right. */
@media (max-width: 767px) {
  .tba-language-en .tba-shisha-spotlight__price {
    transform: translateX(10px) !important;
  }
}

/* Mobile only: move the product colour selector down 10px without reflowing other content. */
@media (max-width: 767px) {
  .tba-shisha-spotlight__colors {
    transform: translateY(10px) !important;
  }
}

/* Mobile only: extend the selector's existing downward offset by 10px. */
@media (max-width: 767px) {
  .tba-shisha-spotlight__colors {
    transform: translateY(20px) !important;
  }
}

/* Complimentary accessories included with every hero bag. */
.tba-complimentary-accessories {
  width: min(100%, 980px);
  margin: 42px auto 64px;
  padding: 44px 48px 30px;
  background: #fff;
  border-top: 1px solid #e7e3df;
  border-bottom: 1px solid #e7e3df;
  color: #101010;
  text-align: center;
  box-sizing: border-box;
}
.tba-complimentary-accessories__eyebrow {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .24em;
  line-height: 1.3;
}
.tba-complimentary-accessories h2 {
  max-width: 720px;
  margin: 0 auto;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(30px, 3.3vw, 50px);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.04;
}
.tba-complimentary-accessories__subtitle {
  margin: 17px 0 24px;
  font-size: 16px;
  line-height: 1.4;
}
.tba-complimentary-accessories__items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.5vw, 32px);
  max-width: 720px;
  margin: 0 auto 24px;
}
.tba-complimentary-accessories__item {
  flex: 0 1 175px;
  margin: 0;
}
.tba-complimentary-accessories__item img {
  display: block;
  width: 100%;
  height: 156px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.tba-complimentary-accessories__item h3 {
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.2;
}
.tba-complimentary-accessories__plus {
  flex: 0 0 auto;
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
}
.tba-complimentary-accessories__button {
  display: inline-flex;
  min-width: 245px;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  background: #050505;
  border: 1px solid #050505;
  border-radius: 3px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 1;
  text-decoration: none !important;
}
.tba-complimentary-accessories__button:hover { opacity: .88; }
.tba-complimentary-accessories__note {
  display: flex;
  width: min(100%, 690px);
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 26px auto 0;
  padding-top: 20px;
  border-top: 1px solid #e5e2df;
  text-align: start;
}
.tba-complimentary-accessories__note svg {
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.25;
}
.tba-complimentary-accessories__note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}
.tba-language-ar .tba-complimentary-accessories__eyebrow { letter-spacing: .06em; }
.tba-language-ar .tba-complimentary-accessories h2 {
  font-family: inherit;
  font-size: clamp(27px, 3.1vw, 44px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}
.tba-language-ar .tba-complimentary-accessories__item h3 { letter-spacing: 0; }
.tba-language-ar .tba-complimentary-accessories__button { letter-spacing: 0; }

@media (max-width: 767px) {
  .tba-complimentary-accessories {
    width: calc(100% - 28px);
    margin: 28px auto 40px;
    padding: 31px 12px 22px;
  }
  .tba-complimentary-accessories__eyebrow {
    margin-bottom: 10px;
    font-size: 9px;
    letter-spacing: .16em;
  }
  .tba-complimentary-accessories h2 {
    max-width: 350px;
    font-size: 28px;
    line-height: 1.1;
  }
  .tba-complimentary-accessories__subtitle {
    margin: 12px 0 18px;
    font-size: 12px;
  }
  .tba-complimentary-accessories__items {
    gap: 7px;
    margin-bottom: 19px;
  }
  .tba-complimentary-accessories__item { flex-basis: 92px; }
  .tba-complimentary-accessories__item img { height: 88px; }
  .tba-complimentary-accessories__item h3 { margin-top: 4px; font-size: 9px; }
  .tba-complimentary-accessories__plus { font-size: 17px; }
  .tba-complimentary-accessories__button {
    min-width: 190px;
    min-height: 39px;
    padding-inline: 18px;
    font-size: 11px;
  }
  .tba-complimentary-accessories__note {
    gap: 10px;
    margin-top: 20px;
    padding-top: 15px;
  }
  .tba-complimentary-accessories__note svg { flex-basis: 23px; width: 23px; height: 23px; }
  .tba-complimentary-accessories__note p { font-size: 10px; }
  .tba-language-ar .tba-complimentary-accessories h2 { font-size: 24px; line-height: 1.35; }
}
/* Complimentary-accessories refinements. */
.tba-complimentary-accessories { border-bottom: 0; }
.tba-complimentary-accessories__note p strong {
  display: block;
  text-align: start;
}

@media (max-width: 767px) {
  /* Raise only the existing product purchase button. */
  .tba-shisha-spotlight__button {
    position: relative;
    top: -8px;
  }

  /* Bring the accessories panel closer without changing the product panel. */
  .tba-complimentary-accessories {
    margin-top: 0;
    border-top: 0;
  }

  /* Keep only a short separator below the new panel button. */
  .tba-complimentary-accessories__note {
    position: relative;
    border-top: 0;
  }
  .tba-complimentary-accessories__note::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 236px;
    border-top: 1px solid #e5e2df;
    content: "";
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  /* Close the visual gap above the mobile accessories panel. */
  .tba-complimentary-accessories {
    margin-top: -22px;
    padding-top: 12px;
  }
  .tba-language-ar .tba-complimentary-accessories h2 span {
    display: block;
  }
}

/* Keep the Arabic accessory heading as two deliberate lines on every screen. */
.tba-language-ar .tba-complimentary-accessories h2 span { display: block; }

@media (max-width: 767px) {
  /* Give the three complimentary accessories more horizontal room. */
  .tba-complimentary-accessories__items {
    width: calc(100% + 16px);
    max-width: none;
    margin-left: -8px;
    margin-right: -8px;
    gap: 12px;
  }
  .tba-complimentary-accessories {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  /* Emphasize and shift only the complimentary gift note on desktop. */
  .tba-complimentary-accessories__note {
    gap: 22px;
  }
  .tba-complimentary-accessories__note p {
    font-size: 18px;
    line-height: 1.45;
  }
  .tba-complimentary-accessories__note svg {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }
  .tba-language-ar .tba-complimentary-accessories__note { transform: translateX(100px); }
  body:not(.tba-language-ar) .tba-complimentary-accessories__note { transform: translateX(-100px); }
}


/* Divider below the Elementor banner before the Charms accessories section. */
.home .elementor-element-f2b4946 {
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 28px;
}
.home .elementor-element-f2b4946::after {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: min(calc(100% - 56px), 980px);
  border-top: 1px solid #e5e2df;
  content: "";
  transform: translateX(50%);
}
@media (max-width: 767px) {
  .home .elementor-element-f2b4946 {
    margin-bottom: 18px;
    padding-bottom: 18px;
  }
  .home .elementor-element-f2b4946::after {
    width: calc(100% - 28px);
  }
}

/* Accessories carousel: black prices and black action buttons with white labels. */
.home .elementor-element-d637c03 .price,
.home .elementor-element-d637c03 .price *,
.home .elementor-element-d637c03 .woocommerce-Price-amount,
.home .elementor-element-d637c03 .woocommerce-Price-currencySymbol {
  color: #000 !important;
}
.home .elementor-element-d637c03 a.button.add-to-cart-loop,
.home .elementor-element-d637c03 a.button.add-to-cart-loop:hover,
.home .elementor-element-d637c03 a.button.add-to-cart-loop:focus {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
.home .elementor-element-d637c03 a.button.add-to-cart-loop .wd-action-text,
.home .elementor-element-d637c03 a.button.add-to-cart-loop .wd-action-icon,
.home .elementor-element-d637c03 a.button.add-to-cart-loop .wd-action-icon::before,
.home .elementor-element-d637c03 a.button.add-to-cart-loop .wd-action-icon::after {
  color: #fff !important;
}

/* Charms cards and native Elementor heading: black editorial treatment. */
.home .elementor-element-d637c03 .product-grid-item {
  border-color: #000 !important;
}
.home .elementor-element-e1b8815,
.home .elementor-element-e1b8815 .wd-subtitle,
.home .elementor-element-e1b8815 .title,
.home .elementor-element-e1b8815 .title-after_title,
.home .elementor-element-e1b8815 h1,
.home .elementor-element-e1b8815 h2,
.home .elementor-element-e1b8815 h3,
.home .elementor-element-e1b8815 p,
.home .elementor-element-e1b8815 span {
  color: #000 !important;
}

/* The WoodMart subtitle has its own default grey token; keep this Charms subtitle black. */
.home .elementor-element-e1b8815 .title-subtitle {
  color: #000 !important;
}

/* Header cart: match the storefront accent while keeping the count legible. */
.wd-header-cart .wd-cart-number.wd-tools-count {
	background-color: #a9787f !important;
	color: #fff !important;
}

/* Empty cart sidebar: Return to shop sends the customer to the homepage. */
.cart-widget-side .return-to-shop a.button,
.cart-widget-side .wd-empty-mini-cart a.button,
.cart-widget-side .wd-empty-mini-cart a.btn,
.cart-widget-side .woocommerce-mini-cart__empty-message ~ .return-to-shop a.button {
	background-color: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

.cart-widget-side .return-to-shop a.button:hover,
.cart-widget-side .return-to-shop a.button:focus-visible,
.cart-widget-side .wd-empty-mini-cart a.button:hover,
.cart-widget-side .wd-empty-mini-cart a.btn:hover,
.cart-widget-side .wd-empty-mini-cart a.button:focus-visible,
.cart-widget-side .wd-empty-mini-cart a.btn:focus-visible {
	background-color: #111 !important;
	border-color: #111 !important;
	color: #fff !important;
}

/* Product and complimentary-accessories accent colour. */
.tba-language-en .elementor-element-a371fc1 .tba-product-message__tagline,
.tba-language-ar .elementor-element-a371fc1 .tba-product-message__tagline::after,
.tba-shisha-spotlight [data-tba-color-name],
.tba-complimentary-accessories__eyebrow {
  color: #a9787f !important;
}
.tba-shisha-spotlight__color.is-active i {
  box-shadow: 0 0 0 2px #a9787f !important;
}

/* Complimentary note and Charms-section divider accent colour. */
.tba-complimentary-accessories__note p strong {
  color: #a9787f !important;
}
.home .elementor-element-f2b4946::after {
  border-top-color: #a9787f !important;
}

/* Bag purchase buttons use the site accent on hover and keyboard focus. */
.tba-shisha-spotlight__button:hover,
.tba-shisha-spotlight__button:focus,
.tba-shisha-spotlight__button:focus-visible,
.tba-complimentary-accessories__button:hover,
.tba-complimentary-accessories__button:focus,
.tba-complimentary-accessories__button:focus-visible {
  background-color: #a9787f !important;
  border-color: #a9787f !important;
  color: #fff !important;
}

/* Make the divider above the Make It Yours accessories heading span its full banner width. */
.home .elementor-element-f2b4946::after {
  width: 100% !important;
  max-width: none !important;
}


/* Accent only the Shop Additional Accessories heading. */
.home .elementor-element-e1b8815 .title {
  color: #a9787f !important;
}


/* Accessories heading colours and tighter internal spacing. */
.home .elementor-element-e1b8815 .title {
  color: #000 !important;
}
.home .elementor-element-e1b8815 .title-after_title,
.home .elementor-element-e1b8815 .title-after_title p {
  color: #a9787f !important;
}
.home .elementor-element-e1b8815 .title-subtitle,
.home .elementor-element-e1b8815 .liner-continer {
  margin-bottom: 5px !important;
}


/* Unboxing title decoration and banner spacing. */
.home .tba-home-unboxing .tba-heading-line,
.home .tba-home-unboxing .tba-heading-line:first-child::after,
.home .tba-home-unboxing .tba-heading-line:last-child::before {
  background: #a9787f !important;
}
.home .tba-home-unboxing {
  margin-top: 36px !important;
}
@media (max-width: 767px) {
  .home .tba-home-unboxing {
    margin-top: 28px !important;
  }
}

/* Tighter transition into the unboxing section and matching play control. */
.home .tba-home-unboxing {
  margin-top: 22px !important;
}
.home .tba-home-unboxing .tba-unboxing-play-icon {
  background: #a9787f !important;
}
@media (max-width: 767px) {
  .home .tba-home-unboxing {
    margin-top: 18px !important;
  }
}

/* Keep the English customer-review title and its red hearts on one mobile line. */
@media (max-width: 700px) {
  .tba-language-en .tcr-title-row h2 {
    font-size: 20px !important;
    white-space: nowrap;
  }
}

/* Footer section headings: use the storefront rose accent. */
.wd-footer .wd-text-block.color-primary,
.wd-footer .wd-text-block.color-primary p {
	color: #A9787F !important;
}


/* Make the active Shop shortcut unmistakably bold on the homepage. */
body.home .tba-mobile-home-navigation a:first-child {
	font-weight: 800 !important;
	-webkit-text-stroke: .2px currentColor;
}


/* Hero Shop Now interaction color. */
.tba-home-hero-shop:hover,
.tba-home-hero-shop:focus-visible,
.tba-home-hero-shop:active {
	background: #A9787F !important;
	border-color: #A9787F !important;
	color: #fff !important;
	outline-color: #A9787F;
}


/* Decorative heart above the English Reviews shortcut. */
html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before {
	color: #A9787F;
	content: '♥';
	font-size: 9px;
	left: 50%;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	top: -6px;
	transform: translateX(-50%) rotate(30deg);
}
/* Place a clear decorative heart above the final Reviews letter in each language. */
html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before {
	font-size: 15px;
	left: 95%;
	top: -1px;
}

html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
	color: #A9787F;
	content: '♥';
	font-size: 15px;
	left: 4%;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	top: -1px;
	transform: translateX(-50%) rotate(-30deg);
}

/* Keep mobile hearts clear of the language selector while preserving their placement above the link. */
@media (max-width: 767px) {
	.tba-mobile-home-navigation,
	.tba-mobile-home-navigation a {
		overflow: visible !important;
	}

	.tba-mobile-home-navigation a {
		padding-top: 13px;
	}

	.tba-mobile-home-navigation a:nth-child(2)::before,
	.tba-mobile-home-navigation a:nth-child(3)::before {
		font-size: 11px !important;
		top: 24px;
		z-index: 3;
	}
}
/* Arabic shortcuts retain their regular weight, including the first shortcut on home. */
html[lang="ar"] body.home .tba-mobile-home-navigation a {
	font-weight: 400 !important;
}
/* Customer-review heading hearts. */
.tcr-title-heart {
	color: #A9787F !important;
}

/* Product-page visual system: rose accents and black purchase control. */
.single-product .product_title.entry-title.wd-entities-title {
  color: #A9787F !important;
}
.single-product .summary > .price,
.single-product .summary .woocommerce-variation-price .price,
.single-product .summary .woocommerce-variation-price .price .amount {
  color: #111 !important;
}
.single-product form.variations_form .variations .label label::after {
  color: #df1c41;
  content: " *";
}
.single-product form.variations_form .wd-swatches-single .wd-swatch.wd-active {
  border-color: #A9787F !important;
  box-shadow: 0 0 0 2px #A9787F !important;
}
.single-product form.variations_form .wd-swatches-single .wd-swatch.wd-active .wd-swatch-text {
  color: #A9787F !important;
}
.single-product .prad-addons-wrapper .prad-block-title {
  color: #A9787F !important;
}
.single-product .prad-addons-wrapper .prad-swatch-container:has(> .prad-input-hidden:checked),
.single-product .prad-addons-wrapper .prad-input-hidden:checked + label {
  border-color: #A9787F !important;
  box-shadow: 0 0 0 2px #A9787F !important;
}
.single-product .prad-addons-wrapper .prad-input-hidden:checked + label,
.single-product .prad-addons-wrapper .prad-input-hidden:checked + label img {
  outline: 2px solid #A9787F !important;
  outline-offset: 2px;
}
.single-product form.cart .single_add_to_cart_button {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.single-product form.cart .single_add_to_cart_button:hover,
.single-product form.cart .single_add_to_cart_button:focus-visible,
.single-product form.cart .single_add_to_cart_button:active {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.single-product .wd-accordion-title:hover,
.single-product .wd-accordion-title:focus-visible,
.single-product .wd-accordion-title.active,
.single-product .wd-accordion-title.wd-active,
.single-product .wd-accordion-title[aria-expanded="true"],
.single-product .wd-accordion-title:hover *,
.single-product .wd-accordion-title:focus-visible *,
.single-product .wd-accordion-title.active *,
.single-product .wd-accordion-title.wd-active *,
.single-product .wd-accordion-title[aria-expanded="true"] * {
  color: #A9787F !important;
}

/* The original heart rules use higher specificity than the prior mobile rule.
   Match that specificity so the mobile heart is genuinely lower in both languages. */
@media (max-width: 767px) {
  html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before {
    font-size: 11px !important;
    top: 26px !important;
    transform: translateX(-50%) rotate(30deg) !important;
  }
  html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
    font-size: 11px !important;
    top: 26px !important;
    transform: translateX(-50%) rotate(-30deg) !important;
  }
}

/* WoodMart renders the main product price in its own price widget. */
.single-product .wd-single-price .price,
.single-product .wd-single-price .price .amount,
.single-product .wd-single-price .price .woocommerce-Price-currencySymbol {
  color: #111 !important;
}

/* Requested removal of the rose gift-selection border. */
.single-product .prad-addons-wrapper .prad-swatch-container:has(> .prad-input-hidden:checked),
.single-product .prad-addons-wrapper .prad-input-hidden:checked + label,
.single-product .prad-addons-wrapper .prad-input-hidden:checked + label img {
  border-color: initial !important;
  box-shadow: none !important;
  outline: none !important;
}
.single-product .prad-addons-wrapper .prad-product-link {
  cursor: default !important;
}

/* Remove wishlist actions from the product purchase panel and mobile toolbar. */
.single-product .summary .wd-wishlist-btn,
.single-product .wd-wishlist-btn.wd-action-btn,
.wd-toolbar .wd-header-wishlist {
  display: none !important;
}

/* Product-page related cards: black prices and Select options controls. */
.single-product .related-products .wd-product .price,
.single-product .related-products .wd-product .price .amount,
.single-product .related-products .wd-product .price .woocommerce-Price-currencySymbol {
  color: #111 !important;
}
.single-product .related-products a.button.add-to-cart-loop,
.single-product .related-products a.button.add-to-cart-loop:hover,
.single-product .related-products a.button.add-to-cart-loop:focus-visible {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.single-product .related-products a.button.add-to-cart-loop .wd-action-text,
.single-product .related-products a.button.add-to-cart-loop .wd-action-icon,
.single-product .related-products a.button.add-to-cart-loop .wd-action-icon::before,
.single-product .related-products a.button.add-to-cart-loop .wd-action-icon::after {
  color: #fff !important;
}

/* Cart and checkout totals use the store's black purchase color. */
.cart-widget-side .woocommerce-mini-cart .amount,
.cart-widget-side .woocommerce-mini-cart__total .amount,
.cart-widget-side .woocommerce-mini-cart .woocommerce-Price-currencySymbol,
.woocommerce-cart-form .product-price .amount,
.woocommerce-cart-form .product-subtotal .amount,
.woocommerce-cart .cart_totals .amount,
.woocommerce-checkout-review-order-table .amount,
.woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol {
  color: #111 !important;
}
.cart-widget-side .woocommerce-mini-cart__buttons .checkout,
.woocommerce-cart .wc-proceed-to-checkout > a.checkout-button,
.woocommerce-checkout #place_order {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover,
.cart-widget-side .woocommerce-mini-cart__buttons .checkout:focus-visible,
.woocommerce-cart .wc-proceed-to-checkout > a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout > a.checkout-button:focus-visible,
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #place_order:focus-visible {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Move only the mobile navigation heart slightly upward. */
@media (max-width: 767px) {
  html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before {
    top: 20px !important;
  }
  html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
    top: 20px !important;
  }
}

/* WoodMart product cards on product pages, including related-products widgets. */
.single-product .wd-product.product-grid-item .price,
.single-product .wd-product.product-grid-item .price .amount,
.single-product .wd-product.product-grid-item .price .woocommerce-Price-currencySymbol,
.single-product .wd-product.product-grid-item .product-price,
.single-product .wd-product.product-grid-item .product-price .amount {
  color: #111 !important;
}
.single-product .wd-product.product-grid-item .wd-add-btn a,
.single-product .wd-product.product-grid-item a.button.add-to-cart-loop,
.single-product .wd-product.product-grid-item a.button.product_type_variable,
.single-product .wd-product.product-grid-item a.add_to_cart_button,
.single-product .wd-product.product-grid-item .wd-add-btn a:hover,
.single-product .wd-product.product-grid-item .wd-add-btn a:focus-visible {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.single-product .wd-product.product-grid-item .wd-add-btn a *,
.single-product .wd-product.product-grid-item a.button.add-to-cart-loop *,
.single-product .wd-product.product-grid-item a.button.product_type_variable * {
  color: #fff !important;
}

/* Raise only the mobile heart a little. */
@media (max-width: 767px) {
  html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before,
  html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
    top: 16px !important;
  }
}

/* Related-product card fallback: covers every WoodMart card structure. */
.single-product .related-products .product .price,
.single-product .related-products .product .price .amount,
.single-product .related-products .product .price .woocommerce-Price-currencySymbol,
.single-product .related-products .product .product-price,
.single-product .related-products .product .product-price .amount {
  color: #111 !important;
}
.single-product .related-products .product .wd-add-btn a,
.single-product .related-products .product a.button.add-to-cart-loop,
.single-product .related-products .product a.button.product_type_variable,
.single-product .related-products .product a.add_to_cart_button,
.single-product .related-products .product .wd-add-btn a:hover,
.single-product .related-products .product .wd-add-btn a:focus-visible,
.single-product .related-products .product a.button.add-to-cart-loop:hover,
.single-product .related-products .product a.button.product_type_variable:hover {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.single-product .related-products .product .wd-add-btn a *,
.single-product .related-products .product a.button.add-to-cart-loop *,
.single-product .related-products .product a.button.product_type_variable *,
.single-product .related-products .product a.add_to_cart_button * {
  color: #fff !important;
}

/* Cart, checkout and account controls. */
.woocommerce-cart .coupon .button,
.woocommerce-cart .coupon button,
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account form.lost_reset_password .button,
.woocommerce-account form.lost_reset_password button,
.woocommerce-account .woocommerce-ResetPassword .button,
.woocommerce-account .woocommerce-ResetPassword button {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.woocommerce-cart .coupon .button:hover,
.woocommerce-cart .coupon .button:focus-visible,
.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-login__submit:focus-visible,
.woocommerce-account form.lost_reset_password .button:hover,
.woocommerce-account form.lost_reset_password .button:focus-visible,
.woocommerce-account .woocommerce-ResetPassword .button:hover,
.woocommerce-account .woocommerce-ResetPassword .button:focus-visible {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.woocommerce-checkout .woocommerce-billing-fields a,
.woocommerce-checkout .woocommerce-shipping-fields a,
.woocommerce-checkout .woocommerce-form-coupon-toggle a,
.woocommerce-checkout .woocommerce-info a.showcoupon,
.woocommerce-account .lost_password a,
.woocommerce-account a.woocommerce-LostPassword,
.woocommerce-account .woocommerce-LostPassword a {
  color: #A9787F !important;
}
.woocommerce-checkout .woocommerce-billing-fields a:hover,
.woocommerce-checkout .woocommerce-billing-fields a:focus-visible,
.woocommerce-checkout .woocommerce-shipping-fields a:hover,
.woocommerce-checkout .woocommerce-shipping-fields a:focus-visible,
.woocommerce-checkout .woocommerce-form-coupon-toggle a:hover,
.woocommerce-checkout .woocommerce-form-coupon-toggle a:focus-visible,
.woocommerce-checkout .woocommerce-info a.showcoupon:hover,
.woocommerce-checkout .woocommerce-info a.showcoupon:focus-visible,
.woocommerce-account .lost_password a:hover,
.woocommerce-account .lost_password a:focus-visible,
.woocommerce-account a.woocommerce-LostPassword:hover,
.woocommerce-account a.woocommerce-LostPassword:focus-visible,
.woocommerce-account .woocommerce-LostPassword a:hover,
.woocommerce-account .woocommerce-LostPassword a:focus-visible {
  color: #A9787F !important;
}

/* Cart, checkout and account links; WooCommerce uses these live selectors. */
.woocommerce-cart .shipping-calculator-button,
.woocommerce-cart .woocommerce-shipping-calculator a,
.woocommerce-cart .woocommerce-shipping-totals a,
.woocommerce-checkout a.showcoupon,
.woocommerce-checkout .showcoupon,
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .woocommerce-message a {
  color: #A9787F !important;
}
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account form.register .button,
.woocommerce-account form.register button {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.woocommerce-error,
.woocommerce-error li,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error li,
.woocommerce form .woocommerce-error,
.woocommerce form .woocommerce-error li {
  background-color: #A9787F !important;
  border-color: #A9787F !important;
  color: #fff !important;
}
.woocommerce-error::before,
.woocommerce-error li::before,
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-error li::before {
  color: #fff !important;
}
/* Remove the separator immediately above the complimentary-accessories note. */
.tba-complimentary-accessories__note {
  border-top: 0 !important;
}
.tba-complimentary-accessories__note::before {
  content: none !important;
}
/* Extend the Make It Yours divider to both edges of the viewport. */
.home .elementor-element-f2b4946::after {
  width: 100vw !important;
  max-width: 100vw !important;
}
/* Customer Stories: hide only the mobile three-line menu control. */
@media (max-width: 767px) {
  .page-id-2848 .wd-header-mobile-nav {
    display: none !important;
  }
}

/* Checkout coupon prompt and the revealed Apply coupon button. */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle *,
.woocommerce-checkout .woocommerce-info .showcoupon,
.woocommerce-checkout .woocommerce-info .showcoupon * {
  color: #A9787F !important;
}
.woocommerce-checkout form.checkout_coupon .button,
.woocommerce-checkout form.checkout_coupon button,
.woocommerce-checkout form.checkout_coupon input[type="submit"],
.woocommerce-checkout .woocommerce-form-coupon .button,
.woocommerce-checkout .woocommerce-form-coupon button,
.woocommerce-checkout .woocommerce-form-coupon input[type="submit"] {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.woocommerce-checkout form.checkout_coupon .button:hover,
.woocommerce-checkout form.checkout_coupon .button:focus-visible,
.woocommerce-checkout .woocommerce-form-coupon .button:hover,
.woocommerce-checkout .woocommerce-form-coupon .button:focus-visible {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Raise the decorative Reviews heart slightly in both layouts. */
html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before,
html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
  top: -4px !important;
}
@media (max-width: 767px) {
  html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before,
  html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
    top: 12px !important;
  }
}

/* Raise the decorative Reviews heart by a small additional amount. */
html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before,
html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
  top: -7px !important;
}
@media (max-width: 767px) {
  html:not([lang="ar"]) .tba-mobile-home-navigation a:nth-child(3)::before,
  html[lang="ar"] .tba-mobile-home-navigation a:nth-child(2)::before {
    top: 9px !important;
  }
}

/* Account notices, account form actions and checkout coupon link. */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice,
.woocommerce-account .woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-notice,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error {
  background-color: #A9787F !important;
  border-color: #A9787F !important;
  color: #fff !important;
}
.woocommerce-account .woocommerce-info *,
.woocommerce-account .woocommerce-message *,
.woocommerce-account .woocommerce-error *,
.woocommerce-account .woocommerce-notice *,
.woocommerce-account .woocommerce-NoticeGroup .woocommerce-error *,
.woocommerce-cart .woocommerce-info *,
.woocommerce-cart .woocommerce-message *,
.woocommerce-cart .woocommerce-error *,
.woocommerce-checkout .woocommerce-error *,
.woocommerce-checkout .woocommerce-notice *,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error * {
  color: #fff !important;
}
/* Coupon prompt remains the brand accent before the form is opened. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon,
body.woocommerce-checkout .woocommerce-form-coupon-toggle a.showcoupon,
body.woocommerce-checkout a.showcoupon,
body.woocommerce-checkout .showcoupon {
  color: #A9787F !important;
  text-decoration-color: #A9787F !important;
}
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"],
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"],
.woocommerce-account .woocommerce-address-fields button[type="submit"],
.woocommerce-account .woocommerce-address-fields input[type="submit"],
.woocommerce-account .woocommerce-address-fields .button,
.woocommerce-account .woocommerce-EditAccountForm .button {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"] *,
.woocommerce-account .woocommerce-address-fields button[type="submit"] *,
.woocommerce-account .woocommerce-address-fields .button *,
.woocommerce-account .woocommerce-EditAccountForm .button * {
  color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--wishlist,
.woocommerce-account .woocommerce-MyAccount-navigation-link--yith-wishlist,
.woocommerce-account .woocommerce-MyAccount-navigation li:has(a[href*="wishlist"]),
.woocommerce-account .woocommerce-MyAccount-navigation a[href*="wishlist"] {
  display: none !important;
}

/* Empty full-cart page: use the home-page Return to shop action. */
.woocommerce-cart .return-to-shop .button,
.woocommerce-cart .return-to-shop a.button {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.woocommerce-cart .return-to-shop .button *,
.woocommerce-cart .return-to-shop a.button * {
  color: #fff !important;
}

/* My Account: hide Dashboard and Wishlist from both the navigation and icon grid. */
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-account .wd-my-account-links .wd-my-acc-dashboard,
.woocommerce-account .wd-my-account-links .wd-my-acc-wishlist {
  display: none !important;
}
/* Account icon-grid links use the storefront accent when focused, hovered or current. */
.woocommerce-account .wd-my-account-links a:hover,
.woocommerce-account .wd-my-account-links a:focus-visible,
.woocommerce-account .wd-my-account-links .current-menu-item > a,
.woocommerce-account .wd-my-account-links .current_page_item > a,
.woocommerce-account .wd-my-account-links a:hover .wd-nav-icon,
.woocommerce-account .wd-my-account-links a:focus-visible .wd-nav-icon,
.woocommerce-account .wd-my-account-links a:hover .wd-nav-icon::before,
.woocommerce-account .wd-my-account-links a:focus-visible .wd-nav-icon::before,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a {
  color: #A9787F !important;
}

/* Customer Stories only: remove the left header hamburger on mobile and tablet. */
@media (max-width: 1024px) {
  body.page-id-2848 .wd-header-mobile-nav,
  body.page-id-2848 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-2848 a[aria-label="Open mobile menu"] {
    display: none !important;
  }
}

/* Customer Stories: remove this exact header hamburger at every viewport. */
body.page-id-2848 .wd-header-mobile-nav,
body.page-id-2848 .wd-header-mobile-nav.wd-tools-element,
body.page-id-2848 .wd-header-mobile-nav a[aria-label="Open mobile menu"] {
  display: none !important;
}

/* Homepage hamburger menu: use the storefront accent for hover and selected options. */
body.home #menu-mobile-navigation > li.current-menu-item > a,
body.home #menu-mobile-navigation > li.current_page_item > a,
body.home #menu-mobile-navigation a.woodmart-nav-link:hover,
body.home #menu-mobile-navigation a.woodmart-nav-link:focus-visible,
body.home #menu-mobile-navigation .wd-sub-menu a:hover,
body.home #menu-mobile-navigation .wd-sub-menu a:focus-visible,
body.home #menu-mobile-navigation .woocommerce-MyAccount-navigation-link.is-active > a,
body.home #menu-mobile-navigation .wd-nav-opener:hover,
body.home #menu-mobile-navigation .wd-nav-opener:focus-visible {
  color: #A9787F !important;
}
body.home #menu-mobile-navigation > li.current-menu-item > a .nav-link-text,
body.home #menu-mobile-navigation > li.current_page_item > a .nav-link-text,
body.home #menu-mobile-navigation a.woodmart-nav-link:hover .nav-link-text,
body.home #menu-mobile-navigation a.woodmart-nav-link:focus-visible .nav-link-text {
  color: #A9787F !important;
}

/* Customer Stories: remove the page sidebar hamburger shown beside review filters on smaller screens. */
body.page-id-2848 .wd-sidebar-opener.wd-burger-icon,
body.page-id-2848 .wd-sidebar-opener.wd-action-btn,
body.page-id-2848 .wd-sidebar-opener {
  display: none !important;
}

/* Footer links: use the storefront accent while hovered, focused or active. */
.wd-footer a:hover,
.wd-footer a:focus-visible,
.wd-footer a:active,
.wd-footer .widget_nav_menu a:hover,
.wd-footer .widget_nav_menu a:focus-visible,
.wd-footer .widget_nav_menu a:active {
  color: #A9787F !important;
}

/* Footer policy/about pages: remove only their left mobile navigation opener. */
@media (max-width: 1024px) {
  body.page-id-1136 .wd-header-mobile-nav,
  body.page-id-1136 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-1136 a[aria-label="Open mobile menu"],
  body.page-id-12 .wd-header-mobile-nav,
  body.page-id-12 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-12 a[aria-label="Open mobile menu"],
  body.page-id-1139 .wd-header-mobile-nav,
  body.page-id-1139 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-1139 a[aria-label="Open mobile menu"],
  body.page-id-1150 .wd-header-mobile-nav,
  body.page-id-1150 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-1150 a[aria-label="Open mobile menu"],
  body.page-id-3168 .wd-header-mobile-nav,
  body.page-id-3168 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-3168 a[aria-label="Open mobile menu"],
  body.page-id-3 .wd-header-mobile-nav,
  body.page-id-3 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-3 a[aria-label="Open mobile menu"],
  body.page-id-1141 .wd-header-mobile-nav,
  body.page-id-1141 .wd-header-mobile-nav.wd-tools-element,
  body.page-id-1141 a[aria-label="Open mobile menu"] {
    display: none !important;
  }
}

/* Footer policy/about pages: hard-hide the left mobile navigation at every viewport. */
body.page-id-1136 .wd-header-mobile-nav,
body.page-id-1136 a[aria-label="Open mobile menu"],
body.page-id-12 .wd-header-mobile-nav,
body.page-id-12 a[aria-label="Open mobile menu"],
body.page-id-1139 .wd-header-mobile-nav,
body.page-id-1139 a[aria-label="Open mobile menu"],
body.page-id-1150 .wd-header-mobile-nav,
body.page-id-1150 a[aria-label="Open mobile menu"],
body.page-id-3168 .wd-header-mobile-nav,
body.page-id-3168 a[aria-label="Open mobile menu"],
body.page-id-3 .wd-header-mobile-nav,
body.page-id-3 a[aria-label="Open mobile menu"],
body.page-id-1141 .wd-header-mobile-nav,
body.page-id-1141 a[aria-label="Open mobile menu"] {
  display: none !important;
}

/* Footer policy/about pages: remove every WoodMart mobile-menu and sidebar-menu control. */
body:is(.page-id-1136, .page-id-12, .page-id-1139, .page-id-1150, .page-id-3168, .page-id-3, .page-id-1141) :is(
  .wd-header-mobile-nav,
  a[aria-label="Open mobile menu"],
  .mobile-nav,
  .mobile-nav-wrapper,
  .wd-sidebar-opener,
  .wd-burger-icon
) {
  display: none !important;
}

/* Affiliate registration: retain a black registration action in both languages. */
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) button[type="submit"],
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) input[type="submit"],
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) .slicewp-register-affiliate-button {
  background-color: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) button[type="submit"]:hover,
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) button[type="submit"]:focus-visible,
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) input[type="submit"]:hover,
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) input[type="submit"]:focus-visible,
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) .slicewp-register-affiliate-button:hover,
body.page-id-3168 :is(#slicewp-affiliate-register-form, .slicewp-affiliate-register-form) .slicewp-register-affiliate-button:focus-visible {
  background-color: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}