/* RTL overrides for Arabic SEO landing pages.
   Bootstrap 5 has its own RTL build but we don't load it sitewide; instead
   we apply minimum RTL fixes scoped to the SEO landing markup. */

[dir="rtl"] body, [dir="rtl"] {
    text-align: right;
}

/* Reverse paddings on the SEO blocks that use Bootstrap's `ps-*`/`pe-*` */
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .me-1, [dir="rtl"] .me-2, [dir="rtl"] .me-3 {
    margin-left: var(--bs-spacer, .5rem) !important;
    margin-right: 0 !important;
}
[dir="rtl"] .ms-1, [dir="rtl"] .ms-2, [dir="rtl"] .ms-3 {
    margin-right: var(--bs-spacer, .5rem) !important;
    margin-left: 0 !important;
}

/* Filter sidebar — flip column order */
@media (min-width: 992px) {
    [dir="rtl"] .row > .col-lg-3 { order: 2; }
    [dir="rtl"] .row > .col-lg-9 { order: 1; }
}

/* Breadcrumb separator */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

/* Listing card text alignment */
[dir="rtl"] .seo-listing-card__title,
[dir="rtl"] .seo-listing-card__price,
[dir="rtl"] .seo-listing-card__meta { text-align: right; }

/* Tables in guides */
[dir="rtl"] .table th, [dir="rtl"] .table td { text-align: right; }

/* Filter sidebar arrows / chevrons */
[dir="rtl"] .fa-chevron-right::before { content: "\f053"; }
[dir="rtl"] .fa-arrow-right::before    { content: "\f060"; }

/* Hero text */
[dir="rtl"] .seo-hero, [dir="rtl"] .seo-h1, [dir="rtl"] .seo-lead { text-align: right; }