/* ===== MINIMAL CUSTOM STYLES (Tailwind handles most) ===== */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #F9FAFB; 
}
/* Hide scrollbar but keep scroll */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html { margin-top: 0 !important; }
.cursor-wait { cursor: wait; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Pagination fixed layout */
.pagination-fixed {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Prose styles for SEO content */
.prose h1 { font-size: 1.75rem; font-weight: 800; margin-bottom: 1rem; color: #111827; }
.prose h2 { font-size: 1.35rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #1f2937; }
.prose h3 { font-size: 1.15rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; color: #374151; }
.prose p { margin-bottom: 1rem; line-height: 1.75; }
.prose ul, .prose ol { margin-bottom: 1rem; padding-left: 1.5rem; }
.prose li { margin-bottom: 0.25rem; }
.prose a { color: #007AFF; text-decoration: underline; }
.prose a:hover { color: #0056b3; }

/* Smooth animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp {
    animation: fadeInUp 0.5s ease forwards;
}

/* ===== RTL (Arabic) SUPPORT ===== */
[dir="rtl"] {
    font-family: 'Inter', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}

[dir="rtl"] .prose ul,
[dir="rtl"] .prose ol {
    padding-left: 0;
    padding-right: 1.5rem;
}

/* Flip fixed positioned elements */
[dir="rtl"] #flash-success,
[dir="rtl"] #flash-error {
    right: auto;
    left: 1rem;
}

/* Admin sidebar RTL */
[dir="rtl"] #sidebar {
    left: auto;
    right: 0;
    transform: translateX(100%);
}
[dir="rtl"] #sidebar.lg\:translate-x-0 {
    transform: translateX(0);
}
[dir="rtl"] .lg\:ml-64 {
    margin-left: 0;
}
@media (min-width: 1024px) {
    [dir="rtl"] #sidebar {
        transform: translateX(0);
    }
    [dir="rtl"] .lg\:ml-64 {
        margin-right: 16rem;
        margin-left: 0;
    }
}

/* Sidebar badge position RTL */
[dir="rtl"] .sidebar-badge {
    margin-left: 0;
    margin-right: auto;
}

/* Mobile drawer RTL */
[dir="rtl"] #mobile-drawer {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}
[dir="rtl"] #mobile-drawer.open {
    transform: translateX(0);
}

/* General RTL spacing fixes */
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }
[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .pl-10 { padding-left: 0.875rem; padding-right: 2.5rem; }
[dir="rtl"] .pr-9 { padding-right: 0.875rem; padding-left: 2.25rem; }

/* Text alignment for RTL */
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }