/**
 * تنسيقات WooCommerce لمشروع تَهادُوا.
 *
 * @package Tahado
 * @since   1.0.0
 */

/**
 * تنسيقات WooCommerce loops الافتراضية لتقاربها من التصميم.
 */
.wc-block-grid__product,
.wc-block-product {
    background: var(--tahado-surface);
    border-radius: var(--tahado-radius);
    overflow: hidden;
    border: 1px solid var(--tahado-line);
}

.wc-block-grid__product:hover,
.wc-block-product:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgb(var(--tahado-purple-rgb) / 0.1);
}

.wc-block-grid__product-title,
.wc-block-product-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
}

.wc-block-grid__product-price,
.wp-block-woocommerce-product-price {
    color: var(--tahado-purple);
    font-weight: 600;
}

.wc-block-grid__product-price del,
.wp-block-woocommerce-product-price del {
    color: var(--tahado-mute);
    font-weight: 400;
}

/**
 * صفحة المنتج الواحد.
 */
.single-product .product_title {
    font-family: var(--tahado-font-heading);
    color: var(--tahado-purple-deep);
}

.single-product .price {
    color: var(--tahado-purple);
    font-weight: 600;
}

.single-product .price del {
    color: var(--tahado-mute);
}

.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt {
    background: var(--tahado-purple);
}

.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover {
    background: var(--tahado-purple-deep);
}

/**
 * صفحة السلة والدفع.
 */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout button#place_order {
    background: var(--tahado-purple);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout button#place_order:hover {
	background: var(--tahado-purple-deep);
}

/**
 * ============================================================
 * تحسينات إضافية: صفحة المتجر، الأرشيف، السلة، الدفع، والحساب.
 * ============================================================
 */

/**
 * أرشيف المتجر / صفحة التصنيف.
 */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	font-size: 0.9rem;
	color: var(--tahado-mute);
	margin-bottom: 1.5rem;
}

.woocommerce .woocommerce-ordering select {
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius-md);
	padding: 0.5rem 1rem;
	background: var(--tahado-surface);
	font-family: var(--tahado-font-body);
}

/**
 * ترقيم الصفحات — تصميم زيتوني احترافي متقدم.
 */
.woocommerce nav.woocommerce-pagination {
	margin-top: 3rem;
	margin-bottom: 1.5rem;
	text-align: center;
}

.woocommerce nav.woocommerce-pagination ul {
	border: none;
	display: inline-flex;
	gap: 0.4rem;
	flex-wrap: wrap;
	justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
	margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: grid;
	place-items: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 0.75rem;
	border-radius: var(--tahado-radius-sm);
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	color: var(--tahado-text);
	font-family: var(--tahado-font-body);
	font-weight: 700;
	font-size: 0.95rem;
	transition: background-color 0.2s ease, color 0.2s ease,
		border-color 0.2s ease, transform 0.15s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--tahado-purple);
	color: #fff;
	border-color: var(--tahado-purple);
	transform: translateY(-1px);
}

.woocommerce nav.woocommerce-pagination ul li a:focus-visible,
.woocommerce nav.woocommerce-pagination ul li span:focus-visible {
	outline: 2px solid var(--tahado-gold);
	outline-offset: 2px;
}

/* سهمي "التالي/السابق". */
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev {
	color: var(--tahado-purple);
}

.woocommerce nav.woocommerce-pagination ul li .next:hover,
.woocommerce nav.woocommerce-pagination ul li .prev:hover {
	color: #fff;
}

/**
 * صفحة المنتج الواحد.
 */
.single-product .woocommerce-product-gallery {
	border-radius: var(--tahado-radius);
	overflow: hidden;
}

.single-product .woocommerce-product-gallery__wrapper img {
	border-radius: var(--tahado-radius);
}

.single-product .woocommerce-product-gallery__trigger {
	background: var(--tahado-surface);
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	z-index: 2;
}

/* عرض الصورة كاملةً دون قصّ: نكتفي بتغيير الملاءمة إلى contain داخل إطار Blocksy المربّع
   بدل اقتصاصها. يُمنع إزالة aspect-ratio هنا: صور المعرض كلها lazy (sizes="auto") وووردبريس
   يعطيها contain-intrinsic-size بارتفاع 1500px — بلا نسبة ارتكاز تنفجر الصور إلى هذا الارتفاع
   وتمتد المصغّرات معها (انحلال إصدار 1.14.0). */
.single-product .woocommerce-product-gallery .ct-media-container img {
	object-fit: contain;
}

.single-product div.product .woocommerce-tabs ul.tabs {
	border-bottom: 1px solid var(--tahado-line);
	padding: 0;
	margin-bottom: 1.5rem;
}

.single-product div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: none;
}

.single-product div.product .woocommerce-tabs ul.tabs li {
	border: none;
	background: transparent;
	border-radius: 0;
	margin: 0;
	padding: 0.75rem 1rem;
}

.single-product div.product .woocommerce-tabs ul.tabs li a {
	color: var(--tahado-mute);
	font-weight: 600;
}

.single-product div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--tahado-surface-2);
	border-bottom: 2px solid var(--tahado-purple);
}

.single-product div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--tahado-purple);
}

.single-product div.product .woocommerce-tabs .panel {
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 1.5rem;
}

.single-product .related.products > h2,
.single-product .upsells.products > h2 {
	font-family: var(--tahado-font-heading);
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
}

/**
 * سلة المشتريات.
 */
.woocommerce-cart table.shop_table {
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	background: var(--tahado-surface);
}

.woocommerce-cart table.shop_table th {
	background: var(--tahado-surface-2);
	color: var(--tahado-text);
	font-weight: 700;
	padding: 1rem;
}

.woocommerce-cart table.shop_table td {
	padding: 1rem;
	border-top: 1px solid var(--tahado-line);
}

.woocommerce-cart table.shop_table .product-thumbnail img {
	width: 5rem;
	border-radius: var(--tahado-radius-sm);
}

.woocommerce-cart table.shop_table .product-name a {
	color: var(--tahado-text);
	font-weight: 600;
}

.woocommerce-cart table.shop_table .product-remove a.remove {
	color: var(--tahado-gold) !important;
	font-size: 1.25rem;
	font-weight: 700;
}

.woocommerce-cart table.shop_table .product-remove a.remove:hover {
	background: var(--tahado-gold) !important;
	color: #fff !important;
}

.woocommerce-cart .woocommerce-cart-form .quantity .qty {
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius-md);
	padding: 0.5rem;
	max-width: 5rem;
}

.woocommerce-cart .cart_totals {
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 1.5rem;
}

.woocommerce-cart .cart_totals > h2 {
	font-family: var(--tahado-font-heading);
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	padding: 1rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: var(--tahado-radius-pill);
}

.woocommerce-cart .cart-empty {
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 3rem 1.5rem;
	text-align: center;
}

/**
 * صفحة الدفع.
 */
.woocommerce-checkout form.checkout {
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 1.5rem;
}

/* حقل الدولة في إتمام الطلب مخفي: يبقى في النموذج ليقرأه ووكومرس عند
   تحديث الشحن عبر الأجاكس، لكن لا يظهر للعميل — المتجر يشحن إلى مصر فقط.
   !important ضرورية: سكربت عناوين ووكومرس يضع display:block مضمّنًا على
   الصفوف بعد التحميل فيتغلب على أي قاعدة ورقة أنماط عادية. */
.woocommerce-checkout form.checkout .form-row.tahado-hidden-country {
	display: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
	font-family: var(--tahado-font-heading);
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.woocommerce-checkout .woocommerce-input-wrapper .input-text,
.woocommerce-checkout .woocommerce-form__input-text {
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius-md);
	padding: 0.75rem 1rem;
	font-family: var(--tahado-font-body);
	background: var(--tahado-surface);
}

.woocommerce-checkout .woocommerce-input-wrapper .input-text:focus,
.woocommerce-checkout select:focus {
	border-color: var(--tahado-purple);
	outline: none;
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius-md);
	height: auto;
	padding: 0.5rem;
}

.woocommerce-checkout #order_review {
	background: var(--tahado-surface-2);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 1.5rem;
}

.woocommerce-checkout #payment {
	background: transparent;
	border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 1px solid var(--tahado-line);
	padding-bottom: 1rem;
}

.woocommerce-checkout #payment div.payment_box {
	background: var(--tahado-surface);
	border-radius: var(--tahado-radius-sm);
	color: var(--tahado-text);
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--tahado-on-dark);
}

.woocommerce-checkout button#place_order {
	width: 100%;
	padding: 1rem;
	font-size: 1rem;
	font-weight: 600;
}

/**
 * إشعارات WooCommerce.
 * تخطيط flex يضبط المسافة بين الأيقونة (::before من ووكومرس) والنص،
 * ويعيد زر «تراجع» (wc-forward) الذي يطفوه ووكومرس بهوامش سالبة
 * فوق الأيقونة والنص إلى نهاية السطر المقابلة.
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
	border: none;
	border-radius: var(--tahado-radius-sm);
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
	font-weight: 500;
}

.woocommerce-message,
.woocommerce-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.65rem;
}

/* الأيقونة النصية تصبح عنصر صف ثابتًا بدل المواضع القديمة
   المبنية على border-top المحذوف في تصميمنا. */
.woocommerce-message::before,
.woocommerce-info::before {
	position: static;
	margin: 0;
	line-height: 1;
	flex: none;
}

.woocommerce-message {
	background: rgb(var(--tahado-purple-rgb) / 0.08);
	color: var(--tahado-purple-deep);
	border-inline-start: 4px solid var(--tahado-purple);
}

.woocommerce-info {
	background: rgb(var(--tahado-gold-rgb) / 0.08);
	color: var(--tahado-gold-deep);
	border-inline-start: 4px solid var(--tahado-gold);
}

.woocommerce-error {
	background: rgba(176, 0, 32, 0.06);
	color: #b00020;
	border-inline-start: 4px solid #b00020;
}

/* إشعار الخطأ قائمة <ul>: أيقونة ::before من ووكومرس مطلقة الموضع
   في بداية السطر (right: 18px بالـRTL) والقاعدة الثابتة أعلاه شملت
   message/info فقط — نحجز عمود بداية السطر للنص كي لا يتراكب مع
   الأيقونة، ونُبطل نقاط القائمة الزائدة. */
.woocommerce-error {
	list-style: none;
	padding-inline-start: 3.2em;
}

/* زر «تراجع» وغيره: بلا تعويم، يُدفع لطرف السطر المقابل
   بنافذة لمس مريحة ≥44px.
   ملاحظة WC 11: رابط التراجع في إشعار الإزالة صار
   class="restore-item" بلا .button — نضعفه صراحةً. */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-message a.restore-item {
	float: none;
	order: 2;
	margin: 0;
	margin-inline-start: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px; /* px لا rem — خط الجذر المتجاوب يصغّر rem على الموبايل. */
	background: var(--tahado-purple);
	color: #fff;
	border-radius: var(--tahado-radius-pill);
	padding: 0.55rem 1.25rem;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message a.restore-item:hover {
	background: var(--tahado-purple-deep);
	color: #fff;
}

/**
 * صفحة حسابي.
 */
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 1rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--tahado-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
	border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.75rem 0.5rem;
	color: var(--tahado-text);
	font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
	color: var(--tahado-purple);
	font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	padding: 1.5rem;
}

/**
 * ============================================================
 * تجاوز ألوان Blocksy الافتراضية (إزالة كل الأزرق).
 *
 * Blocksy يستخدم أزرقًا (#2271b1 / #1e73be / #135e96) في روابط
 * المنتجات، أزرار AJAX، شارات التخفيض، الإشعارات، وروابط الترقيم.
 * نستبدلها كلها بألوان الهوية (زيتوني/ذهبي/حبر).
 * !important ضروري هنا لأن Blocksy يحمّل أنماطه بخصوصية عالية.
 * ============================================================
 */

/* روابط المنتجات والعناوين داخل الحلقة.
   نستثني أزرار السلة الدائرية والإجراءات السريعة حتى تبقى ألوانها الخاصة. */
.woocommerce-page .products li.product .woocommerce-loop-product__title a,
.woocommerce-page .products li.product a:not(.button):not(.added_to_cart):not(.tahado-quick-action),
.woocommerce .product_list_widget a,
.woocommerce ul.product_list_widget li a,
.woocommerce ul.products li.product h2 a,
.woocommerce ul.products li.product .woocommerce-loop-product__title a {
    color: var(--tahado-text) !important;
}

.woocommerce-page .products li.product .woocommerce-loop-product__title a:hover,
.woocommerce-page .products li.product a:not(.button):not(.added_to_cart):not(.tahado-quick-action):hover,
.woocommerce .product_list_widget a:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce ul.products li.product h2 a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
    color: var(--tahado-purple) !important;
}

/* روابط عامة داخل منطقة المحتوى فقط — حصر النطاق يحمي روابط
   الهيدر/الفوتر/الدرج من أن تصبح زيتونية على خلفية زيتونية.
   restore-item مستثناة: نص زر «تراجع» أبيض فوق حبة بنفسجية،
   ولو ورثت البنفسجي هنا لاختفى النص فوق خلفيته البنفسجية. */
.woocommerce-page .site-main a:not(.button):not(.added_to_cart):not(.single_add_to_cart_button):not(.checkout-button):not(.remove):not(.restore-item) {
    color: var(--tahado-purple);
}

.woocommerce-page .site-main a:not(.button):not(.added_to_cart):not(.single_add_to_cart_button):not(.checkout-button):not(.remove):not(.restore-item):hover {
    color: var(--tahado-purple-deep);
}

/* زر "عرض السلة" بعد إضافة AJAX — كان أزرقًا افتراضيًا. */
.woocommerce a.added_to_cart {
    background: var(--tahado-gold) !important;
    color: #fff !important;
    border-radius: var(--tahado-radius-pill) !important;
    padding: 0.4rem 0.9rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    margin-top: 0.5rem;
}

.woocommerce a.added_to_cart:hover {
    background: var(--tahado-gold-deep) !important;
    color: #fff !important;
}

/* شارة التخفيض الافتراضية WC (تظهر في صفحة المنتج الفردي). */
.woocommerce span.onsale {
	background: #C0392B !important;
	color: #fff !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	font-size: 0.78rem !important;
	padding: 0.25rem 0.6rem !important;
	min-height: auto !important;
	line-height: 1.3 !important;
	z-index: 4 !important;
}

/* روابط الترقيم — تتجاوز أزرق Blocksy. */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color: var(--tahado-text) !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff !important;
}

/* أزرار عربة التسوق العائمة التي قد تأتي بأزرق. */
.woocommerce .widget_shopping_cart_content .buttons a,
.woocommerce .widget_shopping_cart_content .buttons a.checkout {
    background: var(--tahado-purple) !important;
    color: #fff !important;
    border-radius: var(--tahado-radius-pill) !important;
}

.woocommerce .widget_shopping_cart_content .buttons a:hover {
    background: var(--tahado-purple-deep) !important;
}

/* عناوين الودجات بلون الهوية بدل الأزرق. */
.woocommerce .widget .widget-title,
.woocommerce .widget .widgettitle,
.widget.woocommerce .widget-title {
    color: var(--tahado-text) !important;
    font-family: var(--tahado-font-heading) !important;
    border-bottom-color: var(--tahado-line) !important;
}

/* ألوان أسعار المنتجات داخل الودجات. */
.woocommerce .widget_shopping_cart_content .product_list_widget .amount,
.woocommerce .widget_products .product_list_widget .amount,
.woocommerce .widget_top_rated_products .product_list_widget .amount,
.woocommerce .widget_recently_viewed_products .product_list_widget .amount,
.woocommerce.widget_recent_reviews .product_list_widget .amount,
.woocommerce.widget_shopping_cart .product_list_widget .amount {
    color: var(--tahado-purple) !important;
}

/**
 * إشعارات WooCommerce — تجاوز الأزرق في woocommerce-info.
 * (موجودة أعلاه لكن نؤكد اللون هنا لتجاوز Blocksy.)
 */
.woocommerce-info::before,
.woocommerce-message::before {
    color: var(--tahado-purple) !important;
}

/**
 * قائمة منسدلة للترتيب — إزالة لون أزرق التركيز.
 */
.woocommerce .woocommerce-ordering select:focus {
    border-color: var(--tahado-purple) !important;
    box-shadow: 0 0 0 2px rgb(var(--tahado-purple-rgb) / 0.15) !important;
}

/**
 * أيقونات السلة في الهيدر التي قد تأتي بأزرق.
 */
.ct-cart-content .ct-cart-total,
.ct-header-cart .ct-cart-total {
    color: var(--tahado-purple) !important;
}

/**
 * استجابة.
 */
@media (max-width: 64em) {
	.woocommerce ul.products {
		grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
	}

	.woocommerce-cart form.woocommerce-cart-form,
	.woocommerce-cart .cart-collaterals {
		width: 100%;
		float: none;
	}

	.woocommerce-checkout form.checkout .col2-set,
	.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
		width: 100%;
		float: none;
	}
}

@media (max-width: 48em) {
	/* شبكة المنتجات عمودين على الموبايل. */
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 0.9rem;
		padding: 0.75rem 0.75rem 0.4rem;
		min-height: 2.5rem;
	}

	.woocommerce ul.products li.product .price {
		font-size: 1.05rem;
		padding: 0 0.75rem;
	}

	/* أزرار بطاقات المنتج لا تُعاد هنا — شريط الزر بعرض البطاقة
		من tahado-theme.css يعمل على كل المقاسات (كانت هذه القاعدة
		تشوّه الزر بهوامش وحشو متضاربة). */

	.woocommerce nav.woocommerce-pagination ul li a,
	.woocommerce nav.woocommerce-pagination ul li span {
		min-width: 2.25rem;
		height: 2.25rem;
		font-size: 0.9rem;
	}
}

/**
 * ============================================================
 * الشريط الجانبي للفلاتر المخصّص (صفحة المتجر).
 *
 * الماركب يأتي من tahado_open_shop_layout() في inc/woocommerce.php:
 * .tahado-shop-layout > (.tahado-shop-filters-toggle + .tahado-shop-sidebar__backdrop
 *                        + aside.tahado-shop-aside > .tahado-shop-sidebar + .tahado-shop-main)
 * ============================================================
 */

.tahado-shop-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 2.5rem;
	align-items: start;
}

.tahado-shop-main {
	min-width: 0;
}

/* زر "الفلاتر" — للموبايل فقط. */
.tahado-shop-filters-toggle {
	display: none;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1.25rem;
	padding: 0.65rem 1.25rem;
	font-family: var(--tahado-font-body);
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--tahado-purple);
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-purple);
	border-radius: 999px;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.tahado-shop-filters-toggle:hover {
	background: var(--tahado-purple);
	color: #fff;
}

/* خلفية تعتيم درج الفلاتر (موبايل). */
.tahado-shop-sidebar__backdrop {
	position: fixed;
	inset: 0;
	z-index: 110;
	display: none;
	border: none;
	padding: 0;
	background: rgb(var(--tahado-ink-rgb) / 0.55);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
	-webkit-tap-highlight-color: transparent;
}

/* بطاقة الشريط الجانبي — ثابتة أثناء التمرير على سطح المكتب. */
.tahado-shop-sidebar {
	position: sticky;
	top: 8.5rem;
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius);
	box-shadow: 0 6px 24px rgb(var(--tahado-purple-rgb) / 0.06);
	overflow: hidden;
}

body.admin-bar .tahado-shop-sidebar {
	top: calc(8.5rem + 32px);
}

@media (max-width: 782px) {
	body.admin-bar .tahado-shop-sidebar {
		top: calc(8.5rem + 46px);
	}
}

.tahado-shop-sidebar__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 1.25rem;
	background: var(--tahado-purple-deep);
	color: var(--tahado-on-dark);
}

.tahado-shop-sidebar__title {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--tahado-font-heading);
	font-size: 1rem;
	font-weight: 600;
}

.tahado-shop-sidebar__title::before {
	content: "";
	width: 18px;
	height: 18px;
	background-color: var(--tahado-gold-light);
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") center/contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") center/contain no-repeat;
}

.tahado-shop-sidebar__close {
	display: none;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	cursor: pointer;
	color: var(--tahado-on-dark);
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	transition: background-color 0.2s ease;
}

.tahado-shop-sidebar__close:hover {
	background: rgba(255, 255, 255, 0.22);
}

.tahado-shop-sidebar__body {
	padding: 0.35rem 1.25rem 1.25rem;
}

/* مجموعة فلتر. */
.tahado-filter-group {
	padding-block: 1.1rem;
	border-bottom: 1px solid var(--tahado-line);
}

.tahado-filter-group:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.tahado-filter-group__title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 0.85rem;
	font-family: var(--tahado-font-heading);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--tahado-text);
}

/* شرطة ذهبية قيادية قبل عنوان المجموعة. */
.tahado-filter-group__title::before {
	content: "";
	flex-shrink: 0;
	width: 3px;
	height: 1em;
	background: var(--tahado-gold);
	border-radius: 2px;
}

/* قائمة التصنيفات. */
.tahado-filter-list {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tahado-filter-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.45rem 0.5rem;
	font-size: 0.9rem;
	color: var(--tahado-text) !important;
	text-decoration: none;
	border-radius: var(--tahado-radius-pill);
	transition: background-color 0.18s ease, color 0.18s ease;
}

.tahado-filter-list a:hover {
	background: var(--tahado-surface-2);
	color: var(--tahado-purple) !important;
}

.tahado-filter-list li.is-active a {
	background: rgb(var(--tahado-purple-rgb) / 0.08);
	color: var(--tahado-purple) !important;
	font-weight: 700;
}

.tahado-filter-list__count {
	flex-shrink: 0;
	min-width: 1.5rem;
	padding: 0.1rem 0.4rem;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: var(--tahado-mute);
	background: var(--tahado-surface-2);
	border-radius: 999px;
}

.tahado-filter-list li.is-active .tahado-filter-list__count {
	color: var(--tahado-on-dark);
	background: var(--tahado-purple);
}

/* نطاق السعر. */
.tahado-price-range {
	margin: 0;
}

.tahado-price-range__fields {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 0.5rem;
}

.tahado-price-range__field {
	display: block;
	margin: 0;
}

.tahado-price-range__field input {
	width: 100%;
	height: 2.625rem;
	padding: 0 0.75rem;
	font-family: var(--tahado-font-body);
	font-size: 0.9rem;
	color: var(--tahado-text);
	background: var(--tahado-surface);
	border: 1px solid var(--tahado-line);
	border-radius: var(--tahado-radius-md);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	-moz-appearance: textfield;
	appearance: textfield;
}

.tahado-price-range__field input::-webkit-outer-spin-button,
.tahado-price-range__field input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.tahado-price-range__field input:focus {
	outline: none;
	border-color: var(--tahado-purple);
	box-shadow: 0 0 0 3px rgb(var(--tahado-purple-rgb) / 0.12);
}

.tahado-price-range__dash {
	color: var(--tahado-mute);
	user-select: none;
}

.tahado-price-range__btn {
	display: block;
	width: 100%;
	margin-top: 0.75rem;
	padding: 0.65rem 1rem;
	font-family: var(--tahado-font-body);
	font-size: 0.9rem;
	font-weight: 700;
	color: #fff !important;
	background: var(--tahado-purple);
	border: none;
	border-radius: var(--tahado-radius-pill);
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.tahado-price-range__btn:hover {
	background: var(--tahado-purple-deep);
}

.tahado-price-range__btn:active {
	transform: scale(0.98);
}

/* مفاتيح التوفّر (العروض فقط / المتوفر فقط). */
.tahado-toggle-list {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tahado-toggle {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.45rem 0.5rem;
	font-size: 0.9rem;
	color: var(--tahado-mute) !important;
	text-decoration: none;
	border-radius: var(--tahado-radius-pill);
	transition: background-color 0.18s ease, color 0.18s ease;
}

.tahado-toggle:hover {
	background: var(--tahado-surface-2);
	color: var(--tahado-text) !important;
}

.tahado-toggle__box {
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background: var(--tahado-surface);
	border: 1.5px solid var(--tahado-line);
	border-radius: 6px;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

.tahado-toggle__box::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	background-color: #fff;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/65% no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/65% no-repeat;
	transition: opacity 0.15s ease;
}

.tahado-toggle.is-on {
	color: var(--tahado-purple) !important;
	font-weight: 700;
}

.tahado-toggle.is-on .tahado-toggle__box {
	background: var(--tahado-purple);
	border-color: var(--tahado-purple);
}

.tahado-toggle.is-on .tahado-toggle__box::after {
	opacity: 1;
}

/* شرائح الفلاتر النشطة. */
.tahado-filter-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.1rem;
	padding-bottom: 1.1rem;
	border-bottom: 1px solid var(--tahado-line);
}

.tahado-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.7rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--tahado-gold-deep) !important;
	background: rgb(var(--tahado-gold-rgb) / 0.12);
	border: 1px solid rgb(var(--tahado-gold-rgb) / 0.3);
	border-radius: 999px;
	text-decoration: none;
	transition: background-color 0.18s ease;
}

.tahado-filter-chip:hover {
	background: rgb(var(--tahado-gold-rgb) / 0.22);
}

.tahado-filter-chip__x {
	flex-shrink: 0;
}

.tahado-filter-clear {
	margin-inline-start: auto;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--tahado-purple) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tahado-filter-clear:hover {
	color: var(--tahado-purple-deep) !important;
}

/* شريط أدوات نتائج المتجر (عدّاد + ترتيب) — تنظيف مظهر Blocksy. */
.tahado-shop-main .woocommerce-notices-wrapper:empty {
	display: none;
}

.tahado-shop-main .woocommerce-result-count {
	margin-bottom: 1rem;
}

/* ============================================================
   درج فلاتر الموبايل (≤ 991px) — الشريط يتحول لدرج منزلق.
   ============================================================ */

@media (max-width: 991px) {

	.tahado-shop-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.tahado-shop-filters-toggle {
		display: inline-flex;
	}

	.tahado-shop-sidebar__backdrop {
		display: block;
	}

	body.tahado-filters-open .tahado-shop-sidebar__backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	body.tahado-filters-open {
		overflow: hidden;
	}

	.tahado-shop-aside {
		position: fixed;
		top: 0;
		bottom: 0;
		inset-inline-start: 0;
		z-index: 120;
		width: min(340px, 88vw);
		background: var(--tahado-bg);
		box-shadow: 0 10px 40px rgb(var(--tahado-ink-rgb) / 0.25);
		transform: translateX(var(--tahado-filters-off, 105%));
		visibility: hidden;
		transition: transform 0.28s ease, visibility 0s linear 0.28s;
		overscroll-behavior: contain;
	}

	/* في LTR يكون الدرج على اليسار فيُزاح لليسار. */
	[dir="ltr"] .tahado-shop-aside {
		--tahado-filters-off: -105%;
	}

	body.tahado-filters-open .tahado-shop-aside {
		transform: translateX(0);
		visibility: visible;
		transition: transform 0.28s ease;
	}

	/* الدرج يتمرر داخلياً فوق كامل الارتفاع. */
	.tahado-shop-sidebar {
		position: static;
		height: 100%;
		overflow-y: auto;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	.tahado-shop-sidebar__close {
		display: grid;
	}
}

/**
 * ============================================================
 * فاصل بين بطاقات التصنيفات وبطاقات المنتجات.
 *
 * يُحقن عبر PHP (tahado_category_products_separator) كعنصر li
 * بعرض صف كامل داخل ul.products عندما يعرض ووكومرس المجموعتين معاً.
 * ============================================================
 */
.woocommerce ul.products li.tahado-loop-separator,
ul.products li.tahado-loop-separator {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0.25rem 0 0.5rem;
	padding: 0;
	list-style: none;
	background: transparent;
	border: none;
}

/* خطان متلاشيان على جانبي العنوان. */
.woocommerce ul.products li.tahado-loop-separator::before,
.woocommerce ul.products li.tahado-loop-separator::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(
		to left,
		transparent,
		var(--tahado-line) 15%,
		var(--tahado-line) 85%,
		transparent
	);
}

.tahado-loop-separator__label {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-family: var(--tahado-font-heading);
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--tahado-purple-deep);
	letter-spacing: 0.02em;
}

/* معين ذهبي صغير بجانب العنوان. */
.tahado-loop-separator__label::before {
	content: "";
	width: 7px;
	height: 7px;
	background: var(--tahado-gold);
	transform: rotate(45deg);
}

/* ===== شريط الشحن المجاني ===== */
.tahado-ship-bar{background:var(--tahado-surface-2);border:1px solid rgb(var(--tahado-gold-rgb) / 0.20);border-radius:var(--tahado-radius-sm);padding:1rem 1.25rem;margin-bottom:1.25rem}
.tahado-ship-bar__text{margin:0 0 .5rem;font-weight:500}.tahado-ship-bar__text strong{color:var(--tahado-purple)}
.tahado-ship-bar__text--done{color:var(--tahado-purple);font-weight:700}
.tahado-ship-bar__track{height:8px;border-radius:99px;background:var(--tahado-line);overflow:hidden}
.tahado-ship-bar__track span{display:block;height:100%;background:linear-gradient(90deg,var(--tahado-gold),var(--tahado-purple));border-radius:99px;transition:width .4s ease}
.tahado-ship-bar__track--done span{background:var(--tahado-purple)}