html[lang^="ar"] body.hs-jordan-arabic-storefront {
	direction: rtl;
}

html[lang^="ar"] body.hs-jordan-arabic-storefront .TitleText h1,
html[lang^="ar"] body.hs-jordan-arabic-storefront .xoo-wsc-container,
html[lang^="ar"] body.hs-jordan-arabic-storefront .digits_login_form {
	direction: rtl;
	text-align: right;
}

html[lang^="ar"] body.hs-jordan-arabic-storefront .TitleText {
	text-align: center;
}

html[lang^="ar"] body.hs-jordan-arabic-storefront .TitleText h1 {
	display: inline-block;
	width: auto;
	max-width: calc(100% - 32px);
	margin-inline: auto;
	padding: 0.3em 0.8em;
	border-radius: 999px;
	background: #0f4f78;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.86);
	color: #fff;
	font-size: clamp(1.15rem, 3vw, 2rem);
	line-height: 1.25;
	text-align: center;
}

html[lang^="ar"] body.hs-jordan-arabic-storefront .xoo-wsc-basket,
html[lang^="ar"] body.hs-jordan-arabic-storefront .wws-popup__open-btn {
	min-width: 44px;
	min-height: 44px;
}

html[lang^="ar"] body.hs-jordan-arabic-storefront .xoo-wsc-basket:focus-visible,
html[lang^="ar"] body.hs-jordan-arabic-storefront .wws-popup__open-btn:focus-visible,
html[lang^="ar"] body.hs-jordan-arabic-storefront #sidemenu:focus-visible {
	outline: 3px solid #25a9e0;
	outline-offset: 3px;
}

@media (max-width: 767px) {
	html[lang^="ar"] body.hs-jordan-arabic-storefront .wws-popup-container--position {
		left: 12px !important;
		bottom: max(12px, env(safe-area-inset-bottom)) !important;
	}

	html[lang^="ar"] body.hs-jordan-arabic-storefront .wws-popup__open-btn {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		padding: 12px !important;
		border-radius: 50% !important;
		font-size: 0 !important;
		line-height: 1;
	}

	html[lang^="ar"] body.hs-jordan-arabic-storefront .wws-popup__open-btn svg {
		display: block;
		width: 24px;
		height: 24px;
	}

	html[lang^="ar"] body.hs-jordan-arabic-storefront .xoo-wsc-basket {
		right: 12px !important;
		bottom: max(12px, env(safe-area-inset-bottom)) !important;
	}

	html[lang^="ar"] body.hs-jordan-arabic-storefront.woocommerce-cart .wws-popup-container,
	html[lang^="ar"] body.hs-jordan-arabic-storefront.woocommerce-checkout .wws-popup-container,
	html[lang^="ar"] body.hs-jordan-arabic-storefront.woocommerce-cart .xoo-wsc-basket,
	html[lang^="ar"] body.hs-jordan-arabic-storefront.woocommerce-checkout .xoo-wsc-basket {
		display: none !important;
	}

	html[lang^="ar"] body.hs-jordan-arabic-storefront .woocommerce-cart-form,
	html[lang^="ar"] body.hs-jordan-arabic-storefront .woocommerce-checkout,
	html[lang^="ar"] body.hs-jordan-arabic-storefront .cart_totals {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	html[lang^="ar"] body.hs-jordan-arabic-storefront .TitleText h1 {
		font-size: clamp(1.15rem, 5vw, 1.55rem);
	}
}