body {
    text-align: right;
}

.ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.text-end {
    text-align: left !important;
}

.text-start {
    text-align: right !important;
}

/* Adjustments for icons and spacing */
.me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.me-3 { margin-left: 1rem !important; margin-right: 0 !important; }

.ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }

/* Flip carousels and arrows if needed */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    transform: scaleX(-1);
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}
/* Fix horizontal scroll caused by Bootstrap gap in RTL */
html[dir="rtl"] .row.g-5 {
    --bs-gutter-x: 1rem !important; /* reduce gap */
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow-x: hidden !important;
}
main {
    overflow-x: hidden !important;
}
main {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {
    main {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Fix Bootstrap gap overflow in RTL */
html[dir="rtl"] .row.g-5 {
    --bs-gutter-x: 1.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden;
}