/* Frontend RTL Styles for RondBiz SIM Card Plugin */

/* Apply to a general plugin container if one exists, or to specific elements */
.rondbiz-container, /* From style.css */
.rondbiz-login-container, /* From shortcodes.php */
.rondbiz-search-container, /* From shortcodes.php */
.rondbiz-latest-ads-container, /* From shortcodes.php */
.rondbiz-featured-ads-container, /* From shortcodes.php */
.rondbiz-filter-container, /* From shortcodes.php */
.rondbiz-dashboard-container, /* From dashboard.php */
body.rtl .elementor-widget-rondbiz_dashboard .rondbiz-dashboard-container, /* Elementor context */
body.rtl .elementor-widget-rondbiz_search_form .rondbiz-search-container,
body.rtl .elementor-widget-rondbiz_latest_ads .rondbiz-latest-ads-container,
body.rtl .elementor-widget-rondbiz_featured_ads .rondbiz-featured-ads-container,
body.rtl .elementor-widget-rondbiz_filter .rondbiz-filter-container {
    direction: rtl;
    text-align: right;
}

/* General Text Alignment */
.rtl .rondbiz-text-left {
    text-align: right !important; /* Override LTR specific alignment */
}
.rtl .rondbiz-text-right {
    text-align: left !important; /* Override LTR specific alignment if it was meant for visual right */
}

/* Typography */
.rtl .rondbiz-title,
.rtl .rondbiz-subtitle,
.rtl .rondbiz-price,
.rtl .rondbiz-label,
.rtl .rondbiz-ad-title,
.rtl .rondbiz-single-ad-title,
.rtl .rondbiz-dashboard-title {
    text-align: right;
}

/* Buttons */
.rtl .rondbiz-button .dashicons { /* If icons are on the left in LTR */
    margin-right: 0;
    margin-left: 5px;
}

/* Forms */
.rtl .rondbiz-form-group,
.rtl .rondbiz-form-control,
.rtl .rondbiz-form-check,
.rtl .rondbiz-search-field input,
.rtl .rondbiz-filter-form select,
.rtl .rondbiz-filter-form input[type="number"],
.rtl .rondbiz-dashboard-container input[type="text"],
.rtl .rondbiz-dashboard-container input[type="number"],
.rtl .rondbiz-dashboard-container textarea,
.rtl .rondbiz-dashboard-container select {
    text-align: right;
    direction: rtl; /* For cursor behavior */
}

.rtl .rondbiz-form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}
.rtl .rondbiz-form-check-input {
    margin-left: 0;
    margin-right: -1.25rem;
}
.rtl .rondbiz-form-required {
    margin-left: 0;
    margin-right: 3px;
}

.rtl .rondbiz-search-field {
    /* Assuming it's a flex or inline-block layout, adjust as needed */
}
.rtl .rondbiz-search-button {
    /* Adjust margins if necessary */
}
.rtl .rondbiz-search-button .dashicons {
    margin-right: 0;
    margin-left: 3px; /* Space between icon and text */
}


.rtl .rondbiz-filter-toggle .dashicons {
    margin-left: 0;
    margin-right: 5px;
}

/* Grid System & Cards - Flexbox grids usually adapt well, but check margins/paddings */
.rtl .rondbiz-row {
    /* flex-direction: row-reverse; /* Uncomment if columns need to be visually flipped */
}
.rtl .rondbiz-col, .rtl .rondbiz-col-6, .rtl .rondbiz-col-4, .rtl .rondbiz-col-3 {
    /* Check padding and margin directions */
    /* Example: if LTR has padding-left, RTL needs padding-right */
}

.rtl .rondbiz-card-meta {
    flex-direction: row-reverse; /* If items were LTR */
}
.rtl .rondbiz-featured-badge {
    right: auto;
    left: 10px;
}

/* Advertisement List */
.rtl .rondbiz-ad-item {
    /* If flex, flex-direction: row-reverse might be needed for image/content order */
}
.rtl .rondbiz-ad-image {
    margin-right: 0;
    margin-left: 20px; /* If image was on the left */
}
.rtl .rondbiz-ad-meta-item {
    margin-right: 0;
    margin-left: 15px;
}
.rtl .rondbiz-ad-meta-item .dashicons {
    margin-right: 0;
    margin-left: 5px;
}
.rtl .rondbiz-ad-footer {
    /* If flex, flex-direction: row-reverse might be needed */
}

/* Single Advertisement */
.rtl .rondbiz-single-ad-meta-item {
    margin-right: 0;
    margin-left: 20px;
}
.rtl .rondbiz-single-ad-meta-item .dashicons {
    margin-right: 0;
    margin-left: 5px;
}
.rtl .rondbiz-single-ad-details-item {
    /* If flex, flex-direction: row-reverse; */
}
.rtl .rondbiz-single-ad-details-label {
    /* text-align: right; already covered by container */
}
.rtl .rondbiz-single-ad-contact-item {
    /* If flex, flex-direction: row-reverse; */
}

/* Dashboard */
.rtl .rondbiz-dashboard-nav ul {
    padding-right: 0; /* Remove default LTR padding */
}
.rtl .rondbiz-dashboard-nav li {
    float: right; /* Change float direction */
    margin-right: 0;
    margin-left: 10px; /* Add margin to the other side */
}
.rtl .rondbiz-dashboard-tabs a {
    margin-right: 0;
    margin-left: 5px;
}

.rtl .rondbiz-user-ads-table th,
.rtl .rondbiz-user-ads-table td,
.rtl .rondbiz-ads-table th, /* From dashboard.php inline style */
.rtl .rondbiz-ads-table td {
    text-align: right !important;
}
.rtl .rondbiz-user-ads-table .rondbiz-actions {
    /* text-align: left; /* Actions often remain LTR visually */
    /* Or if flex: */
    /* justify-content: flex-start; */
}
.rtl .rondbiz-user-ads-table .rondbiz-actions a {
    margin-left: 0;
    margin-right: 10px;
}

/* Statistics */
.rtl .rondbiz-statistics-summary {
    /* If flex, flex-direction: row-reverse; to flip card order if desired */
}

/* Profile */
.rtl .rondbiz-profile-stats {
    /* If flex, flex-direction: row-reverse; */
}
.rtl .rondbiz-profile-stat {
    /* Adjust margins if they were side-specific */
}

/* Pagination */
.rtl .rondbiz-pagination a,
.rtl .rondbiz-pagination span {
    margin: 0 0 0 3px; /* Adjust margins for RTL */
}

/* Alerts */
.rtl .rondbiz-alert-dismissible {
    padding-right: 15px; /* Original LTR padding-right */
    padding-left: 40px;  /* Space for close button on the left */
}
.rtl .rondbiz-alert-dismissible .rondbiz-close {
    right: auto;
    left: 15px;
}

/* Modal */
.rtl .rondbiz-modal-header {
    text-align: right;
}
.rtl .rondbiz-modal-close {
    right: auto;
    left: 15px;
}
.rtl .rondbiz-modal-footer {
    text-align: left; /* Buttons usually remain LTR order */
}
.rtl .rondbiz-modal-footer .rondbiz-button {
    margin-left: 0;
    margin-right: 10px;
}

/* Tooltip */
.rtl .rondbiz-tooltip .rondbiz-tooltip-text {
    /* Position adjustments might be needed if it's not centered */
}
.rtl .rondbiz-tooltip .rondbiz-tooltip-text::after {
    /* Adjust arrow position if needed */
}

/* Image Upload */
.rtl .rondbiz-image-upload-buttons .rondbiz-button {
    margin-right: 0;
    margin-left: 10px;
}

/* Select2 Custom Styles (if you are using Select2) */
.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
    /* position: absolute; left: 1px; top: 1px; */ /* Example */
}

/* Utility Classes - reverse ml/mr, pl/pr etc. */
.rtl .rondbiz-ml-0 { margin-left: auto !important; margin-right: 0 !important; } /* Example for ml-0 */
.rtl .rondbiz-mr-0 { margin-right: auto !important; margin-left: 0 !important; } /* Example for mr-0 */
/* Add similar reversals for rondbiz-ml-1 to 5, rondbiz-mr-1 to 5 */
/* Example: .rtl .rondbiz-ml-1 { margin-left: auto !important; margin-right: 5px !important; } */
/* Example: .rtl .rondbiz-mr-1 { margin-right: auto !important; margin-left: 5px !important; } */

.rtl .rondbiz-ml-1 { margin-left: auto !important; margin-right: 5px !important; }
.rtl .rondbiz-ml-2 { margin-left: auto !important; margin-right: 10px !important; }
.rtl .rondbiz-ml-3 { margin-left: auto !important; margin-right: 15px !important; }
.rtl .rondbiz-ml-4 { margin-left: auto !important; margin-right: 20px !important; }
.rtl .rondbiz-ml-5 { margin-left: auto !important; margin-right: 30px !important; }

.rtl .rondbiz-mr-1 { margin-right: auto !important; margin-left: 5px !important; }
.rtl .rondbiz-mr-2 { margin-right: auto !important; margin-left: 10px !important; }
.rtl .rondbiz-mr-3 { margin-right: auto !important; margin-left: 15px !important; }
.rtl .rondbiz-mr-4 { margin-right: auto !important; margin-left: 20px !important; }
.rtl .rondbiz-mr-5 { margin-right: auto !important; margin-left: 30px !important; }


/* The original style.css is very comprehensive.
   These are general RTL guidelines. Specific components will need to be
   checked and adjusted during the testing phase. Pay close attention to:
   - Floats: float: left becomes float: right
   - Margins/Paddings: margin-left becomes margin-right, padding-left becomes padding-right
   - Text alignment: text-align: left becomes text-align: right
   - Flexbox: justify-content and order might need changes (e.g. flex-direction: row-reverse)
   - Positioning: left becomes right, right becomes left for absolutely positioned elements.
*/