/*
Theme Name:   Unimart Child
Template:     unimart-multipurpose-woocommerce-wordpress-theme
*/


/* The category heading is a native Elementor label, not a CSS layout suffix.
	Its saved "Categories" title replaces the imported "Categories Style {{Circle}}".
	Do not hide rbt-bold--text globally: other sections use it for genuine emphasis. */

/* MOBILE NAVIGATION SEARCH: DIRECTION-AWARE ICON AND TEXT CLEARANCE
	--------------------------------------------------------------------------
	Owner and evidence:
	This is .popup-mobile-menu's .rbt-inner-search-field, not the shop's category
	search box or header Ajax-search dropdown. The native wrapper is relative;
	its 32px submit button is absolute at right:3px and vertically centered. The
	native input reserves 44px on the right and 24px on the left. Those physical
	declarations did not swap for the observed Arabic menu, leaving its icon on
	the English side and its text clearance on the wrong edge.

	Repair and cascade:
	Reset both physical button insets before assigning inline-end. In LTR the
	logical end is right; in RTL it is left. An inherited direction determines
	the result without another language dictionary, viewport-specific offsets,
	duplicated English/Arabic rules or a !important visibility override. The
	scoped child selector follows the native stylesheet and targets this form.

	Padding is part of the same contract: inline-start retains the native 24px
	text inset; inline-end reserves the native 44px for the button. Moving only
	the icon would leave typed text able to overlap it. Native top/transform,
	wrapper positioning, height, border radius, icons and submission remain
	unchanged. No media query is needed: every view using this menu gets the
	same direction-aware rule, including a desktop-sized menu instance.

	Verify both directions after layout settles: the button must stay inside
	the input, centered vertically, and separated from its editable text area.
	Changing document direction for a CSS probe is not an English-server test.
	Theme updates should be checked for changed wrapper/selector contracts. */
.popup-mobile-menu .rbt-inner-search-field form .search-btn {
	left: auto;
	right: auto;
	inset-inline-end: 3px;
}

.popup-mobile-menu .rbt-inner-search-field form input[type="text"] {
	padding-inline-start: 24px;
	padding-inline-end: 44px;
}


/* Keep thumbnail/text spacing inside the cart drawer only, in either direction. */
.rbt-cart-side-menu .rbt-minicart-wrapper > .minicart-item {
	column-gap: 12px;
}

/* Replace inherited horizontal padding with the gap; allow the flex text to shrink. */
.rbt-cart-side-menu .rbt-minicart-wrapper > .minicart-item > .product-content {
	min-width: 0;
	padding-inline: 0;
}

/* The parent sets scrollbar height to 337px, exposed when option text overflows.
	Limit horizontal scrollbar thickness here without disabling dropdown scrolling. */
.rbt-shop-tools-wrapper .rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar {
	height: 4px;
}

/* Anchor both previous/next previews to their trigger in RTL. Only the first card has
	.rbt-dropdown-from-right; the second kept right:0 and opened off-screen (x -260). */
body.rtl .rbt-products-nav .rbt-dropdown {
	left: 0;
	right: auto;
}

/* PRODUCT BREADCRUMB PREVIEWS: closed hover cards must not widen the page.
	A cold Arabic product load measured clientWidth 425 / scrollWidth 685 because the
	second previous/next preview card sits at x -260..46 while closed. visibility:hidden
	does not remove a positioned box from the scrollable overflow, so only display:none
	does. Hiding both cards restored 425 with native cart/review/category geometry intact.

	Only :hover is excluded on purpose: the native CSS positions the card on :hover alone.
	With :focus-within the card shows unpositioned at x -260 and widens the page again
	(measured 685px at 440 wide, 1458px at 1280 wide). The product links stay focusable;
	only the hover preview is hidden. Closing skips the fade-out. */
body.single-product .rbt-products-nav .rbt-event-hover:not(:hover) .rbt-dropdown {
	display: none;
}

/* Mixed portrait/square source images share a stable frame; contain preserves the complete product image.
	Swiper lifecycle and navigation are independent and remain in the product-gallery script. */
body.single-product .rbt-product-single-slider-twolayout-activation .rbt-product-single-img,
body.single-product .rbt-product-thumb-slider-twolayout-activation .rbt-thumb-img-sm {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

body.single-product .rbt-product-single-slider-twolayout-activation .rbt-product-single-img img,
body.single-product .rbt-product-thumb-slider-twolayout-activation .rbt-thumb-img-sm img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.single-product .rbt-product-thumb-slider-twolayout-activation .thumbnail {
	width: 100%;
}

/* Dim an arrow at the first/last slide. Rainbow forces opacity:1 !important, so this needs !important too.
	Do not add pointer-events:none: the arrow overlays the image, so a tap would fall through and open Fancybox. */
body.single-product .rbt-product-single-slider-twolayout-activation .rbt-swiper-arrow.swiper-button-disabled,
body.single-product .product-single-slider-two-activation .rbt-swiper-arrow.swiper-button-disabled {
	opacity: 0.35 !important;
	cursor: not-allowed;
}

/* The demo's responsive rules were stored for its original theme name, not inherited by the child.
   These presentation rules live here independently of Customizer ownership, in both languages. */
@media (max-width: 767px) {
	.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger .rbt-product-banner-content {
		min-height: 400px;
	}

	.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
		padding-inline-start: 20px;
	}

	.rbt-newsletter-form-one .rbt-btn {
		padding: 10px 16px;
		height: 40px;
	}

	.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 {
		flex-wrap: nowrap;
	}

	.copyright-area .logo img {
		max-width: 142px;
	}
}

@media (max-width: 479px) {
	.rbt-app-store-list img {
		max-height: 42px;
	}
}

@media (max-width: 991.98px) {
	/* Preserve the theme's open state and transforms; only bound the drawer width. */
	body.single-product .rbt-cart-side-menu.side-menu-active,
	body.rtl .rbt-cart-side-menu.side-menu-active {
		max-width: 100vw;
	}

	/* Keep the RTL cart on the right; modal scrollbar compensation must not add a fixed drawer offset. */
	body.rtl .rbt-cart-side-menu {
		left: auto;
		right: 0;
		margin-left: 0;
		margin-right: 0 !important;
		max-width: 100%;
	}
}



.woocommerce-product-details__short-description {
    line-height: 1.8 !important;
    height: auto !important;
    min-height: auto !important;
}