/**
 * Site-specific Styles
 * تنسيقات خاصة بالموقع
 * 
 * ملاحظة: معظم التنسيقات موجودة في ملفات نظام التصميم
 * هذا الملف للتنسيقات الخاصة جداً بالموقع فقط
 */

/* ==========================================
   SITE-SPECIFIC OVERRIDES
   ========================================== */

/* تأكد من أن body يأخذ الارتفاع الكامل */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* تحسين التمرير */
html {
  scroll-behavior: smooth;
}

/* تحسين عرض الصور */
img {
  max-width: 100%;
  height: auto;
}

/* تحسين عرض الجداول على الشاشات الصغيرة */
@media (max-width: 768px) {
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* تحسين الطباعة */
@media print {
  .no-print {
    display: none !important;
  }
  
  body {
    background: white;
  }
  
  .card {
    border: 1px solid #ddd;
    box-shadow: none;
    page-break-inside: avoid;
  }
}

/* تحسين التركيز للوصول */
*:focus {
  outline-color: var(--color-primary-main);
  outline-offset: 2px;
}

/* إخفاء عناصر معينة عند الطباعة */
@media print {
  header, footer, .navbar, .btn, .form-control {
    display: none !important;
  }
}