/**
 * schedule-builder.css - Minimal CSS for features not available in Tailwind
 */

/* Essential animations that Tailwind doesn't provide */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Print styling - Essential for functionality */
@media print {
    .no-print {
        display: none !important;
    }
    #scheduleDisplay {
        width: 100% !important;
    }
}

/* RTL support - Keep schedule LTR even in Arabic */
[lang="ar"] #scheduleDisplay {    
    direction: ltr !important;
}

/* Ensure schedule table and content stays LTR */
[lang="ar"] #scheduleDisplay table,
[lang="ar"] #scheduleDisplay .schedule-table,
[lang="ar"] #scheduleDisplay .schedule-grid,
[lang="ar"] #scheduleDisplay .time-slot,
[lang="ar"] #scheduleDisplay .course-block {
    direction: ltr !important;
    text-align: left !important;
}

/* Additional specific schedule elements to keep LTR */
[lang="ar"] .schedule-table,
[lang="ar"] .schedule-table th,
[lang="ar"] .schedule-table td,
[lang="ar"] .day-column,
[lang="ar"] .time-column,
[lang="ar"] .course-slot {
    direction: ltr !important;
    text-align: left !important;
}

/* Keep course details table LTR too */
[lang="ar"] .course-details-table,
[lang="ar"] .course-details-table th,
[lang="ar"] .course-details-table td {
    direction: ltr !important;
    text-align: left !important;
}

[lang="ar"] .search-container {
    direction: rtl;
    text-align: right;
}