/**
 * Smart Translator Frontend Styles
 * AtoZ Advert Arabic Translator Plugin
 * Optimized RTL styling for translated Arabic content
 */

/* ===== Arabic RTL Styles - Applied only inside translated content ===== */
.arabic-translated-content {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.arabic-translated-content * {
    direction: rtl;
    text-align: right;
}

/* Preserve center alignment where specified */
.arabic-translated-content .text-center,
.arabic-translated-content .center,
.arabic-translated-content [style*="text-align: center"],
.arabic-translated-content [style*="text-align:center"] {
    text-align: center !important;
}

/* Preserve left alignment where explicitly set */
.arabic-translated-content [style*="text-align: left"],
.arabic-translated-content [style*="text-align:left"] {
    text-align: left !important;
    direction: ltr;
}

/* Fix common layout issues in RTL */
.arabic-translated-content ul,
.arabic-translated-content ol {
    padding-right: 20px;
    padding-left: 0;
}

.arabic-translated-content blockquote {
    border-right: 4px solid #ccc;
    border-left: none;
    padding-right: 20px;
    padding-left: 0;
    margin-right: 0;
}

/* Themify Builder Compatibility */
.arabic-translated-content .themify_builder_content,
.arabic-translated-content .module {
    direction: rtl;
}

.arabic-translated-content .row_inner {
    flex-direction: row-reverse;
}

/* Typography improvements for Arabic */
.arabic-translated-content h1,
.arabic-translated-content h2,
.arabic-translated-content h3,
.arabic-translated-content h4,
.arabic-translated-content h5,
.arabic-translated-content h6 {
    line-height: 1.6;
}

.arabic-translated-content p {
    line-height: 1.8;
}

/* Button fixes */
.arabic-translated-content .button,
.arabic-translated-content .btn,
.arabic-translated-content [class*="button"] {
    direction: rtl;
}

/* Icon positioning fixes */
.arabic-translated-content .icon-left {
    margin-left: 8px;
    margin-right: 0;
}

.arabic-translated-content .icon-right {
    margin-right: 8px;
    margin-left: 0;
}