/* ==========================================================================
   Ovalete Design — تجربة الهاتف
   يُحمَّل بعد ovalete.css. كل القواعد تبدأ بـ .ovd مثل الملف الأساسي.
   ========================================================================== */

/* شاشات اللمس: لا تأثيرات «hover» عالقة بعد الضغط، واستجابة فورية */
.ovd a,
.ovd button,
.ovd .button,
.ovd input,
.ovd select,
.ovd label {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

@media (hover: none) {
	.ovd .custom-products-grid .product-item:hover,
	.ovd [data-products] .product:hover,
	.ovd .slider-card:hover {
		transform: none;
		border-color: var(--ovd-line);
		box-shadow: none;
	}

	.ovd .custom-products-grid .product-item:hover > a img,
	.ovd .slider-card:hover .category-image,
	.ovd .uc_overlay_image_carousel .ue-item:hover .uc_image_carousel_placeholder,
	.ovd .category-grid .category-circle:hover,
	.ovd.home .elementor-element-738f84e > .e-con:hover,
	.ovd .ovd-btn:hover,
	.ovd.home .elementor-element-f6a1b9a .elementor-button:hover {
		transform: none;
	}

	.ovd .uc_overlay_image_carousel .ue-item:hover .uc_image_carousel_placeholder {
		box-shadow: var(--ovd-shadow);
	}

	.ovd .button:active,
	.ovd .ovd-btn:active,
	.ovd .elementor-button:active,
	.ovd .custom-products-grid .product-item:active,
	.ovd [data-products] .product:active,
	.ovd .slider-card:active {
		transform: scale(0.98);
		transition-duration: 0.08s;
	}
}

/* التصنيفات التي لا تملك صورة: خلفية بشعار المتجر بدل مربع فارغ */
.ovd .carousel-image[style*="url()"],
.ovd .uc_post_image[style*="url()"] {
	background: var(--ovd-cream-2) url("/wp-content/uploads/2025/05/cropped-ovalet-logo-2-01-300x300.png") center / 58% no-repeat !important;
}

@media (max-width: 689.98px) {
	html {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	body.ovd {
		--theme-content-vertical-spacing: 32px;
	}

	/* حقول الإدخال بحجم 16px حتى لا يكبّر iOS الصفحة عند الكتابة */
	.ovd input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
	.ovd select,
	.ovd textarea {
		font-size: 16px;
	}

	/* قائمة الجوال */
	body.ovd #offcanvas .ct-toggle-close {
		width: 44px;
		height: 44px;
		padding: 13px;
	}

	body.ovd #offcanvas .mobile-menu .ct-menu-link {
		padding-block: 9px;
	}

	body.ovd #offcanvas .ct-header-socials .ct-social-box {
		--items-spacing: 22px;
		--theme-icon-size: 20px;
		justify-content: center;
	}

	/* الصفحة الرئيسية: مسافات أهدأ بين الأقسام */
	.ovd.home .elementor-3072 .elementor-element.elementor-element-973801f {
		--margin-top: var(--header-height, 68px);
		--margin-bottom: 20px;
	}

	.ovd.home .elementor-3072 .elementor-element.elementor-element-54c5e3b,
	.ovd.home .elementor-3072 .elementor-element.elementor-element-3a220d6,
	.ovd.home .elementor-3072 .elementor-element.elementor-element-bd7afe8 {
		--margin-bottom: 26px;
	}

	.ovd.home .elementor-3072 .elementor-element.elementor-element-a5be057,
	.ovd.home .elementor-3072 .elementor-element.elementor-element-65898c3,
	.ovd.home .elementor-3072 .elementor-element.elementor-element-3df2b80 {
		--margin-bottom: 44px;
	}

	.ovd.home .elementor-3072 .elementor-widget-heading h4.elementor-heading-title {
		font-size: 23px;
	}

	.ovd .ovd-hero__caption {
		padding: 24px 16px 28px;
	}

	.ovd .ovd-hero__text {
		font-size: 15px;
		line-height: 1.75;
	}

	.ovd .ovd-hero__actions {
		flex-wrap: nowrap;
		gap: 10px;
	}

	.ovd .ovd-hero__actions .ovd-btn {
		flex: 1 1 0;
		min-height: 48px;
		padding: 0 12px;
		white-space: nowrap;
	}

	/* سلايدر الأقسام */
	body.ovd .elementor .elementor-element .uc_overlay_image_carousel .uc_image_carousel_content {
		padding: 10px 2px 4px;
	}

	/* سلايدر الماركات: السحب والنقاط تكفي، والأسهم كانت تغطي الشعارات */
	.ovd.home .elementor-element-3b61c16 .elementor-swiper-button {
		display: none;
	}

	.ovd .uc_overlay_image_carousel .uc_post_title,
	.ovd .uc_overlay_image_carousel .uc_post_title a {
		font-size: 14px !important;
		line-height: 1.5;
		overflow-wrap: break-word;
	}

	.ovd .uc_overlay_image_carousel .uc_post_title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.ovd .uc_overlay_image_carousel .owl-nav .owl-prev,
	.ovd .uc_overlay_image_carousel .owl-nav .owl-next {
		top: 44px !important;
		width: 38px !important;
		height: 38px !important;
		line-height: 38px !important;
		font-size: 14px !important;
	}

	/* بطاقات المنتجات */
	.ovd .custom-products-grid,
	.ovd [data-products] {
		gap: 10px;
		--grid-columns-gap: 10px;
		--grid-rows-gap: 10px;
	}

	.ovd .custom-products-grid .product-title,
	.ovd [data-products] .woocommerce-loop-product__title {
		--theme-font-size: 14px;
		--theme-line-height: 1.5;
		font-size: 14px;
		line-height: 1.5;
		min-height: 4.5em;
		margin-bottom: 6px;
	}

	.ovd .custom-products-grid .price,
	.ovd [data-products] .product .price {
		--theme-font-size: 17px;
		font-size: 17px;
		margin: 0 0 4px;
	}

	.ovd .custom-products-grid .price del,
	.ovd [data-products] .product .price del {
		font-size: 12.5px;
	}

	/* اسم التصنيف داخل البطاقة: سطر واحد فقط */
	.ovd .custom-products-grid .category,
	.ovd [data-products] .entry-meta {
		display: block;
		margin-bottom: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		--theme-font-size: 12.5px;
		font-size: 12.5px;
	}

	.ovd [data-products] .entry-meta li {
		display: inline;
	}

	.ovd .custom-products-grid .category a {
		font-size: inherit;
	}

	.ovd .custom-products-grid .product-info .button,
	.ovd [data-products] .product .button {
		min-height: 42px;
		font-size: 13.5px;
	}

	.ovd .sale-badge,
	.ovd .onsale,
	.ovd [class*="ct-woo-badge-"] {
		padding: 5px 10px;
	}

	/* سلايدر «الأكثر مبيعا»: سحب ناعم بلا شريط تمرير */
	.ovd .slider-container {
		gap: 10px;
		padding: 4px 6vw 12px;
		margin-inline: -6vw;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 6vw;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
	}

	.ovd .slider-container::-webkit-scrollbar {
		display: none;
	}

	.ovd .slider-card {
		width: 158px;
	}

	.ovd .slider-card .image-wrapper {
		height: 142px;
	}

	.ovd .slider-card .category-title {
		font-size: 13.5px;
	}

	/* صفحات المتجر والتصنيفات */
	.ovd .hero-section[data-type="type-2"] {
		--min-height: 132px;
	}

	.ovd .hero-section[data-type="type-2"] .page-title {
		--theme-font-size: 24px;
		margin-top: 8px;
	}

	.ovd .woo-listing-top {
		margin-bottom: 16px;
	}

	.ovd .woocommerce-ordering,
	.ovd .woocommerce-ordering select {
		min-width: 44px;
		min-height: 44px;
	}

	.ovd .woocommerce-pagination,
	.ovd .ct-pagination {
		margin-top: 32px;
	}

	.ovd .woocommerce-pagination .page-numbers,
	.ovd .ct-pagination .page-numbers {
		min-width: 42px;
		min-height: 42px;
		font-size: 14px;
	}

	/* صفحة «التصنيفات» */
	body.ovd .elementor .elementor-element .uc_post_grid_style_one .uc_post_grid_style_one_wrap {
		gap: 18px 10px;
	}

	.ovd .uc_post_grid_style_one .uc_post_grid_style_one_image {
		border-radius: 14px;
	}

	body.ovd .elementor .elementor-element .uc_post_grid_style_one .uc_content {
		padding: 10px 2px 0;
	}

	body.ovd .elementor .elementor-element .uc_post_grid_style_one .uc_title,
	body.ovd .elementor .elementor-element .uc_post_grid_style_one .uc_title a {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.5;
		color: var(--ovd-ink);
		overflow-wrap: break-word;
	}

	/* صفحة المنتج */
	.ovd.single-product .ct-breadcrumbs {
		--theme-font-size: 13px;
	}

	/* اسم المنتج مكرر في العنوان أسفل الصورة، فلا حاجة له في مسار التنقل */
	.ovd.single-product .ct-breadcrumbs > .last-item,
	.ovd.single-product .ct-breadcrumbs > span:nth-last-child(2) .ct-separator {
		display: none;
	}

	.ovd.single-product .woocommerce-product-gallery {
		margin-bottom: 20px;
	}

	.ovd.single-product .entry-summary .entry-title {
		--theme-font-size: 21px;
		--theme-line-height: 1.45;
	}

	.ovd.single-product .entry-summary .price {
		--theme-font-size: 26px;
		margin-bottom: 18px;
	}

	.ovd.single-product .single_add_to_cart_button {
		min-height: 52px;
	}

	.ovd.single-product .product_meta > span {
		letter-spacing: 0;
		font-size: 13.5px;
	}

	/* التبويبات جنباً إلى جنب بدل فوق بعض */
	.ovd.single-product .woocommerce-tabs {
		padding-top: 32px;
	}

	.ovd.single-product div.product div.woocommerce-tabs ul.tabs {
		flex-direction: row;
		flex-wrap: nowrap;
		border-top: 1px solid var(--ovd-line);
	}

	.ovd.single-product div.product div.woocommerce-tabs ul.tabs li {
		flex: 1 1 0;
		border-top: 0;
	}

	.ovd.single-product div.product div.woocommerce-tabs ul.tabs li a {
		width: 100%;
		padding-inline: 8px;
		font-size: 15px;
		text-align: center;
	}

	.ovd.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
		padding-top: 24px;
	}

	.ovd.single-product .woocommerce-tabs .entry-content {
		font-size: 15.5px;
		line-height: 1.85;
	}

	.ovd.single-product .related > h2,
	.ovd.single-product .upsells > h2 {
		margin-bottom: 18px;
		font-size: 21px;
	}

	/* الفوتر */
	.ovd .ct-footer [data-row*="top"] > div {
		--container-spacing: 40px;
		--columns-gap: 28px;
		row-gap: 28px;
	}

	.ovd .ct-footer [data-row*="top"] .wp-block-heading {
		margin-bottom: 16px;
		font-size: 19px;
	}

	.ovd .ct-footer iframe {
		height: 220px;
	}

	.ovd .ct-footer .widget_media_image img {
		width: 124px !important;
	}

	.ovd .ct-footer .ct-footer-copyright {
		font-size: 13px;
	}
}

/* الرئيسية على الهاتف — صف «وصلنا حديثا»: العنوان في جهة وزر «عرض الكل» صغير في الجهة المقابلة
   (بدل ثلاثة أسطر في المنتصف تأخذ نصف الشاشة) */
@media (max-width: 767.98px) {
	.ovd.home .elementor-3072 .elementor-element.elementor-element-3a220d6 {
		--margin-bottom: 18px;
	}

	.ovd.home .elementor-3072 .elementor-element.elementor-element-3a220d6 > .e-con-inner {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-end;
		justify-content: space-between;
		gap: 12px;
	}

	.ovd.home .elementor-3072 .elementor-element-3a220d6 .elementor-element.elementor-element-8cf707b {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		gap: 4px;
	}

	.ovd.home .elementor-3072 .elementor-element-3a220d6 .elementor-element.elementor-element-80ef0a6,
	.ovd.home .elementor-3072 .elementor-element-3a220d6 .elementor-element.elementor-element-6365cb4 {
		margin: 0;
		text-align: start;
	}

	.ovd.home .elementor-3072 .elementor-element-3a220d6 .elementor-element-80ef0a6 p {
		font-size: 13px;
		line-height: 1.5;
	}

	.ovd.home .elementor-3072 .elementor-element-3a220d6 .elementor-element.elementor-element-0c096a1 {
		flex: 0 0 auto;
		width: auto;
	}

	.ovd.home .elementor-3072 .elementor-element-3a220d6 .elementor-element-afaaba4 .elementor-button {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
		padding: 0 18px;
		font-size: 14px;
		line-height: 1;
		white-space: nowrap;
	}
}