/* سمة المنظومة بهوية السوق: خط Cairo والأزرق الداكن (navy) نفسه في واجهة السوق.
 * تُحمَّل في المكتب (app_include_css) وفي صفحات الموقع ومنها الدخول (web_include_css).
 * تغيّر رموز الألوان فقط ولا تعيد رسم الشاشات، فتبقى سليمة عند ترقيات ERPNext 16.
 * الألوان من واجهة السوق: apps/storefront/src/app/colors.css (Parts brand: navy). */

@font-face {
	font-family: "Cairo";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(/assets/souq_connector/fonts/cairo-arabic.woff2) format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
		U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
	font-family: "Cairo";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(/assets/souq_connector/fonts/cairo-latin-ext.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F,
		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Cairo";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(/assets/souq_connector/fonts/cairo-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
		U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root,
[data-theme="light"] {
	--souq-navy: #26355f;
	--souq-navy-hover: #344270;
	--souq-navy-soft: #eaeef6;
	--souq-navy-faint: #f5f7fb;
	--souq-on-navy: #ffffff;

	--font-stack: "Cairo", "InterVariable", "Inter", -apple-system, "Segoe UI", sans-serif;

	--primary: var(--souq-navy);
	--primary-color: var(--souq-navy);
	--btn-primary: var(--souq-navy);
	--border-primary: var(--souq-navy);
	--checkbox-color: var(--souq-navy);
	--surface-sidebar: var(--souq-navy-faint);
	--focus-default: 0 0 0 2px rgba(30, 42, 74, 0.35);
}

[data-theme="dark"] {
	--souq-navy: #4a5f9e;
	--souq-navy-hover: #5b71b3;
	--souq-navy-soft: rgba(125, 141, 180, 0.22);
	--souq-on-navy: #ffffff;

	--primary: var(--souq-navy);
	--primary-color: var(--souq-navy);
	--btn-primary: var(--souq-navy);
	--border-primary: var(--souq-navy);
	--checkbox-color: var(--souq-navy);
	--focus-default: 0 0 0 3px rgba(125, 141, 180, 0.55);
}

/* الخط: بعض العناصر تثبّت خطها بنفسها */
body,
input,
select,
textarea,
button,
.btn,
.dropdown-menu,
.frappe-control,
.ql-editor {
	font-family: var(--font-stack);
}

/* الزر الأساسي: أزرق داكن بنص أبيض */
.btn.btn-primary,
.btn.btn-primary:focus {
	background-color: var(--btn-primary);
	color: var(--souq-on-navy);
	--icon-stroke: var(--souq-on-navy);
}
.btn.btn-primary:hover {
	background-color: var(--souq-navy-hover);
	color: var(--souq-on-navy);
}
.btn.btn-primary:active,
[data-theme="dark"] .btn.btn-primary:active {
	background-color: var(--souq-navy-hover) !important;
	color: var(--souq-on-navy) !important;
}

/* الشريط الجانبي: الصفحة الحالية بخلفية زرقاء خفيفة ونص داكن */
.active-sidebar {
	background: var(--souq-navy-soft);
	box-shadow: none;
}
.sidebar-item-container .active-sidebar .item-anchor,
.active-sidebar .item-anchor {
	color: var(--souq-navy);
	font-weight: 600;
}
[data-theme="dark"] .active-sidebar .item-anchor {
	color: #dfe5f3;
}

/* مربعات الاختيار المعلَّمة */
input[type="checkbox"]:checked {
	background-color: var(--souq-navy);
	border-color: var(--souq-navy);
}

/* الروابط داخل النماذج والقوائم */
.frappe-control a.control-value,
.like-disabled-input a,
.list-row .level-item a:hover {
	color: var(--souq-navy);
}
[data-theme="dark"] .frappe-control a.control-value,
[data-theme="dark"] .like-disabled-input a {
	color: #aab7d6;
}


/* خط Cairo أطول من Inter: أذيال الحروف (ل، ي، ى) تُقصّ في العناصر ذات السطر الضيق المقصوص.
 * نوسّع السطر في هذه العناصر فقط */
.es-breadcrumbs__label,
.ellipsis,
.list-row .level-item,
.list-row-col {
	line-height: 1.6;
}
.es-badge__label,
.indicator-pill {
	line-height: 1.45;
}
/* الشريط الجانبي وأسماء التطبيقات تثبّت ارتفاع السطر بقاعدة أدقّ، فنتجاوزها */
.sidebar-item-label,
.sidebar-item-label.header-title,
.icon-title {
	line-height: 1.6 !important;
}

/* أزرار Espresso الجديدة في v16 (es-button): الزر المصمت بالأزرق الداكن، وزر الحذف يبقى أحمر */
.es-button:not([data-theme="red"]):not(.btn-danger) {
	--bt-solid-bg: var(--souq-navy);
	--bt-solid-bg-hover: var(--souq-navy-hover);
	--bt-solid-bg-active: var(--souq-navy-hover);
	--bt-solid-fg: var(--souq-on-navy);
}