/* AL DIYAR Training - Arabic RTL Styles */

/* Arabic-specific styles for RTL layout */
.arabic {
    direction: rtl;
    text-align: right;
}

.arabic .container {
    direction: rtl;
}

/* Typography adjustments for Arabic */
.arabic h1,
.arabic h2,
.arabic h3,
.arabic h4,
.arabic h5,
.arabic h6 {
    font-family: var(--font-arabic);
    text-align: right;
}

.arabic p,
.arabic span,
.arabic div {
    font-family: var(--font-arabic);
    text-align: right;
}

/* Navigation adjustments */
.arabic .nav-content {
    flex-direction: row-reverse;
}

.arabic .nav-menu {
    flex-direction: row-reverse;
}

.arabic .nav-actions {
    flex-direction: row-reverse;
}

/* Mega menu adjustments */
.arabic .mega-menu {
    right: 0;
    left: auto;
}

.arabic .mega-menu-content {
    direction: rtl;
}

.arabic .mega-menu-column {
    text-align: right;
}

.arabic .mega-menu-column h3 {
    text-align: right;
    border-bottom: 2px solid var(--primary-color);
}

.arabic .mega-menu-column ul {
    text-align: right;
}

/* Hero section adjustments */
.arabic .hero-content {
    text-align: center; /* Keep center for visual balance */
}

.arabic .hero-ctas {
    flex-direction: row-reverse;
}

/* Search form adjustments */
.arabic .search-input-group {
    flex-direction: row-reverse;
}

.arabic .search-input {
    text-align: right;
    direction: rtl;
}

.arabic .search-filters {
    flex-direction: row-reverse;
}

/* Course cards adjustments */
.arabic .course-content {
    text-align: right;
}

.arabic .course-meta {
    flex-direction: row-reverse;
}

.arabic .course-actions {
    flex-direction: row-reverse;
}

/* Features grid adjustments */
.arabic .features-grid {
    direction: rtl;
}

.arabic .feature-card {
    text-align: center; /* Keep center for visual balance */
}

/* Calendar adjustments */
.arabic .calendar-header {
    flex-direction: row-reverse;
}

.arabic .calendar-day-header {
    text-align: center; /* Keep center for calendar headers */
}

.arabic .calendar-day {
    text-align: center; /* Keep center for calendar days */
}

/* Testimonials adjustments */
.arabic .testimonial-author {
    flex-direction: row-reverse;
}

.arabic .testimonial-content {
    text-align: right;
}

/* CTA section adjustments */
.arabic .cta-actions {
    flex-direction: row-reverse;
}

/* Footer adjustments */
.arabic .footer-content {
    direction: rtl;
}

.arabic .footer-section {
    text-align: right;
}

.arabic .footer-bottom-content {
    flex-direction: row-reverse;
}

.arabic .footer-bottom-links {
    flex-direction: row-reverse;
}

.arabic .social-links {
    flex-direction: row-reverse;
}

/* Contact info adjustments */
.arabic .contact-info {
    flex-direction: row-reverse;
}

.arabic .contact-details {
    text-align: right;
}

.arabic .contact-item {
    flex-direction: row-reverse;
}

/* Search modal adjustments */
.arabic .search-modal-header {
    flex-direction: row-reverse;
}

.arabic .search-modal-content {
    direction: rtl;
}

.arabic .search-input {
    text-align: right;
    direction: rtl;
}

.arabic .search-filters {
    flex-direction: row-reverse;
}

/* Button adjustments */
.arabic .btn {
    direction: rtl;
}

/* Form adjustments */
.arabic .form-group {
    text-align: right;
}

.arabic .form-group label {
    text-align: right;
}

.arabic .form-group input,
.arabic .form-group select,
.arabic .form-group textarea {
    text-align: right;
    direction: rtl;
}

/* Admin panel Arabic adjustments */
.arabic .admin-header-content {
    flex-direction: row-reverse;
}

.arabic .admin-logo {
    flex-direction: row-reverse;
}

.arabic .admin-nav {
    right: 0;
    left: auto;
    border-right: none;
    border-left: 1px solid var(--admin-gray-200);
}

.arabic .admin-nav-menu .nav-link {
    text-align: right;
    border-left: none;
    border-right: 3px solid transparent;
}

.arabic .admin-nav-menu .nav-item.active .nav-link {
    border-right-color: var(--admin-secondary);
}

.arabic .dashboard-stats {
    direction: rtl;
}

.arabic .stat-card {
    flex-direction: row-reverse;
}

.arabic .dashboard-content {
    direction: rtl;
}

.arabic .activity-item {
    flex-direction: row-reverse;
}

.arabic .quick-actions {
    direction: rtl;
}

.arabic .courses-filters {
    flex-direction: row-reverse;
}

.arabic .course-item {
    flex-direction: row-reverse;
}

.arabic .course-actions {
    flex-direction: row-reverse;
}

.arabic .calendar-controls {
    flex-direction: row-reverse;
}

.arabic .settings-content {
    direction: rtl;
}

.arabic .settings-item {
    flex-direction: row-reverse;
}

.arabic .settings-actions {
    direction: rtl;
}

/* Upload area adjustments */
.arabic .upload-content {
    text-align: center; /* Keep center for visual balance */
}

.arabic .upload-help {
    text-align: right;
}

.arabic .upload-help ul {
    text-align: right;
}

/* Results adjustments */
.arabic .results-summary {
    text-align: right;
}

.arabic .summary-stats {
    direction: rtl;
}

.arabic .stat {
    text-align: center; /* Keep center for stats */
}

.arabic .results-actions {
    flex-direction: row-reverse;
}

/* Responsive adjustments for Arabic */
@media (max-width: 768px) {
    .arabic .nav-menu {
        flex-direction: column;
        text-align: right;
    }
    
    .arabic .hero-ctas {
        flex-direction: column;
    }
    
    .arabic .search-filters {
        flex-direction: column;
    }
    
    .arabic .course-actions {
        flex-direction: column;
    }
    
    .arabic .cta-actions {
        flex-direction: column;
    }
    
    .arabic .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }
    
    .arabic .admin-nav-menu {
        flex-direction: row;
        text-align: right;
    }
    
    .arabic .admin-nav-menu .nav-link {
        border-right: none;
        border-bottom: 3px solid transparent;
    }
    
    .arabic .admin-nav-menu .nav-item.active .nav-link {
        border-bottom-color: var(--admin-secondary);
    }
    
    .arabic .courses-filters {
        flex-direction: column;
    }
    
    .arabic .course-item {
        flex-direction: column;
        text-align: right;
    }
    
    .arabic .calendar-controls {
        flex-direction: column;
    }
    
    .arabic .settings-content {
        direction: rtl;
    }
}

/* Print styles for Arabic */
@media print {
    .arabic {
        direction: rtl;
    }
    
    .arabic .container {
        direction: rtl;
    }
    
    .arabic h1,
    .arabic h2,
    .arabic h3,
    .arabic h4,
    .arabic h5,
    .arabic h6 {
        text-align: right;
    }
    
    .arabic p,
    .arabic span,
    .arabic div {
        text-align: right;
    }
}

/* Focus states for Arabic */
.arabic .btn:focus,
.arabic input:focus,
.arabic select:focus,
.arabic textarea:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Loading states for Arabic */
.arabic .loading {
    opacity: 0.6;
    pointer-events: none;
}

.arabic .spinner {
    animation: spin 1s ease-in-out infinite;
}

/* Success/Error states for Arabic */
.arabic .success-message {
    text-align: right;
    direction: rtl;
}

.arabic .error-message {
    text-align: right;
    direction: rtl;
}

/* Utility classes for Arabic */
.arabic .text-right {
    text-align: right;
}

.arabic .text-left {
    text-align: left;
}

.arabic .text-center {
    text-align: center;
}

/* Arabic-specific spacing adjustments */
.arabic .mb-0 { margin-bottom: 0; }
.arabic .mb-1 { margin-bottom: var(--spacing-xs); }
.arabic .mb-2 { margin-bottom: var(--spacing-sm); }
.arabic .mb-3 { margin-bottom: var(--spacing-md); }
.arabic .mb-4 { margin-bottom: var(--spacing-lg); }
.arabic .mb-5 { margin-bottom: var(--spacing-xl); }

.arabic .mt-0 { margin-top: 0; }
.arabic .mt-1 { margin-top: var(--spacing-xs); }
.arabic .mt-2 { margin-top: var(--spacing-sm); }
.arabic .mt-3 { margin-top: var(--spacing-md); }
.arabic .mt-4 { margin-top: var(--spacing-lg); }
.arabic .mt-5 { margin-top: var(--spacing-xl); }

/* Arabic-specific visibility classes */
.arabic .hidden { display: none; }
.arabic .visible { display: block; }

/* Arabic-specific form styling */
.arabic input[type="text"],
.arabic input[type="email"],
.arabic input[type="password"],
.arabic input[type="tel"],
.arabic input[type="url"],
.arabic textarea,
.arabic select {
    text-align: right;
    direction: rtl;
}

/* Arabic-specific placeholder styling */
.arabic input::placeholder,
.arabic textarea::placeholder {
    text-align: right;
    direction: rtl;
}

/* Arabic-specific list styling */
.arabic ul,
.arabic ol {
    text-align: right;
    direction: rtl;
}

.arabic li {
    text-align: right;
}

/* Arabic-specific table styling */
.arabic table {
    direction: rtl;
}

.arabic th,
.arabic td {
    text-align: right;
}

/* Arabic-specific modal styling */
.arabic .modal {
    direction: rtl;
}

.arabic .modal-content {
    text-align: right;
}

.arabic .modal-header {
    flex-direction: row-reverse;
}

.arabic .modal-footer {
    flex-direction: row-reverse;
}

/* Arabic-specific card styling */
.arabic .card {
    text-align: right;
}

.arabic .card-header {
    text-align: right;
}

.arabic .card-body {
    text-align: right;
}

.arabic .card-footer {
    text-align: right;
}

/* Arabic-specific alert styling */
.arabic .alert {
    text-align: right;
    direction: rtl;
}

/* Arabic-specific badge styling */
.arabic .badge {
    direction: rtl;
}

/* Arabic-specific progress bar styling */
.arabic .progress {
    direction: rtl;
}

/* Arabic-specific tooltip styling */
.arabic .tooltip {
    direction: rtl;
    text-align: right;
}

/* Arabic-specific dropdown styling */
.arabic .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

.arabic .dropdown-item {
    text-align: right;
}

/* Arabic-specific pagination styling */
.arabic .pagination {
    flex-direction: row-reverse;
}

/* Arabic-specific breadcrumb styling */
.arabic .breadcrumb {
    flex-direction: row-reverse;
}

/* Arabic-specific nav styling */
.arabic .nav {
    flex-direction: row-reverse;
}

.arabic .nav-item {
    text-align: right;
}

.arabic .nav-link {
    text-align: right;
}

/* Arabic-specific tab styling */
.arabic .nav-tabs {
    flex-direction: row-reverse;
}

.arabic .tab-content {
    text-align: right;
}

/* Arabic-specific accordion styling */
.arabic .accordion {
    direction: rtl;
}

.arabic .accordion-item {
    text-align: right;
}

.arabic .accordion-header {
    text-align: right;
}

.arabic .accordion-body {
    text-align: right;
}

/* Arabic-specific carousel styling */
.arabic .carousel {
    direction: rtl;
}

.arabic .carousel-item {
    text-align: right;
}

/* Arabic-specific offcanvas styling */
.arabic .offcanvas {
    right: 0;
    left: auto;
}

.arabic .offcanvas-header {
    flex-direction: row-reverse;
}

.arabic .offcanvas-body {
    text-align: right;
}