/* تخصيصات وتنسيقات منصة «المعرض» - السوق العربي المتكامل */

/* الخط يُحمَّل من index.html عبر رابط اختياري لا يمنع العرض.
   إن لم يتوفر (بدون إنترنت) تستخدم القائمة التالية خطوط النظام العربية. */
:root {
  --primary-color: #0d9488; /* teal-600 */
  --primary-dark: #0f766e;  /* teal-700 */
  --primary-light: #ccfbf1; /* teal-100 */
  --accent-gold: #f59e0b;   /* amber-500 */
  --surface-bg: #f8fafc;    /* slate-50 */
  --font-ar: 'Cairo', 'Segoe UI', Tahoma, 'Noto Sans Arabic', 'Dubai', 'Geeza Pro', 'Arabic Typesetting', system-ui, sans-serif;
}

html {
  font-family: var(--font-ar);
}

body {
  font-family: var(--font-ar);
  direction: rtl;
  text-align: right;
  background-color: #f8fafc;
  color: #1e293b;
  -webkit-font-smoothing: antialiased;
}

/* تحسين شريط التمرير */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* تأثيرات التمرير الناعمة */
.transition-all-smooth {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* تأثير التكبير عند التحويم للبطاقات */
.product-card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1);
}

/* خلفية زجاجية أنيقة */
.glass-effect {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* تأثير النبض للمنتجات المميزة */
@keyframes pulse-subtle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.02); }
}
.badge-featured {
  animation: pulse-subtle 2.5s infinite ease-in-out;
}

/* التبديل بين التبويبات والصفحات بدون وميض */
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
  animation: fadeIn 0.25s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* شارات الحالة */
.badge-condition-new {
  background-color: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.badge-condition-used {
  background-color: #f0fdfa;
  color: #0f766e;
  border: 1px solid #99f6e4;
}
.badge-condition-refurbished {
  background-color: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
}

/* محاذاة الأيقونات مع النصوص العربية */
.inline-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* طبقة المودال */
.modal-backdrop {
  background-color: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
}