/**
 * Opti-Classifieds RTL Styles for Arabic
 * This file is loaded when the current language is Arabic (ar)
 */

/* ========================================
   General RTL Overrides
   ======================================== */

[dir="rtl"] .opti-classifieds-grid-widget,
[dir="rtl"] .opti-add-listing-widget,
[dir="rtl"] .opti-detail-widget,
body.opti-rtl .opti-classifieds-grid-widget,
body.opti-rtl .opti-add-listing-widget,
body.opti-rtl .opti-detail-widget {
    direction: rtl;
    text-align: right;
}


/* ========================================
   Grid Widget RTL
   ======================================== */

[dir="rtl"] .opti-grid-filters {
    flex-direction: row-reverse;
}

[dir="rtl"] .opti-filter-group select {
    padding-left: 35px;
    padding-right: 15px;
    background-position: left 10px center;
}

[dir="rtl"] .opti-card-meta svg {
    margin-left: 6px;
    margin-right: 0;
}

[dir="rtl"] .opti-card-category {
    left: auto;
    right: 15px;
}

[dir="rtl"] .opti-card-badge {
    right: auto;
    left: 15px;
}

/* ========================================
   Form Widget RTL
   ======================================== */

[dir="rtl"] .opti-form-label {
    text-align: right;
}

[dir="rtl"] .opti-form-label .required {
    margin-left: 0;
    margin-right: 4px;
}

[dir="rtl"] .opti-step-indicator {
    flex-direction: row-reverse;
}

[dir="rtl"] .opti-step::before {
    left: auto;
    right: 100%;
}

[dir="rtl"] .opti-step::after {
    right: auto;
    left: 100%;
}

[dir="rtl"] .opti-form-navigation {
    flex-direction: row-reverse;
}

/* ========================================
   RTL Arrow Fixes for Next/Back Buttons
   In RTL: Next points LEFT (←), Back points RIGHT (→)
   ======================================== */

/* Next button: show LEFT arrow in RTL */
[dir="rtl"] .opti-next-step {
    display: inline-flex;
    flex-direction: row-reverse;
}

/* Back button: show RIGHT arrow in RTL */
[dir="rtl"] .opti-prev-step {
    display: inline-flex;
    flex-direction: row-reverse;
}

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

[dir="rtl"] .opti-form-errors {
    text-align: right;
}

[dir="rtl"] .opti-form-errors .opti-error-icon {
    margin-right: 0;
    margin-left: 15px;
}

[dir="rtl"] .opti-form-errors ul {
    padding-left: 0;
    padding-right: 20px;
}

/* ========================================
   Detail Widget RTL
   ======================================== */

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

[dir="rtl"] .opti-detail-price {
    text-align: right;
}

[dir="rtl"] .opti-detail-meta {
    text-align: right;
}

[dir="rtl"] .opti-detail-meta svg {
    margin-left: 6px;
    margin-right: 0;
}

[dir="rtl"] .opti-detail-specs {
    text-align: right;
}

[dir="rtl"] .opti-spec-item svg,
[dir="rtl"] .opti-spec-item i {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .opti-detail-seller {
    text-align: right;
}

[dir="rtl"] .opti-seller-avatar {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .opti-safety-list li {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .opti-safety-list li::before {
    left: auto;
    right: 0;
}

/* ========================================
   Gallery RTL
   ======================================== */

[dir="rtl"] .opti-detail-gallery-thumbs {
    flex-direction: row-reverse;
}

/* ========================================
   Pagination RTL
   ======================================== */

[dir="rtl"] .opti-pagination {
    flex-direction: row-reverse;
}

[dir="rtl"] .opti-page-prev::before,
[dir="rtl"] .opti-page-next::after {
    transform: rotate(180deg);
}

/* ========================================
   Loop Post Widget RTL
   ======================================== */

[dir="rtl"] .opti-loop-card {
    text-align: right;
}

[dir="rtl"] .opti-loop-card-meta {
    flex-direction: row-reverse;
}

[dir="rtl"] .opti-loop-card-btn::after {
    content: '←';
    margin-left: 0;
    margin-right: 8px;
}

[dir="rtl"] .opti-loop-pagination {
    flex-direction: row-reverse;
}

/* ========================================
   Upload Zones RTL
   ======================================== */

[dir="rtl"] .opti-image-upload-zone {
    text-align: right;
}

[dir="rtl"] .opti-profile-photo-zone {
    text-align: right;
}

[dir="rtl"] .opti-preview-item .opti-preview-remove {
    left: 5px;
    right: auto;
}

[dir="rtl"] #opti-profile-remove {
    left: 10px;
    right: auto;
}

/* ========================================
   Buttons RTL
   ======================================== */

[dir="rtl"] .opti-btn svg,
[dir="rtl"] .opti-btn i {
    margin-left: 8px;
    margin-right: 0;
}

/* ========================================
   Related Ads RTL
   ======================================== */

[dir="rtl"] .opti-related-grid {
    direction: rtl;
}

[dir="rtl"] .opti-related-card {
    text-align: right;
}

/* ========================================
   Divider Heading Widget RTL
   ======================================== */

[dir="rtl"] .opti-divider-heading {
    text-align: right;
}

/* ========================================
   Social Media Widget RTL
   ======================================== */

[dir="rtl"] .opti-social-media-links {
    flex-direction: row-reverse;
}

/* ========================================
   Admin RTL (if needed)
   ======================================== */

[dir="rtl"] .opti-locations-manager {
    text-align: right;
}

[dir="rtl"] .opti-location-card {
    text-align: right;
}

[dir="rtl"] .opti-country-item .dashicons {
    margin-left: 8px;
    margin-right: 0;
}

[dir="rtl"] .opti-city-item .dashicons {
    margin-left: 8px;
    margin-right: 0;
}

[dir="rtl"] .opti-cities-list {
    padding-left: 0;
    padding-right: 30px;
}