/**
 * DigiPay / Snapp Pay instalment badges — product page placement (between title and price).
 */

/* Hide until placed in the title slot so refresh does not flash the old spot. */
.single-product .digipay-widget,
.single-product .snapppay-widget {
	display: none !important;
}

.single-product .jaj-digipay-badge-slot .digipay-widget,
.single-product .jaj-digipay-badge-slot .jaj-snapppay-badge,
.single-product .jaj-digipay-badge-slot .jaj-torobpay-badge {
	display: flex !important;
	margin-top: 0;
	margin-bottom: 0;
}

.single-product .jaj-digipay-badge-slot {
	width: 100%;
	margin: 0.5rem 0 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

/*
 * Text on the right (RTL), logo to the right of the text (physical right).
 * Fixed logo width so both logos’ left edges line up.
 */
.single-product .jaj-digipay-badge-slot .jaj-snapppay-badge,
.single-product .jaj-digipay-badge-slot .digipay-widget,
.single-product .jaj-digipay-badge-slot .jaj-torobpay-badge {
	direction: rtl;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	padding: 12px 0;
	width: 100%;
	box-sizing: border-box;
}

.single-product .jaj-digipay-badge-slot .jaj-snapppay-badge__logo,
.single-product .jaj-digipay-badge-slot .digipay-widget-image,
.single-product .jaj-digipay-badge-slot .jaj-torobpay-badge__logo {
	width: 48px !important;
	min-width: 48px;
	height: auto !important;
	display: block;
	flex-shrink: 0;
	margin: 0 !important;
	border-radius: 0 !important;
	object-fit: contain;
	/* Keep logo art flush to the left edge of the shared logo column */
	object-position: left center;
}

.single-product .jaj-digipay-badge-slot .jaj-snapppay-badge__content,
.single-product .jaj-digipay-badge-slot .digipay-widget-content,
.single-product .jaj-digipay-badge-slot .jaj-torobpay-badge__content {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	direction: rtl;
	text-align: right;
	color: #1a1c23;
}

.single-product .jaj-snapppay-badge__title,
.single-product .jaj-torobpay-badge__title,
.single-product .jaj-digipay-badge-slot .digipay-widget-title {
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	margin: 0 0 2px;
	letter-spacing: normal;
}

.single-product .jaj-digipay-badge-slot .digipay-widget-description {
	display: none;
}

/* Extra space between price text and the divider under it. */
.single-product .elementor-kitify-wooproduct-price > .elementor-widget-container,
.single-product .elementor-widget-woocommerce-product-price > .elementor-widget-container {
	padding-bottom: 15px !important;
	box-sizing: border-box;
}

/* Product gallery prev/next controls. */
.single-product .woocommerce-product-gallery .flex-direction-nav a,
.single-product .kitify-product-images .flex-direction-nav a,
.single-product .woocommerce-product-gallery .flex-prev,
.single-product .woocommerce-product-gallery .flex-next,
.single-product .kitify-product-images .flex-prev,
.single-product .kitify-product-images .flex-next {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 8px !important;
	background: #2e5aa7 !important;
	background-color: #2e5aa7 !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
	line-height: 0 !important;
	text-align: center !important;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.single-product .woocommerce-product-gallery .flex-direction-nav a:before,
.single-product .kitify-product-images .flex-direction-nav a:before,
.single-product .woocommerce-product-gallery .flex-prev:before,
.single-product .woocommerce-product-gallery .flex-next:before,
.single-product .kitify-product-images .flex-prev:before,
.single-product .kitify-product-images .flex-next:before {
	content: "" !important;
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	margin: 0 !important;
	flex-shrink: 0;
	background-color: #fff !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Bold chevron arrows (stroke-width 3). */
.single-product .woocommerce-product-gallery .flex-prev:before,
.single-product .kitify-product-images .flex-prev:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 5L8 12l7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 5L8 12l7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.single-product .woocommerce-product-gallery .flex-next:before,
.single-product .kitify-product-images .flex-next:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5l7 7-7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5l7 7-7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.single-product .woocommerce-product-gallery .flex-direction-nav a:hover:before,
.single-product .kitify-product-images .flex-direction-nav a:hover:before,
.single-product .woocommerce-product-gallery .flex-prev:hover:before,
.single-product .woocommerce-product-gallery .flex-next:hover:before,
.single-product .kitify-product-images .flex-prev:hover:before,
.single-product .kitify-product-images .flex-next:hover:before {
	background-color: #fff !important;
	color: transparent !important;
}

.single-product .woocommerce-product-gallery .flex-direction-nav a:hover,
.single-product .kitify-product-images .flex-direction-nav a:hover,
.single-product .woocommerce-product-gallery .flex-prev:hover,
.single-product .woocommerce-product-gallery .flex-next:hover,
.single-product .kitify-product-images .flex-prev:hover,
.single-product .kitify-product-images .flex-next:hover {
	background: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
}

.single-product .woocommerce-product-gallery .flex-prev,
.single-product .kitify-product-images .flex-prev {
	left: 5px !important;
	right: auto !important;
}

.single-product .woocommerce-product-gallery .flex-next,
.single-product .kitify-product-images .flex-next {
	right: 5px !important;
	left: auto !important;
}

/*
 * PDP gallery (multi-image / FlexSlider): 9:16 main photo + thumb strip.
 * Do NOT force height:auto !important on .flex-viewport — that kills slide
 * translate math so swipe/thumbs never change the main photo.
 * Leave float/width on slides to FlexSlider (inline px). Kitify wraps each
 * photo in .zoomouter > .zoominner > a; crop via object-fit only.
 */
body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport {
	position: relative;
	width: 100%;
	aspect-ratio: 9 / 16;
	max-height: none !important;
	overflow: hidden;
	border-radius: 8px;
}

body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
	height: 100%;
}

body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
	position: relative !important;
	/* Override Woo's pre-flexslider thumb sizing (width:25%) once inside viewport */
	height: 100% !important;
	max-width: none !important;
	aspect-ratio: auto;
	overflow: hidden;
	border-radius: 8px;
	box-sizing: border-box !important;
}

body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image .zoomouter,
body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image .zoominner,
body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image a {
	display: block !important;
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	border-radius: 8px;
	overflow: hidden;
}

body.single-product:not(.jaj-pdp-single-image) .kitify-product-images .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img:not(.zoomImg) {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 8px;
}

/*
 * Single photo / no FlexSlider viewport: same 9:16 cover box as multi-image,
 * so Elementor’s two-column desktop layout stays intact. Do NOT force the
 * image column to width:100% — that was collapsing PC structure.
 * body.jaj-pdp-single-image is set in PHP.
 */
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery,
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery.jaj-single-image-gallery,
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery--without-images {
	opacity: 1 !important;
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
	z-index: 1 !important;
}

body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__wrapper {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}

body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image {
	position: relative !important;
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	aspect-ratio: 9 / 16;
	overflow: hidden !important;
	border-radius: 8px;
	background: #f2f2f2;
}

body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image .zoomouter,
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image .zoominner,
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image a {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	transform: none !important;
	overflow: hidden !important;
	border-radius: 8px;
}

body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image img,
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image img.wp-post-image,
body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image img:not(.zoomImg) {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 8px;
}

body.jaj-pdp-single-image .kitify-product-images .woocommerce-product-gallery__image img.zoomImg {
	display: none !important;
}

/* Keep copy above escaped gallery paint — never override Elementor column widths. */
body.jaj-pdp-single-image .elementor-element-337b409c,
body.jaj-pdp-single-image .elementor-kitify-wooproduct-title,
body.jaj-pdp-single-image .elementor-kitify-wooproduct-shortdescription,
body.jaj-pdp-single-image .jaj-digipay-badge-slot {
	position: relative !important;
	z-index: 2 !important;
	background: #fff;
}

/*
 * Thumbnails: beat Kitify's flex-flow:inherit (breaks on phone when parent is a column)
 * and use gap instead of padding so 9:16 tiles stay intact.
 */
body.single-product .kitify.elementor-kitify-wooproduct-images .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs,
.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs {
	display: flex !important;
	flex-flow: row nowrap !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	align-content: stretch !important;
	/* Pack to inline-start (right in RTL) — centering made 2 thumbs look tiny on mobile */
	justify-content: flex-start !important;
	gap: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: var(--singleproduct-image-spacing, 1rem) !important;
	/* Keep active border clear of the scrollport clip on the RTL end */
	padding: 3px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch;
	list-style: none !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	box-sizing: border-box !important;
}

body.single-product .kitify.elementor-kitify-wooproduct-images .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li,
.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li {
	position: relative !important;
	float: none !important;
	/* Mobile default: ~3 across (larger than Kitify’s 4-up which looked shrunk on phones) */
	flex: 0 0 calc((100% - 20px) / 3) !important;
	width: calc((100% - 20px) / 3) !important;
	max-width: calc((100% - 20px) / 3) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	/* padding-bottom % = reliable 9:16 height on mobile Safari (aspect-ratio alone can collapse) */
	padding-bottom: calc((100% - 20px) / 3 * 16 / 9) !important;
	aspect-ratio: auto !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	list-style: none !important;
	text-align: center;
	border: 2px solid transparent !important;
	border-radius: 8px;
	outline: none !important;
	box-shadow: none !important;
}

/* 1–2 thumbs: fill the strip so mobile doesn’t look sparse/broken. */
@media (max-width: 767px) {
	.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs:not(:has(li)) {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
		height: 0 !important;
	}

	.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs:has(li:first-child:last-child) li {
		flex: 0 0 42% !important;
		width: 42% !important;
		max-width: 42% !important;
		padding-bottom: calc(42% * 16 / 9) !important;
	}

	.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs:has(li:nth-child(2):last-child) li {
		flex: 0 0 calc((100% - 10px) / 2) !important;
		width: calc((100% - 10px) / 2) !important;
		max-width: calc((100% - 10px) / 2) !important;
		padding-bottom: calc((100% - 10px) / 2 * 16 / 9) !important;
	}
}

body.single-product .kitify.elementor-kitify-wooproduct-images .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active),
.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) {
	border-color: var(--site-accent-color, #2e5aa7) !important;
	z-index: 2;
}

body.single-product .kitify.elementor-kitify-wooproduct-images .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li img,
.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li img {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

/*
 * Desktop / laptop: keep 9:16 but shrink the gallery so it is not full column width.
 * Thumbs stay Kitify 4-up.
 */
@media (min-width: 768px) {
	.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery {
		width: 58%;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery .flex-control-thumbs li {
		flex: 0 0 calc((100% - 30px) / 4) !important;
		width: calc((100% - 30px) / 4) !important;
		max-width: calc((100% - 30px) / 4) !important;
		padding-bottom: calc((100% - 30px) / 4 * 16 / 9) !important;
	}
}

/*
 * Thumbnail strip sliding buttons — only when photos overflow the visible cap
 * (3 on mobile, 4 on desktop). Same look as related-products Kitify arrows
 * (rgba blue, 40px, half outside).
 */
.single-product .kitify-product-images .jaj-thumbs-wrap {
	position: relative;
	width: 100%;
	margin-top: var(--singleproduct-image-spacing, 1rem);
	overflow: visible;
}

.single-product .kitify-product-images .jaj-thumbs-wrap .flex-control-thumbs {
	margin-top: 0 !important;
}

.single-product .kitify-product-images .jaj-thumbs-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	display: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 8px;
	background: rgba(46, 90, 167, 0.5);
	background-color: rgba(46, 90, 167, 0.5);
	color: #fff;
	cursor: pointer;
	box-shadow: none;
	line-height: 0;
	opacity: 1;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 0.2s ease;
}

.single-product .kitify-product-images .jaj-thumbs-wrap.is-overflow .jaj-thumbs-nav {
	display: flex;
}

.single-product .kitify-product-images .jaj-thumbs-nav:hover,
.single-product .kitify-product-images .jaj-thumbs-nav:disabled:hover,
.single-product .kitify-product-images .jaj-thumbs-nav.is-disabled:hover {
	background: rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.5);
}

/* Hide end arrows instead of looping. */
.single-product .kitify-product-images .jaj-thumbs-nav:disabled,
.single-product .kitify-product-images .jaj-thumbs-nav.is-disabled {
	display: none !important;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.single-product .kitify-product-images .jaj-thumbs-nav::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Half outside the thumb strip (same as related slider ±20px). */
.single-product .kitify-product-images .jaj-thumbs-prev {
	left: -20px;
	right: auto;
}

.single-product .kitify-product-images .jaj-thumbs-next {
	right: -20px;
	left: auto;
}

.single-product .kitify-product-images .jaj-thumbs-prev::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 5L8 12l7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 5L8 12l7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.single-product .kitify-product-images .jaj-thumbs-next::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5l7 7-7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5l7 7-7 7' stroke='%23000' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.single-product .kitify-product-images .jaj-thumbs-wrap.is-overflow .flex-control-thumbs {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.single-product .kitify-product-images .jaj-thumbs-wrap.is-overflow .flex-control-thumbs::-webkit-scrollbar {
	display: none;
}

/* Let half-outside arrows paint past the gallery column. */
.single-product .kitify-product-images.layout-type-1 .woocommerce-product-gallery,
.single-product .kitify-product-images.layout-type-1 {
	overflow: visible;
}

/* Color / size variation boxes. */
.single-product .variable-item,
.single-product .woo-variation-swatches .variable-item,
.single-product .variations .variable-item {
	border-radius: 8px !important;
	overflow: hidden;
}

.single-product .variable-item .variable-item-contents,
.single-product .variable-item .variable-item-span,
.single-product .variable-item .variable-item-span-color {
	border-radius: 8px !important;
}

.single-product.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):not(.selected) {
	border: 1px solid rgba(46, 90, 167, 0.5) !important;
}

/* Clear variants — vertical “حذف” button on the right; shifts variants left when visible. */
.single-product .jaj-variations-with-clear {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
	position: relative;
	padding-right: 0;
	box-sizing: border-box;
}

.single-product .jaj-variations-with-clear table.variations {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
}

.single-product .jaj-variations-with-clear a.reset_variations {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	order: -1; /* physical right in RTL */
	flex: 0 0 32px;
	width: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 6px 0 !important;
	border: 1px solid #2e5aa7 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #2e5aa7 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	z-index: 2;
	box-sizing: border-box;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.15s ease;
}

.single-product .jaj-variations-with-clear > a.reset_variations.jaj-is-visible {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.single-product .jaj-variations-with-clear a.reset_variations:before {
	content: none !important;
	display: none !important;
}

.single-product .jaj-variations-with-clear a.reset_variations:after {
	content: "حذف" !important;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	line-height: 1 !important;
	color: #2e5aa7 !important;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	letter-spacing: 0.12em;
	speak: normal;
}

.single-product .jaj-variations-with-clear a.reset_variations:hover,
.single-product .jaj-variations-with-clear a.reset_variations:focus {
	background: #fde466 !important;
	border-color: #fde466 !important;
	color: #2e5aa7 !important;
	text-decoration: none !important;
}

.single-product .jaj-variations-with-clear a.reset_variations:hover:after,
.single-product .jaj-variations-with-clear a.reset_variations:focus:after {
	color: #2e5aa7 !important;
}

/* Hide Woo/default clear link if it reappears inside a variation cell. */
.single-product .variations a.reset_variations {
	display: none !important;
}

.single-product .jaj-variations-with-clear > a.reset_variations:not(.jaj-is-visible) {
	display: none !important;
}

/* In-stock inventory text (e.g. “موجودی: 1 عدد”). */
.single-product p.stock.in-stock,
.single-product .woocommerce-variation-availability p.stock.in-stock,
.single-product .stock.in-stock {
	color: #2e5aa7 !important;
	font-weight: 700 !important;
}

/* Quantity counter — hidden until all variants chosen; slides in from right. */
.single-product .variations_form .quantity {
	border-radius: 8px !important;
	overflow: hidden;
	max-width: 0;
	opacity: 0;
	transform: translateX(24px);
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
	visibility: hidden;
	transition:
		max-width 0.35s ease,
		opacity 0.3s ease,
		transform 0.35s ease,
		margin 0.35s ease,
		visibility 0s linear 0.35s;
}

.single-product .variations_form .quantity.jaj-is-visible {
	max-width: 140px;
	opacity: 1;
	transform: translateX(0);
	visibility: visible;
	pointer-events: auto;
	margin-left: 15px !important;
	transition:
		max-width 0.35s ease,
		opacity 0.3s ease,
		transform 0.35s ease,
		margin 0.35s ease,
		visibility 0s linear 0s;
}

/* Simple products — keep 8px quantity corners (no slide hide). */
.single-product form.cart:not(.variations_form) .quantity,
.single-product .product:not(.product-type-variable) form.cart .quantity {
	border-radius: 8px !important;
	overflow: hidden;
}

.single-product form.cart .quantity .qty,
.single-product form.cart .quantity .input-text.qty,
.single-product .woocommerce-variation-add-to-cart .quantity .qty {
	border-radius: 0 !important;
}

.single-product form.cart .single_add_to_cart_button,
.single-product .single_add_to_cart_button.button,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
	border-radius: 8px !important;
}

/* Description / reviews tab titles: no border on hover (active tab keeps its underline). */
.single-product .nova-woocommerce-tabs .tabs .tabs-title:not(.is-active):hover > a {
	border-width: 0 !important;
}

/* Tables inside the product description. Without thead/th the first row is the header. */
/* border-radius needs separate borders; inner lines are drawn once per cell edge. */
.single-product #panel_description {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.single-product #panel_description table {
	display: table !important;
	width: auto !important;
	max-width: 100% !important;
	min-width: min(100%, 280px);
	margin-inline: auto !important;
	margin-block: 12px !important;
	table-layout: auto !important;
	border: 2px solid #2E5AA7 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 8px !important;
	overflow: hidden;
}

.single-product #panel_description table th,
.single-product #panel_description table td {
	width: auto !important;
	max-width: none !important;
	border: 0 !important;
	border-bottom: 2px solid #2E5AA7 !important;
	border-inline-end: 2px solid #2E5AA7 !important;
	padding: 10px 14px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.single-product #panel_description table th *,
.single-product #panel_description table td * {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	text-align: center !important;
}

.single-product #panel_description table tr > :last-child {
	border-inline-end: 0 !important;
}

.single-product #panel_description table > :last-child > tr:last-child > * {
	border-bottom: 0 !important;
}

.single-product #panel_description table > :first-child > tr:first-child > :first-child {
	border-start-start-radius: 6px;
}

.single-product #panel_description table > :first-child > tr:first-child > :last-child {
	border-start-end-radius: 6px;
}

.single-product #panel_description table > :last-child > tr:last-child > :first-child {
	border-end-start-radius: 6px;
}

.single-product #panel_description table > :last-child > tr:last-child > :last-child {
	border-end-end-radius: 6px;
}

.single-product #panel_description table th,
.single-product #panel_description table thead td,
.single-product #panel_description table:not(:has(thead, th)) tr:first-child > td {
	background-color: #2E5AA7 !important;
	color: #FDE466 !important;
	font-weight: 700 !important;
}

.single-product #panel_description table th *,
.single-product #panel_description table thead td *,
.single-product #panel_description table:not(:has(thead, th)) tr:first-child > td * {
	color: inherit !important;
	font-weight: 700 !important;
}

@media (max-width: 767px) {
	.single-product #panel_description table {
		width: 100% !important;
	}

	.single-product #panel_description table th,
	.single-product #panel_description table td {
		padding: 8px 10px !important;
		font-size: 0.95em;
	}
}