/* توحيد الخطوط والأحجام - أمتار العقارية */
/* يُحمّل بعد CSS الرئيسي لضبط التناسق */

:root {
  --amtar-font: 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* توحيد الخط على كامل الموقع */
body, button, input, textarea, select, a, p, span, div, h1, h2, h3, h4, h5, h6, li {
  font-family: var(--amtar-font);
}

/* تنعيم الخطوط */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ===== توحيد أحجام الجوال ===== */
@media (max-width: 1023px) {
  /* أحجام العناوين متناسقة */
  h1 { font-size: 1.5rem !important; line-height: 1.4 !important; }
  h2 { font-size: 1.25rem !important; line-height: 1.4 !important; }
  h3 { font-size: 1.125rem !important; line-height: 1.4 !important; }

  /* منع النصوص الكبيرة جداً على الجوال */
  .text-5xl, .text-6xl, .text-7xl {
    font-size: 1.875rem !important;
    line-height: 1.3 !important;
  }
  .text-4xl { font-size: 1.5rem !important; line-height: 1.3 !important; }
  .text-3xl { font-size: 1.375rem !important; line-height: 1.35 !important; }

  /* منع النصوص الصغيرة جداً */
  .text-xs { font-size: 0.75rem !important; }

  /* البطاقات لا تتجاوز عرض الشاشة */
  img { max-width: 100%; height: auto; }
}

/* ===== ضمان عدم اختفاء المحتوى خلف الهيدر ===== */
/* احتياط إضافي: المحتوى الرئيسي له هامش علوي على الصفحات غير الرئيسية */
main { scroll-margin-top: 96px; }

/* منع التمرير الأفقي (مشكلة شائعة على الجوال) */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* الأزرار والحقول بحجم لمس مريح على الجوال */
@media (max-width: 1023px) {
  button, a.btn, .btn, input[type="submit"] {
    min-height: 40px;
  }
}