/*
Theme Name: حار بارد
Theme URI: https://hotcold-co.com
Description: قالب متجر شركة حار بارد للتبريد والتكييف — ابنٌ لـTwenty Twenty-Five. الهوية أزرق #0D5CCB وذهبي #F3C300 (دليل الهوية v1.1)، عربيّ RTL، بلا خطوطٍ أو صورٍ من الشبكة.
Author: شركة حار بارد للتبريد والتكييف
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: harbarid
*/

/* ————————————————————————————————————————————————
   الرموز كلّها في theme.json. هنا ما لا يعبّر عنه theme.json وحده:
   تصحيحات اتجاهٍ وتفاصيل ووكوميرس.
   ———————————————————————————————————————————————— */

/* الأرقام لاتينية دائماً في الأسعار والكميات — الأرقام العربية-الهندية
   تختلط بالرمز وتصعّب المقارنة السريعة في قائمة منتجات. */
.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol,
.quantity input,
.order-total,
.wc-block-formatted-money-amount {
	font-family: var(--wp--preset--font-family--numeric);
	font-variant-numeric: tabular-nums;
	direction: ltr;
	unicode-bidi: embed;
}

/* السعر يقرأ يميناً-لِيَسار في نصٍّ عربي: نثبّت ترتيب الرقم ثم الرمز */
.woocommerce-Price-amount { display: inline-block; }

/* بطاقة المنتج: حدٌّ رفيع بدل الظلال — أهدأ وأوضح على خلفية فاتحة */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	padding: var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--base);
	transition: border-color .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
	border-color: var(--wp--preset--color--primary);
	transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
	.woocommerce ul.products li.product,
	.wc-block-grid__product { transition: none; }
	.woocommerce ul.products li.product:hover,
	.wc-block-grid__product:hover { transform: none; }
}

/* الأزرار: الذهبيّ خلفيةً ونصُّه داكن — لا يكون نصّاً على أبيض أبداً
   (تباينه على الأبيض 1.8:1 وهو دون 4.5:1). */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.wc-block-components-button:not(.is-link) {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-radius: 8px;
	font-weight: 600;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--primary-700);
	color: var(--wp--preset--color--base);
}
.harbarid-badge {                    /* شارة «عرض» أو «الأكثر طلباً» */
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent-900);
	border-radius: 999px;
	padding: 2px 10px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

/* التركيز مرئيٌّ دائماً — حلقةٌ ذهبية على أي عنصرٍ تفاعلي.
   (‏:where() خصوصيّتها صفر فلا تُستعمل هنا؛ سبق أن اختفت حلقة تركيزٍ لذلك.) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.wc-block-components-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
	border-radius: 6px;
}

/* حقول النموذج: حدٌّ واضح على خلفية فاتحة */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: 0.625rem 0.75rem;
}

/* الرسائل: لون الحالة على الحافّة البادئة — تعمل في RTL بلا انقلاب */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-inline-start: 4px solid var(--wp--preset--color--primary);
	background: var(--wp--preset--color--base-2);
	border-radius: 8px;
}
.woocommerce-error { border-inline-start-color: var(--wp--preset--color--danger); }
.woocommerce-message { border-inline-start-color: var(--wp--preset--color--ok); }

/* الجداول (السلة والطلب): صفوفٌ مقروءة بلا خطوطٍ كثيفة */
.woocommerce table.shop_table {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	border-collapse: separate;
	border-spacing: 0;
}
.woocommerce table.shop_table th { background: var(--wp--preset--color--base-2); }
.woocommerce table.shop_table td,
.woocommerce table.shop_table th { border-top: 1px solid var(--wp--preset--color--border); }