/* Academy Customization CSS */
/* This file contains all academy-specific styling for fonts and colors */

/* Academy Font Variables */
:root {
    --academy-body-font: 'Tajawal', 'Cairo', sans-serif;
    --academy-headings-font: 'Changa', 'Cairo', sans-serif;
    --academy-navigation-font: 'Tajawal', 'Cairo', sans-serif;
    
    /* Academy Color Variables */
    --academy-primary-color: #6366f1;
    --academy-secondary-color: #8b5cf6;
    --academy-gradient: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);
    --academy-hover-bg: rgba(99, 102, 241, 0.1);
    
    /* Academy Text Colors */
    --academy-text-color: #374151;
    --academy-heading-color: #111827;
    --academy-nav-text-color: #374151;
    --academy-nav-hover-color: #1f2937;
    
    /* Dynamic Button Colors - حل مشكلة الألوان الديناميكية */
    --academy-button-primary: var(--academy-primary-color);
    --academy-button-primary-hover: color-mix(in srgb, var(--academy-primary-color) 85%, black);
    --academy-button-secondary: var(--academy-secondary-color);
    --academy-button-secondary-hover: color-mix(in srgb, var(--academy-secondary-color) 85%, black);
    --academy-button-success: #10b981;
    --academy-button-success-hover: #059669;
    --academy-button-danger: #ef4444;
    --academy-button-danger-hover: #dc2626;
    --academy-button-warning: #f59e0b;
    --academy-button-warning-hover: #d97706;
    --academy-button-info: #3b82f6;
    --academy-button-info-hover: #2563eb;
    
    /* Dynamic Background Colors */
    --academy-bg-primary: color-mix(in srgb, var(--academy-primary-color) 10%, white);
    --academy-bg-secondary: color-mix(in srgb, var(--academy-secondary-color) 10%, white);
    --academy-bg-success: #f0fdf4;
    --academy-bg-danger: #fef2f2;
    --academy-bg-warning: #fffbeb;
    --academy-bg-info: #eff6ff;
    
    /* Dynamic Text Colors */
    --academy-text-primary: var(--academy-primary-color);
    --academy-text-secondary: var(--academy-secondary-color);
    --academy-text-success: #059669;
    --academy-text-danger: #dc2626;
    --academy-text-warning: #d97706;
    --academy-text-info: #2563eb;
}

/* Font Loading Optimization */
/* Cairo font is loaded via Google Fonts in layout - no local @font-face needed */

/* Base Font Application */
html, body {
    font-family: var(--academy-body-font) !important;
    /* color: var(--academy-text-color); */ /* معطلة لأنها تؤثر على كل العناصر */
}

/* Headings Font */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--academy-headings-font) !important;
    color: var(--academy-heading-color);
}

/* Navigation Font */
.nav-item, .sidebar a, .navbar a, .menu-item {
    font-family: var(--academy-navigation-font) !important;
    color: var(--academy-nav-text-color);
}

.nav-item:hover {
    color: var(--academy-nav-hover-color);
    background: var(--academy-hover-bg);
}

/* Form Elements - معطلة جزئياً */
input, textarea, select {
    font-family: var(--academy-body-font) !important;
}

label:not([style*="color"]):not([class*="text-"]) {
    font-family: var(--academy-body-font) !important;
    color: var(--academy-text-color);
}

/* Buttons - معطلة تماماً */
/* button:not([style*="color"]):not([class*="text-"]):not([class*="btn-"]):not(.inline-flex) {
    font-family: var(--academy-body-font) !important;
    color: var(--academy-text-color);
} */

::placeholder {
    opacity: 0.7;
}

/* Academy Color Classes */
.academy-primary-bg {
    background-color: var(--academy-primary-color);
}

.academy-secondary-bg {
    background-color: var(--academy-secondary-color);
}

.academy-gradient-bg {
    background: var(--academy-gradient);
}

.academy-gradient-bg h3,
.academy-gradient-bg h1,
.academy-gradient-bg h2,
.academy-gradient-bg h4,
.academy-gradient-bg h5,
.academy-gradient-bg h6 {
    color: white !important;
}

.academy-gradient-bg p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Additional specificity for text-white classes */
.academy-gradient-bg .text-white {
    color: white !important;
}

.academy-gradient-bg .text-white\/80 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.academy-primary-text {
    color: var(--academy-primary-color);
}

.academy-primary-border {
    border-color: var(--academy-primary-color);
}

/* Button Styling */
.btn-primary {
    background: var(--academy-gradient);
    border-color: var(--academy-primary-color);
    color: white;
}

.btn-primary:hover {
    background: var(--academy-primary-color);
    opacity: 0.9;
}

/* Dynamic Button Classes - حل مشكلة الألوان الديناميكية */
.btn-academy-primary {
    background-color: var(--academy-button-primary) !important;
    border-color: var(--academy-button-primary) !important;
    color: white !important;
}

.btn-academy-primary:hover {
    background-color: var(--academy-button-primary-hover) !important;
    border-color: var(--academy-button-primary-hover) !important;
    color: white !important;
}

.btn-academy-secondary {
    background-color: var(--academy-button-secondary) !important;
    border-color: var(--academy-button-secondary) !important;
    color: white !important;
}

.btn-academy-secondary:hover {
    background-color: var(--academy-button-secondary-hover) !important;
    border-color: var(--academy-button-secondary-hover) !important;
    color: white !important;
}

.btn-academy-success {
    background-color: var(--academy-button-success) !important;
    border-color: var(--academy-button-success) !important;
    color: white !important;
}

.btn-academy-success:hover {
    background-color: var(--academy-button-success-hover) !important;
    border-color: var(--academy-button-success-hover) !important;
    color: white !important;
}

.btn-academy-danger {
    background-color: var(--academy-button-danger) !important;
    border-color: var(--academy-button-danger) !important;
    color: white !important;
}

.btn-academy-danger:hover {
    background-color: var(--academy-button-danger-hover) !important;
    border-color: var(--academy-button-danger-hover) !important;
    color: white !important;
}

.btn-academy-warning {
    background-color: var(--academy-button-warning) !important;
    border-color: var(--academy-button-warning) !important;
    color: white !important;
}

.btn-academy-warning:hover {
    background-color: var(--academy-button-warning-hover) !important;
    border-color: var(--academy-button-warning-hover) !important;
    color: white !important;
}

.btn-academy-info {
    background-color: var(--academy-button-info) !important;
    border-color: var(--academy-button-info) !important;
    color: white !important;
}

.btn-academy-info:hover {
    background-color: var(--academy-button-info-hover) !important;
    border-color: var(--academy-button-info-hover) !important;
    color: white !important;
}

/* Dynamic Background Classes */
.bg-academy-primary {
    background-color: var(--academy-bg-primary) !important;
}

.bg-academy-secondary {
    background-color: var(--academy-bg-secondary) !important;
}

.bg-academy-success {
    background-color: var(--academy-bg-success) !important;
}

.bg-academy-danger {
    background-color: var(--academy-bg-danger) !important;
}

.bg-academy-warning {
    background-color: var(--academy-bg-warning) !important;
}

.bg-academy-info {
    background-color: var(--academy-bg-info) !important;
}

/* Dynamic Text Classes */
.text-academy-primary {
    color: var(--academy-text-primary) !important;
}

.text-academy-secondary {
    color: var(--academy-text-secondary) !important;
}

.text-academy-success {
    color: var(--academy-text-success) !important;
}

.text-academy-danger {
    color: var(--academy-text-danger) !important;
}

.text-academy-warning {
    color: var(--academy-text-warning) !important;
}

.text-academy-info {
    color: var(--academy-text-info) !important;
}

/* Form Focus States */
input:focus, textarea:focus, select:focus {
    border-color: var(--academy-primary-color);
    box-shadow: 0 0 0 3px var(--academy-hover-bg);
}

/* Links - معطلة لأنها تؤثر على الروابط ذات الخلفية */
/* a:not([style*="background-color"]):not([class*="bg-"]):not([class*="btn"]):not(.inline-flex) {
    color: var(--academy-primary-color);
}

a:not([style*="background-color"]):not([class*="bg-"]):not([class*="btn"]):not(.inline-flex):hover {
    color: var(--academy-secondary-color);
} */


/* Badges and Tags */
.badge-primary {
    background-color: var(--academy-primary-color);
    color: white;
}

.badge-secondary {
    background-color: var(--academy-secondary-color);
    color: white;
}

/* Progress Bars */
.progress-bar {
    background: var(--academy-gradient);
}

/* Tabs */
.tab-active {
    background: var(--academy-primary-color);
    color: white;
}

.tab:hover {
    background: var(--academy-hover-bg);
}

/* Checkboxes and Radio Buttons */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--academy-primary-color);
    border-color: var(--academy-primary-color);
}

/* Tables - الألوان معطلة */
table, th, td {
    font-family: var(--academy-body-font) !important;
}

/* Cards and Panels - الألوان معطلة */
.card, .panel, .widget {
    font-family: var(--academy-body-font) !important;
}

/* Modals and Popups - الألوان معطلة */
.modal, .popup, .dropdown, .tooltip {
    font-family: var(--academy-body-font) !important;
}

/* Alerts and Notifications - الألوان معطلة */
.alert, .notification, .toast, .message {
    font-family: var(--academy-body-font) !important;
}

/* Breadcrumbs - الألوان معطلة */
.breadcrumb, .breadcrumb-item {
    font-family: var(--academy-navigation-font) !important;
}

/* Pagination - الألوان معطلة */
.pagination, .pagination-item {
    font-family: var(--academy-navigation-font) !important;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root {
        --academy-text-color: #d1d5db;
        --academy-heading-color: #f9fafb;
        --academy-nav-text-color: #d1d5db;
        --academy-nav-hover-color: #f9fafb;
    }
}

/* RTL Support */
[dir="rtl"] {
    font-family: var(--academy-body-font) !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, 
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
    font-family: var(--academy-headings-font) !important;
}

/* Print Styles */
@media print {
    * {
        font-family: var(--academy-body-font) !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: var(--academy-headings-font) !important;
    }
}

/* Override Static Colors with Dynamic Colors - حل مشكلة الألوان الثابتة */
/* استبدال الألوان الثابتة بألوان ديناميكية */

/* Blue Colors - تعطيل للسماح بألوان Tailwind */
/* .bg-blue-500, .bg-blue-600, .bg-blue-700 {
    background-color: var(--academy-button-primary) !important;
} */

.hover\:bg-blue-600:hover, .hover\:bg-blue-700:hover {
    background-color: var(--academy-button-primary-hover) !important;
}

.text-blue-600, .text-blue-700 {
    color: var(--academy-text-primary) !important;
}

.border-blue-500, .border-blue-600 {
    border-color: var(--academy-button-primary) !important;
}

/* Green Colors */
.bg-green-500, .bg-green-600, .bg-green-700 {
    background-color: var(--academy-button-success) !important;
}

.hover\:bg-green-600:hover, .hover\:bg-green-700:hover {
    background-color: var(--academy-button-success-hover) !important;
}

.text-green-600, .text-green-700 {
    color: var(--academy-text-success) !important;
}

.border-green-500, .border-green-600 {
    border-color: var(--academy-button-success) !important;
}

/* Red Colors */
.bg-red-500, .bg-red-600, .bg-red-700 {
    background-color: var(--academy-button-danger) !important;
}

.hover\:bg-red-600:hover, .hover\:bg-red-700:hover {
    background-color: var(--academy-button-danger-hover) !important;
}

.text-red-600, .text-red-700 {
    color: var(--academy-text-danger) !important;
}

.border-red-500, .border-red-600 {
    border-color: var(--academy-button-danger) !important;
}

/* Purple Colors */
.bg-purple-500, .bg-purple-600, .bg-purple-700 {
    background-color: var(--academy-button-secondary) !important;
}

.hover\:bg-purple-600:hover, .hover\:bg-purple-700:hover {
    background-color: var(--academy-button-secondary-hover) !important;
}

/* تعطيل هذه القاعدة لتجنب تضارب الألوان */
/* .text-purple-600, .text-purple-700 {
    color: var(--academy-text-secondary) !important;
} */

.border-purple-500, .border-purple-600 {
    border-color: var(--academy-button-secondary) !important;
}

/* Yellow/Orange Colors - تعطيل */
/* .bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600 {
    background-color: var(--academy-button-warning) !important;
} */

.hover\:bg-yellow-600:hover, .hover\:bg-orange-600:hover {
    background-color: var(--academy-button-warning-hover) !important;
}

.text-yellow-600, .text-orange-600 {
    color: var(--academy-text-warning) !important;
}

.border-yellow-500, .border-orange-500 {
    border-color: var(--academy-button-warning) !important;
}

/* Background Colors with Opacity - تم التعطيل للسماح بألوان Tailwind الأصلية */

/* Special Cases for Quran System */
.bg-\[#1a8653\] {
    background-color: var(--academy-button-success) !important;
}

.bg-\[#2E7D32\] {
    background-color: var(--academy-button-success) !important;
}

.bg-\[#4CAF50\] {
    background-color: var(--academy-button-success) !important;
}

.bg-\[#8BC34A\] {
    background-color: var(--academy-button-success) !important;
}

/* Ensure Text Visibility on Dynamic Backgrounds */
.btn-academy-primary, .btn-academy-secondary, .btn-academy-success, 
.btn-academy-danger, .btn-academy-warning, .btn-academy-info,
.bg-blue-500, .bg-blue-600, .bg-blue-700,
.bg-green-500, .bg-green-600, .bg-green-700,
.bg-red-500, .bg-red-600, .bg-red-700,
.bg-purple-500, .bg-purple-600, .bg-purple-700,
.bg-yellow-500, .bg-yellow-600, .bg-orange-500, .bg-orange-600 {
    color: white !important;
}

/* Dark Mode Support for Dynamic Colors - تم التعطيل */
/* @media (prefers-color-scheme: dark) {
    .bg-blue-50, .bg-blue-100 {
        background-color: color-mix(in srgb, var(--academy-primary-color) 20%, black) !important;
    }
    
    .bg-green-50, .bg-green-100 {
        background-color: color-mix(in srgb, var(--academy-button-success) 20%, black) !important;
    }
    
    .bg-red-50, .bg-red-100 {
        background-color: color-mix(in srgb, var(--academy-button-danger) 20%, black) !important;
    }
    
    .bg-purple-50, .bg-purple-100 {
        background-color: color-mix(in srgb, var(--academy-secondary-color) 20%, black) !important;
    }
    
    .bg-yellow-50, .bg-yellow-100, .bg-orange-50, .bg-orange-100 {
        background-color: color-mix(in srgb, var(--academy-button-warning) 20%, black) !important;
    }
} */

/* إصلاح لون نص زر معاينة الرابط في القائمة العلوية */
button[class*="bg-gradient-to-r from-blue-500 to-purple-600"] {
    color: white !important;
}

button[class*="bg-gradient-to-r from-blue-500 to-purple-600"] * {
    color: white !important;
}

button[class*="bg-gradient-to-r from-blue-500 to-purple-600"] span {
    color: white !important;
}

button[class*="bg-gradient-to-r from-blue-500 to-purple-600"] svg {
    color: white !important;
}

/* تنسيق إضافي لضمان ظهور النص الأبيض */
.preview-links-button,
.preview-links-button *,
.preview-links-button span,
.preview-links-button svg {
    color: white !important;
}

/* أولوية ألوان حالة الحلقات في جدول المعلم - تجاوز الألوان العامة */
.timeline-entry .session-status-bar,
.timeline-entry .timeline-progress-bar,
.timeline-entry .timeline-progress .w-4.h-4,
.timeline-entry .session-card {
    /* ضمان أن ألوان حالة الحلقة لها الأولوية */
    position: relative;
    z-index: 10;
}

/* السماح لألوان الحالة أن تعمل بشكل صحيح في time-label */
.timeline-entry .time-label {
    /* ضمان أن ألوان حالة الحلقة لها الأولوية مع الحفاظ على الألوان الأساسية */
    position: relative;
    z-index: 10;
}

/* تجاوز الألوان العامة فقط عندما تكون هناك ألوان أكاديمية محددة */
.timeline-entry .time-label.btn-academy-success:not(.bg-blue-600):not(.bg-green-600):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-600):not(.bg-gray-600),
.timeline-entry .time-label.btn-academy-danger:not(.bg-blue-600):not(.bg-green-600):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-600):not(.bg-gray-600),
.timeline-entry .time-label.btn-academy-warning:not(.bg-blue-600):not(.bg-green-600):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-600):not(.bg-gray-600),
.timeline-entry .time-label.btn-academy-secondary:not(.bg-blue-600):not(.bg-green-600):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-600):not(.bg-gray-600) {
    /* تجاوز ألوان الأكاديمية العامة فقط إذا لم تكن هناك ألوان حالة محددة */
    background-color: inherit !important;
    border-color: inherit !important;
    color: inherit !important;
}

.timeline-entry .session-status-bar.bg-academy-success,
.timeline-entry .session-status-bar.bg-academy-danger,
.timeline-entry .session-status-bar.bg-academy-warning,
.timeline-entry .session-status-bar.bg-academy-secondary {
    background-color: inherit !important;
}

.timeline-entry .timeline-progress-bar.from-academy-success,
.timeline-entry .timeline-progress-bar.from-academy-danger,
.timeline-entry .timeline-progress-bar.from-academy-warning,
.timeline-entry .timeline-progress-bar.from-academy-secondary,
.timeline-entry .timeline-progress-bar.from-gray-400 {
    background: inherit !important;
}

.timeline-entry .timeline-circle-current,
.timeline-entry .timeline-circle-completed,
.timeline-entry .timeline-circle-past,
.timeline-entry .timeline-circle-upcoming {
    background-color: inherit !important;
}

/* إصلاح مشكلة ألوان البادج والنصوص في نظام الحلقات */
.timeline-entry .status-badge.bg-blue-600,
.timeline-entry .status-badge.bg-green-600,
.timeline-entry .status-badge.bg-orange-600,
.timeline-entry .status-badge.bg-purple-600,
.timeline-entry .status-badge.bg-red-600,
.timeline-entry .status-badge.bg-gray-600 {
    background-color: initial !important;
    color: white !important;
}

/* ضمان أن النصوص البيضاء في البادج تظهر بشكل صحيح */
.timeline-entry .inline-block.px-3.py-1.rounded-full.text-white,
.timeline-entry .time-label.text-white,
.timeline-entry .bg-blue-600.text-white,
.timeline-entry .bg-green-600.text-white,
.timeline-entry .bg-orange-600.text-white,
.timeline-entry .bg-purple-600.text-white,
.timeline-entry .bg-red-600.text-white,
.timeline-entry .bg-gray-600.text-white {
    color: white !important;
}

/* إصلاح ألوان الخلفية للبادج والعناصر */
.timeline-entry .bg-blue-600 {
    background-color: #2563eb !important;
}

.timeline-entry .bg-green-600 {
    background-color: #16a34a !important;
}

.timeline-entry .bg-orange-600 {
    background-color: #ea580c !important;
}

.timeline-entry .bg-purple-600 {
    background-color: #9333ea !important;
}

.timeline-entry .bg-red-600 {
    background-color: #dc2626 !important;
}

.timeline-entry .bg-gray-600 {
    background-color: #4b5563 !important;
}

/* تحسينات إضافية للحلقات المنتهية والمكتملة */
.timeline-entry.past .session-card,
.timeline-entry.completed-session .session-card {
    /* ضمان عدم تداخل الألوان مع التنسيقات العامة */
    position: relative;
    z-index: 5;
}

/* إصلاح مشكلة inherit في الخلفيات */
.timeline-entry .status-badge.bg-blue-600 {
    background-color: #2563eb !important;
}

.timeline-entry .status-badge.bg-green-600 {
    background-color: #16a34a !important;
}

.timeline-entry .status-badge.bg-orange-600 {
    background-color: #ea580c !important;
}

.timeline-entry .status-badge.bg-purple-600 {
    background-color: #9333ea !important;
}

.timeline-entry .status-badge.bg-red-600 {
    background-color: #dc2626 !important;
}

.timeline-entry .status-badge.bg-gray-600 {
    background-color: #4b5563 !important;
}

/* ضمان عمل الألوان في الوضع المظلم */
.dark .timeline-entry .bg-blue-600 {
    background-color: #3b82f6 !important;
}

.dark .timeline-entry .bg-green-600 {
    background-color: #22c55e !important;
}

.dark .timeline-entry .bg-orange-600 {
    background-color: #f97316 !important;
}

.dark .timeline-entry .bg-purple-600 {
    background-color: #a855f7 !important;
}

.dark .timeline-entry .bg-red-600 {
    background-color: #ef4444 !important;
}

.dark .timeline-entry .bg-gray-600 {
    background-color: #6b7280 !important;
}

/* إصلاح أي تعارضات قد تحدث مع ألوان النص */
.timeline-entry [class*="text-white"] {
    color: white !important;
}

.timeline-entry .text-gray-800 {
    color: #1f2937 !important;
}

.timeline-entry .text-blue-800 {
    color: #1e40af !important;
}

.timeline-entry .text-green-800 {
    color: #166534 !important;
}

.timeline-entry .text-orange-800 {
    color: #9a3412 !important;
}

.timeline-entry .text-purple-800 {
    color: #6b21a8 !important;
}

.timeline-entry .text-red-800 {
    color: #991b1b !important;
}

/* تحسينات نهائية لضمان عمل جميع الألوان */
.timeline-entry .inline-block.px-3.py-1.rounded-full {
    /* ضمان أن البادج يحتفظ بألوانه الصحيحة */
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* ضمان وضوح النص في جميع الحالات */
.timeline-entry .time-label {
    font-weight: 700 !important;
    text-shadow: none !important;
    letter-spacing: 0.025em !important;
}

/* حل مشكلة الخلفيات الشفافة */
.timeline-entry .time-label:not([class*="bg-"]) {
    background-color: #6b7280 !important;
    color: white !important;
}

/* تحسين الرؤية في جميع المتصفحات */
.timeline-entry .status-badge,
.timeline-entry .time-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* إصلاح أي مشاكل مع vendor prefixes */
.timeline-entry .bg-blue-600,
.timeline-entry .bg-green-600,
.timeline-entry .bg-orange-600,
.timeline-entry .bg-purple-600,
.timeline-entry .bg-red-600,
.timeline-entry .bg-gray-600 {
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
}

/* إصلاح ألوان الخط الزمني - منع التعارض بين الحالات */
.timeline-entry.current .timeline-circle,
.timeline-entry.current .timeline-circle.bg-orange-600,
.timeline-entry.current .timeline-circle.bg-green-600,
.timeline-entry.current .timeline-circle.bg-gray-600 {
    background-color: #2563eb !important; /* أزرق للحالة النشطة */
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

.timeline-entry.current .time-label,
.timeline-entry.current .time-label.bg-orange-600,
.timeline-entry.current .time-label.bg-green-600,
.timeline-entry.current .time-label.bg-gray-600 {
    background-color: #2563eb !important; /* أزرق للحالة النشطة */
    color: white !important;
}

/* التأكد من أن الحالة النشطة لها الأولوية القصوى */
.timeline-entry.current .timeline-circle,
.timeline-entry.current .time-label {
    z-index: 999 !important;
}

/* ضمان النص الأبيض في بادج عدد الحلقات وبادج اليوم */
.bg-purple-600 span,
.bg-purple-600 svg {
    color: white !important;
}

.bg-purple-600.text-white,
.bg-purple-600 .text-white {
    color: white !important;
}

/* إصلاح خاص للحلقات المنتهية - جعل الألوان أكثر وضوحاً */
.timeline-entry.past .session-card {
    border-color: #6b7280 !important; /* gray-500 */
    background: linear-gradient(to right, #f3f4f6, #e5e7eb) !important; /* from-gray-100 to-gray-200 */
    box-shadow: 0 4px 6px -1px rgba(107, 114, 128, 0.1), 0 2px 4px -1px rgba(107, 114, 128, 0.06) !important;
}

/* في الوضع المظلم */
.dark .timeline-entry.past .session-card {
    background: linear-gradient(to right, rgba(55, 65, 81, 0.4), rgba(75, 85, 99, 0.4)) !important; /* dark:from-gray-800/40 dark:to-gray-700/40 */
    border-color: #6b7280 !important;
    box-shadow: 0 4px 6px -1px rgba(75, 85, 99, 0.3), 0 2px 4px -1px rgba(75, 85, 99, 0.2) !important;
}

/* ضمان أن نص "صباحاً/مساءً" يظهر بالأبيض */
.timeline-entry .time-label .text-white,
.timeline-entry .time-label span.text-white {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* تحسين وضوح الخط في بطاقة الوقت */
.timeline-entry .time-label {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* إصلاح إضافي للوضع المظلم - ضمان رؤية الخلفية المتدرجة */
.dark .timeline-entry.past {
    --tw-shadow-color: rgba(75, 85, 99, 0.3);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
}

/* قواعد خاصة بصفحة البرامج - أولوية عالية */
div[class*="grid"] a[href*="/student/programs/"],
div a[style*="background-color: #e78f07"] {
    color: #ffffff !important;
    text-decoration: none !important;
}

div[class*="grid"] a[href*="/student/programs/"]:hover,
div a[style*="background-color: #e78f07"]:hover {
    color: #ffffff !important;
}

/* تأكيد عرض الأزرار الكامل */
div[class*="flex-col"] a[class*="w-full"],
div[class*="flex-col"] button[class*="w-full"] {
    width: 100% !important;
}