/* RTL Support for AI FAQ Plugin */

/* Admin RTL Styles */
.rtl .ai-faq-dashboard-stats {
    direction: rtl;
}

.rtl .ai-faq-stat-item {
    border-right: 4px solid #0073aa;
    border-left: none;
}

.rtl .ai-faq-meta-box .form-table th {
    text-align: right;
    padding: 15px 0 15px 10px;
}

.rtl .ai-faq-meta-box .form-table td {
    padding: 15px 10px 15px 0;
}

.rtl .ai-faq-stats-card h3 {
    border-bottom: 2px solid #0073aa;
    text-align: right;
}

.rtl .column-ai_faq_category,
.rtl .column-ai_faq_featured,
.rtl .column-ai_faq_order,
.rtl .column-ai_faq_difficulty {
    text-align: right;
}

/* Frontend RTL Styles */
.rtl .ai-faq-archive-header {
    direction: rtl;
    text-align: center;
}

.rtl .ai-faq-archive-title i {
    margin-left: 15px;
    margin-right: 0;
}

.rtl .ai-faq-item-header {
    direction: rtl;
}

.rtl .ai-faq-item-meta {
    direction: rtl;
}

.rtl .ai-faq-item-content {
    direction: rtl;
}

.rtl .ai-faq-item-footer {
    direction: rtl;
}

.rtl .ai-faq-read-more {
    direction: rtl;
}

.rtl .ai-faq-read-more i {
    margin-right: 5px;
    margin-left: 0;
}

.rtl .ai-faq-categories-label,
.rtl .ai-faq-tags-label {
    margin-left: 10px;
    margin-right: 0;
}

.rtl .ai-faq-category-link {
    direction: rtl;
}

.rtl .ai-faq-category-icon {
    margin-bottom: 15px;
}

.rtl .ai-faq-search-wrapper {
    direction: rtl;
}

.rtl .ai-faq-search input[type="search"] {
    text-align: right;
    padding: 15px 20px;
}

.rtl .ai-faq-search button {
    border-radius: 25px 0 0 25px;
}

.rtl .ai-faq-accordion-header {
    direction: rtl;
}

.rtl .ai-faq-accordion-content {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-single-title {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-single-content {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-single-taxonomies {
    direction: rtl;
}

/* Shortcode RTL Styles */
.rtl .ai-faq-shortcode-container {
    direction: rtl;
}

.rtl .ai-faq-layout-list .ai-faq-list-item {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-layout-grid .ai-faq-grid-item {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-categories-shortcode {
    direction: rtl;
}

.rtl .ai-faq-search-shortcode {
    direction: rtl;
}

.rtl .ai-faq-search-fields {
    direction: rtl;
}

.rtl .ai-faq-search-fields input[type="search"] {
    text-align: right;
}

/* Navigation RTL */
.rtl .ai-faq-nav-prev,
.rtl .ai-faq-nav-next {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-nav-label {
    text-align: right;
}

.rtl .ai-faq-nav-title {
    text-align: right;
}

/* Pagination RTL */
.rtl .ai-faq-pagination {
    direction: rtl;
}

/* Form Elements RTL */
.rtl input[type="text"],
.rtl input[type="search"],
.rtl input[type="number"],
.rtl select,
.rtl textarea {
    text-align: right;
    direction: rtl;
}

.rtl .ai-faq-search-form {
    direction: rtl;
}

/* Meta Information RTL */
.rtl .ai-faq-meta {
    direction: rtl;
    justify-content: flex-start;
}

.rtl .ai-faq-categories,
.rtl .ai-faq-tags {
    direction: rtl;
}

/* Error Messages RTL */
.rtl .ai-faq-error,
.rtl .ai-faq-no-results {
    direction: rtl;
    text-align: center;
}

/* Loading States RTL */
.rtl .ai-faq-loading {
    direction: rtl;
}

.rtl .ai-faq-loading::before {
    margin-left: 10px;
    margin-right: 0;
}

/* Responsive RTL */
@media (max-width: 768px) {
    .rtl .ai-faq-item-content {
        flex-direction: column;
    }
    
    .rtl .ai-faq-item-footer {
        flex-direction: column;
        align-items: flex-end;
    }
    
    .rtl .ai-faq-search-fields {
        flex-direction: column;
    }
}

/* Typography RTL */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    text-align: right;
}

.rtl p {
    text-align: right;
    direction: rtl;
}

.rtl .ai-faq-single-content p {
    text-align: right;
    line-height: 1.8;
}

/* Admin Menu RTL */
.rtl #menu-posts-ai-faqs .wp-menu-name {
    text-align: right;
}

/* Dashboard Widget RTL */
.rtl .ai-faq-dashboard-stats {
    direction: rtl;
}

.rtl .ai-faq-stat-item h4 {
    text-align: center;
}

/* Category Colors RTL */
.rtl .ai-faq-category-card {
    text-align: center;
    direction: rtl;
}

.rtl .ai-faq-category-card h4 {
    text-align: center;
}

/* Accordion RTL */
.rtl .ai-faq-accordion-header h3 {
    text-align: right;
}

.rtl .ai-faq-accordion-toggle {
    float: left;
}

/* Grid Layout RTL */
.rtl .ai-faq-grid {
    direction: rtl;
}

.rtl .ai-faq-grid-item h3 {
    text-align: right;
}

/* List Layout RTL */
.rtl .ai-faq-list-item h3 {
    text-align: right;
}

.rtl .ai-faq-list-item p {
    text-align: right;
}

/* Search Results RTL */
.rtl .ai-faq-search-results {
    direction: rtl;
}

/* Statistics Page RTL */
.rtl .ai-faq-stats-grid {
    direction: rtl;
}

.rtl .ai-faq-stats-card {
    direction: rtl;
    text-align: right;
}

.rtl .ai-faq-stats-card h3 {
    text-align: right;
}

.rtl .ai-faq-stats-card ul {
    text-align: right;
}

.rtl .ai-faq-stats-card li {
    text-align: right;
}

/* Settings Page RTL */
.rtl .form-table th {
    text-align: right;
}

.rtl .form-table td {
    text-align: right;
}

/* Custom Fixes for Persian */
.rtl .ai-faq-persian-text {
    font-family: 'Tahoma', 'Arial', sans-serif;
    line-height: 1.8;
}

.rtl .ai-faq-single-content,
.rtl .ai-faq-item-text,
.rtl .ai-faq-accordion-content {
    font-family: 'Tahoma', 'Arial', sans-serif;
    line-height: 1.8;
}

/* Fix for WordPress admin RTL issues */
.rtl .ai-faq-meta-box input[type="number"],
.rtl .ai-faq-meta-box select {
    direction: ltr;
    text-align: left;
}

.rtl .ai-faq-meta-box input[type="checkbox"] {
    margin-left: 0;
    margin-right: 5px;
}

/* AI Settings RTL Fixes for Checkboxes and Radio Buttons */
.rtl .ai-setting-input input[type="checkbox"],
.rtl .ai-setting-input input[type="radio"] {
    margin-right: 0 !important;
    margin-left: 8px !important;
    float: right;
    clear: right;
}

.rtl .ai-setting-input label {
    direction: rtl;
    text-align: right;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
}

.rtl .ai-setting-input .checkbox-group,
.rtl .ai-setting-input .radio-group {
    direction: rtl;
    text-align: right;
}

.rtl .ai-setting-input .checkbox-group label,
.rtl .ai-setting-input .radio-group label {
    direction: rtl;
    text-align: right;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
}

.rtl .ai-setting-input .inline-radio-group,
.rtl .ai-setting-input .inline-checkbox-group {
    direction: rtl;
    justify-content: flex-start !important;
    text-align: right;
}

.rtl .ai-setting-input .inline-radio-group label,
.rtl .ai-setting-input .inline-checkbox-group label {
    direction: rtl;
    text-align: right;
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap;
    width: auto !important;
    max-width: fit-content !important;
}

.rtl .ai-setting-input .inline-radio-group input[type="radio"],
.rtl .ai-setting-input .inline-checkbox-group input[type="checkbox"] {
    margin-right: 0 !important;
    margin-left: 8px !important;
    float: none !important;
    clear: none !important;
}

/* Single checkbox styling for RTL */
.rtl .ai-setting-input > input[type="checkbox"] {
    margin-right: 0 !important;
    margin-left: 12px !important;
    float: right;
}

.rtl .ai-setting-input label[style*="inline-flex"] {
    direction: rtl;
    flex-direction: row-reverse !important;
}

.rtl .ai-setting-input label[style*="inline-flex"] input[type="checkbox"] {
    margin-right: 0 !important;
    margin-left: 12px !important;
}

/* Ensure proper text alignment for Persian */
.rtl .ai-setting-input label {
    font-family: 'Tahoma', 'Arial', sans-serif;
    line-height: 1.6;
}

/* Fix for form table checkboxes and radios in RTL */
.rtl .form-table input[type="checkbox"],
.rtl .form-table input[type="radio"] {
    margin-right: 0 !important;
    margin-left: 8px !important;
    float: right;
}

.rtl .form-table label {
    direction: rtl;
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    font-family: 'Tahoma', 'Arial', sans-serif;
}