/* =========================================================
   نظام الهوية البصرية — متجر الفحص السريع
   يعالج: الخط · السلّم الطباعي · الأسعار · الأزرار ·
          أهداف اللمس · لوحة الألوان · صور المنتجات · الإيقاع
   ========================================================= */

:root {
	--fs-blue: #1c61e7;
	--fs-blue-dark: #1450c4;
	--fs-ink: #1f2937;   /* نص أساسي — تباين 12.6:1 */
	--fs-muted: #5b6470; /* نص ثانوي — تباين 6.4:1 (كان A5A5A5 بتباين 2.46) */
	--fs-line: #e5e7eb;
	--fs-radius: 8px;
}

/* ---------- 1) الخط: عائلة عربية واحدة ---------- */
body,
input, select, textarea, button,
h1, h2, h3, h4, h5, h6,
p, a, li, td, th, label, blockquote, figcaption,
.wd-entities-title,
.price, .amount, .woocommerce-Price-amount,
.info-box-title, .info-box-inner,
.wd-nav a, .widget, .widgettitle,
.button, .btn, .elementor-button,
.elementor-heading-title,
.elementor-widget-text-editor,
.woocommerce-breadcrumb,
.product_meta,
.entry-content,
.title, .wd-tools-text, .wd-dropdown a, .wd-sub-menu a,
.cart-widget-side .widget-title, .wd-cart-subtotal {
	font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}

/* رمز الريال له خط خاص — لا يُمس */
.woocommerce-Price-currencySymbol {
	font-family: 'gulf-currencies', 'Cairo', sans-serif !important;
}

/* ---------- 2) السلّم الطباعي ---------- */
body {
	font-size: 16px;
	line-height: 1.75;
	color: var(--fs-ink);
}

h1, .page-title, .wd-page-title h1 { font-size: 32px; line-height: 1.4; font-weight: 700; }
h2 { font-size: 25px; line-height: 1.45; font-weight: 700; }
h3 { font-size: 20px; line-height: 1.5; font-weight: 600; }
h4, .info-box-title { font-size: 18px; line-height: 1.5; font-weight: 600; }

.entry-content p, .term-description p { font-size: 16px; line-height: 1.9; }

/* عناوين إيليمنتور: كانت ترث 12px لأن التنسيق كان على وسم داخلي */
.elementor-widget-heading h1.elementor-heading-title {
	font-size: 30px !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
}

.elementor-widget-heading h2.elementor-heading-title {
	font-size: 25px !important;
	line-height: 1.45 !important;
	font-weight: 700 !important;
}

.elementor-widget-heading h3.elementor-heading-title {
	font-size: 20px !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
}

@media (max-width: 768px) {
	.elementor-widget-heading h1.elementor-heading-title { font-size: 24px !important; }
	.elementor-widget-heading h2.elementor-heading-title { font-size: 21px !important; }
}

/* ---------- 3) الأسعار: العنصر التجاري الأهم ---------- */
.price,
.price .amount,
.woocommerce-Price-amount {
	font-weight: 700 !important;
	color: var(--fs-blue) !important;
}

.product-grid-item .price,
.wd-product .price {
	font-size: 19px !important;
	line-height: 1.4;
}

.single-product .summary > .price,
.single-product .summary > .price .amount {
	font-size: 30px !important;
	line-height: 1.3;
}

/* السعر القديم المشطوب: أصغر ورمادي، لا ينافس السعر الحالي.
   ملاحظة: لا تُستخدم em على الأب والابن معاً وإلا تضاعف التصغير. */
.price del {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--fs-muted) !important;
	opacity: 1;
}

.price del .amount,
.price del .woocommerce-Price-currencySymbol,
.price del bdi {
	font-size: inherit !important;
	font-weight: 400 !important;
	color: inherit !important;
}

/* ---------- 4) الأزرار: نمط واحد ---------- */
.button,
button:not(.wd-tools-element):not(.close),
.btn,
input[type="submit"],
.elementor-button,
.single_add_to_cart_button,
.wd-buy-now-btn,
.added_to_cart {
	border-radius: var(--fs-radius) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	min-height: 46px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color .18s ease;
}

.button.alt,
.single_add_to_cart_button,
.wd-buy-now-btn,
.btn-color-primary,
.elementor-button {
	background-color: var(--fs-blue) !important;
	color: #fff !important;
	border-color: var(--fs-blue) !important;
}

.button.alt:hover,
.single_add_to_cart_button:hover,
.wd-buy-now-btn:hover,
.btn-color-primary:hover,
.elementor-button:hover {
	background-color: var(--fs-blue-dark) !important;
	border-color: var(--fs-blue-dark) !important;
}

/* زر الشراء في صفحة المنتج: أبرز عنصر في الصفحة.
   نرفع التخصيص لأن غلاف الزر في القالب يفرض ارتفاعاً خاصاً به. */
.single_add_to_cart_button.button.alt,
body.single-product .single_add_to_cart_button.button {
	min-height: 54px !important;
	font-size: 17px !important;
}

/* عنوان المنتج: القالب يستخدم ثلاث فئات فيتفوّق على المحدد العام */
h1.product_title,
h1.entry-title,
body.single-product h1.wd-entities-title {
	font-size: 30px !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
	color: var(--fs-ink) !important;
}

/* ---------- 5) لوحة الألوان: إصلاح التباين ---------- */
.wd-product-brands, .wd-product-brands a,
.woocommerce-breadcrumb, .woocommerce-breadcrumb a,
.product_meta, .product_meta a,
.wd-post-date, .post-date,
.woocommerce-product-details__short-description,
small, .wd-entry-meta {
	color: var(--fs-muted) !important;
}

/* ---------- 6) صور المنتجات: خلفية موحّدة ---------- */
.product-grid-item .product-image-link,
.wd-product .product-image-link,
.woocommerce-product-gallery__image {
	background-color: #fff;
}

.product-grid-item .product-image-link img,
.wd-product .product-image-link img {
	object-fit: contain;
	background-color: #fff;
	padding: 6px;
}

/* ---------- 7) الإيقاع: إزالة الهامش السالب ---------- */
.elementor > .e-con:first-child,
.elementor > .elementor-section:first-child {
	margin-top: 0 !important;
}

/* ---------- 8) الجوال: أهداف لمس 44px ونصوص مقروءة ---------- */
@media (max-width: 768px) {
	body { font-size: 16px; }

	.wd-tools-element,
	.wd-header-mobile-nav > a,
	.mobile-nav a,
	.wd-nav-mobile a,
	.page-numbers,
	.wd-buttons > a,
	.wd-action-btn > a {
		min-height: 44px;
		min-width: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* استثناء الشريط السفلي: عناصره كتل والرابط داخلها يملأ عرض الخانة،
	   والعنوان موضوع فوقه بـ position:absolute مع inset-inline:10px.
	   تحويل العنصر إلى flex يقلّص الرابط لعرض الأيقونة (40px)
	   فيبقى للعنوان 20px ويُقصّ بـ ellipsis. الرابط ارتفاعه 45px أصلاً
	   فهدف اللمس سليم بدونها. */
	.wd-toolbar .wd-tools-element {
		display: block;
		min-width: 0;
	}

	.product-grid-item .button,
	.add-to-cart-loop,
	.wd-add-btn > a,
	.button,
	.single_add_to_cart_button {
		min-height: 46px !important;
	}

	.product-grid-item .wd-entities-title,
	.wd-product .wd-entities-title {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	.wd-product-brands,
	.wd-product-brands a,
	.wd-product-brands-links,
	.wd-product-brands-links a,
	.product-grid-item .price,
	.wd-product .price {
		font-size: 14px !important;
	}

	.price del { font-size: 13px !important; }

	/* أزرار الكمية: عرضها 25px فقط */
	.quantity .minus, .quantity .plus,
	.wd-qty-btn, .quantity input.qty {
		min-width: 40px !important;
		min-height: 44px !important;
	}

	h1, .page-title { font-size: 26px; }
	h2 { font-size: 22px; }
	h3 { font-size: 19px; }

	.single-product .summary > .price,
	.single-product .summary > .price .amount { font-size: 26px !important; }
}