@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

html, body, .fi-body {
	font-family: "Tajawal", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/* primary palette (عدّل القيم لتناسب ألوان الشعار) */
:root {
	--primary-50: #eef2ff;
	--primary-100: #e0e7ff;
	--primary-200: #c7d2fe;
	--primary-300: #a5b4fc;
	--primary-400: #818cf8;
	--primary-500: #6366f1; /* اللون الأساسي */
	--primary-600: #4f46e5;
	--primary-700: #4338ca;
	--primary-800: #3730a3;
	--primary-900: #312e81;
}

/* تطبيق اللون الأساسي على عناصر Filament */
.fi-sidebar .fi-sidebar-item-active,
.fi-sidebar .fi-sidebar-item:hover {
	color: var(--primary-600);
}
.fi-topbar .fi-user-menu-button:hover {
	color: var(--primary-600);
}
.fi-ac-btn-primary,
.fi-ta-btn-primary,
.fi-fo-btn-primary {
	background-color: var(--primary-600) !important;
}
.fi-ac-btn-primary:hover,
.fi-ta-btn-primary:hover,
.fi-fo-btn-primary:hover {
	background-color: var(--primary-700) !important;
}

/* تحسينات بسيطة للمسافات في RTL */
[dir='rtl'] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 1;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Color Picker Styling */
input[data-color-picker="true"] {
	padding-right: 45px !important;
}

/* Force script loading */
script[src*="filament-color-picker"] {
	display: none !important;
}