@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');

:root {
    --primary-emerald: #059669;
}

body { 
    font-family: 'Noto Kufi Arabic', sans-serif; 
    transition: background-color 0.3s, color 0.3s;
}

/* في ملف style.css */
aside, aside * {
    pointer-events: auto !important; /* السماح باللمس لكل ما داخل السايد بار */
}

/* التأكد أن نافذة الدخول تظهر فوق كل شيء */
.fixed.z-\[70\], .fixed.z-\[100\] {
    z-index: 9999 !important;
}

.fixed.z-\[70\] {
    display: flex !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

/* إجبار أي عنصر z-[9999] على الظهور التام */
.fixed.inset-0.z-\[9999\] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}



/* تخصيص السكرول بار */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

/* تنسيقات نصوص المواد القانونية */
.prose { color: #0f172a; max-width: none; } 
.dark .prose { color: #e2e8f0; }
.prose strong { color: #059669; } 
.dark .prose strong { color: #34d399; }

/* تأثيرات البطاقات */
.law-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.law-card:hover {
    transform: translateY(-4px);
}

/* إعدادات الوضع الليلي الافتراضية */
.dark body {
    background-color: #020617;
    color: #ffffff;
}

html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

/* تحسين شكل البطاقات في الجوال */
@media (max-width: 768px) {
    .grid {
        gap: 1rem !important;
    }
    header {
        padding: 0.75rem !important;
    }
}

/* ضمان تفاعل العناصر داخل السايد بار */
aside * {
    pointer-events: auto !important;
}

/* تحسين ظهور الأزرار في الجوال */
button:active {
    transform: scale(0.98);
}

/* حل مشكلة عدم استجابة الأزرار في السايد بار */
aside, aside * {
    pointer-events: auto !important;
}

/* التأكد من أن المودال (نافذة الدخول) تظهر فوق كل شيء */
.fixed.inset-0.z-\[70\] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* تأكد أن الحاوية لا تدفع المحتوى للأسفل */
.space-y-10 > :first-child {
    margin-top: 0 !important;
}

html, body {
    overscroll-behavior: none;
}

/* انتقال ناعم للثيم */
html, body, main, aside, header, div, button {
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}