/* ============================================
   RTL (Right-to-Left) Overrides for Arabic
   ============================================ */

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

/* Font: use Cairo for Arabic */
[dir="rtl"] body {
    font-family: 'Cairo', 'Rubik', sans-serif;
}

/* ---- Flex Direction Mirrors ---- */
[dir="rtl"] .d-flex:not(.flex-column),
[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

/* ---- Margin/Padding Mirrors ---- */
[dir="rtl"] .ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

[dir="rtl"] .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

[dir="rtl"] .ms-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

[dir="rtl"] .ms-auto {
    margin-left: unset !important;
    margin-right: auto !important;
}

[dir="rtl"] .me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

[dir="rtl"] .me-auto {
    margin-right: unset !important;
    margin-left: auto !important;
}

[dir="rtl"] .ps-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

[dir="rtl"] .ps-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

[dir="rtl"] .pe-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

[dir="rtl"] .pe-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

/* ---- Text Alignment ---- */
[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

/* ---- Float Mirrors ---- */
[dir="rtl"] .float-start {
    float: right !important;
}

[dir="rtl"] .float-end {
    float: left !important;
}

/* ---- Border Mirrors ---- */
[dir="rtl"] .border-start {
    border-left: none !important;
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

[dir="rtl"] .border-end {
    border-right: none !important;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* ---- Slide Menu ---- */
[dir="rtl"] .slide-menu {
    left: auto;
    right: -320px;
}

[dir="rtl"] .slide-menu.open {
    right: 0;
}

/* ---- Breadcrumb ---- */
[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
    content: "\\";
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}

/* ---- Product card actions ---- */
[dir="rtl"] .product-card-abaya .card-body {
    text-align: right;
}

/* ---- Form elements ---- */
[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] .form-control-abaya,
[dir="rtl"] .form-select-abaya {
    text-align: right;
}

/* ---- Lists ---- */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}

/* ---- Carousel arrows ---- */
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

/* ---- Footer ---- */
[dir="rtl"] .footer-abaya .footer-links {
    text-align: right;
}

/* ---- Dropdown menus ---- */
[dir="rtl"] .dropdown-menu {
    text-align: right;
}