/*
 * Podcast RTL CSS - Right-to-Left Support
 * RTL-specific styles for Arabic layout
 * Compatible with podcast.css base styles
 */

/* ========== RTL BREADCRUMB ========== */
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    margin: 0 8px;
}

html[dir="rtl"] .breadcrumb-item a i {
    margin-left: 5px;
    margin-right: 0;
}

/* ========== RTL FEATURED PODCAST ========== */
html[dir="rtl"] .featured-badge i {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .featured-meta i {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .featured-actions .btn i {
    margin-left: 10px;
    margin-right: 0;
}

html[dir="rtl"] .featured-content {
    text-align: right;
}

html[dir="rtl"] .featured-title {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .featured-description {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

/* ========== RTL SECTION HEADER ========== */
html[dir="rtl"] .section-title {
    text-align: center;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .section-title i {
    margin-left: 15px;
    margin-right: 0;
}

html[dir="rtl"] .section-subtitle {
    text-align: center;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

/* ========== RTL PODCAST CARDS ========== */
html[dir="rtl"] .podcast-title {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .podcast-description {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .podcast-date i,
html[dir="rtl"] .podcast-duration i {
    margin-left: 6px;
    margin-right: 0;
}

html[dir="rtl"] .podcast-meta {
    direction: rtl;
}

/* ========== RTL CHAT PREVIEW ========== */
html[dir="rtl"] .quick-chat-preview {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .quick-chat-preview h6 {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .chat-preview-item {
    text-align: right;
    direction: rtl;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

/* ========== RTL NO CONTENT ========== */
html[dir="rtl"] .no-podcasts-found {
    text-align: center;
}

html[dir="rtl"] .no-podcasts-found h4 {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .no-podcasts-found p {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

/* ========== RTL PODCAST DETAIL PAGE ========== */
html[dir="rtl"] .podcast-detail-section {
    direction: rtl;
}

html[dir="rtl"] .podcast-info {
    text-align: right;
}

html[dir="rtl"] .podcast-title {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .podcast-meta .meta-item {
    direction: rtl;
}

html[dir="rtl"] .podcast-meta .meta-item i {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .podcast-description h3 {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .description-content {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

/* ========== RTL RELATED PODCASTS ========== */
html[dir="rtl"] .related-podcasts .section-title {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .related-podcasts .section-title i {
    margin-left: 15px;
    margin-right: 0;
}

html[dir="rtl"] .related-title {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .related-date i {
    margin-left: 6px;
    margin-right: 0;
}

/* ========== RTL CHAT SIDEBAR ========== */
html[dir="rtl"] .chat-sidebar {
    direction: rtl;
}

html[dir="rtl"] .chat-header {
    text-align: right;
}

html[dir="rtl"] .chat-header h4 {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .chat-header h4 i {
    margin-left: 10px;
    margin-right: 0;
}

html[dir="rtl"] .chat-header p {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .chat-message {
    direction: rtl;
}

html[dir="rtl"] .message-header {
    direction: rtl;
}

html[dir="rtl"] .message-info {
    text-align: right;
}

html[dir="rtl"] .username {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .message-content {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .no-messages {
    text-align: center;
}

html[dir="rtl"] .no-messages p {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .login-prompt {
    text-align: center;
}

html[dir="rtl"] .login-prompt p {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

/* ========== RTL FORM ELEMENTS ========== */
html[dir="rtl"] .form-control {
    text-align: right;
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
}

html[dir="rtl"] .input-group {
    flex-direction: row-reverse;
}

html[dir="rtl"] .input-group .form-control {
    border-radius: 0 25px 25px 0;
}

html[dir="rtl"] .input-group .btn {
    border-radius: 25px 0 0 25px;
}

/* ========== RTL RESPONSIVE ADJUSTMENTS ========== */
@media (max-width: 768px) {
    html[dir="rtl"] .featured-content {
        text-align: right;
        padding: 30px 20px;
    }
    
    html[dir="rtl"] .podcast-content {
        text-align: right;
    }
}

@media (max-width: 576px) {
    html[dir="rtl"] .featured-content {
        padding: 25px 15px;
    }
    
    html[dir="rtl"] .podcast-content {
        padding: 20px;
        text-align: right;
    }
}