/* RTL/LTR Support for Website */

/* ========= General RTL/LTR Adjustments ========= */
[dir="rtl"] {
    direction: rtl;
}

[dir="ltr"] {
    direction: ltr;
}

/* ========= Info Value Padding ========= */
[dir="rtl"] .info-value {
    padding-inline-end: 2rem;
    padding-inline-start: 0;
}

[dir="ltr"] .info-value {
    padding-inline-start: 2rem;
    padding-inline-end: 0;
}

/* ========= Info Item Compact Transform ========= */
[dir="rtl"] .info-item-compact:hover {
    transform: translateX(-2px);
}

[dir="ltr"] .info-item-compact:hover {
    transform: translateX(2px);
}

/* ========= Article Content Lists ========= */
[dir="rtl"] .article-content ul,
[dir="rtl"] .article-content ol {
    padding-inline-end: 2rem;
    padding-inline-start: 0;
}

[dir="ltr"] .article-content ul,
[dir="ltr"] .article-content ol {
    padding-inline-start: 2rem;
    padding-inline-end: 0;
}

/* ========= Blockquote Border ========= */
[dir="rtl"] .article-content blockquote {
    border-inline-end: 4px solid var(--primary);
    border-inline-start: none;
    border-radius: 0 8px 8px 0;
}

[dir="ltr"] .article-content blockquote {
    border-inline-start: 4px solid var(--primary);
    border-inline-end: none;
    border-radius: 8px 0 0 8px;
}

/* ========= Arrow Icon Direction ========= */
[dir="rtl"] .btn-register-modern:hover .arrow-icon {
    transform: translateX(-5px);
}

[dir="ltr"] .btn-register-modern:hover .arrow-icon {
    transform: translateX(5px);
}

/* ========= Navigation Arrow Direction ========= */
[dir="rtl"] .nav-link .feather {
    transform: scaleX(-1);
}

/* ========= Mobile Responsiveness ========= */
@media (max-width: 992px) {
    [dir="rtl"] .schedule-registration {
        text-align: right;
    }
    
    [dir="ltr"] .schedule-registration {
        text-align: left;
    }
}

@media (max-width: 768px) {
    [dir="rtl"] .course-title-section {
        text-align: center;
    }
    
    [dir="ltr"] .course-title-section {
        text-align: center;
    }
    
    [dir="rtl"] .cards-grid {
        text-align: center;
    }
    
    [dir="ltr"] .cards-grid {
        text-align: center;
    }
}

