/* RTL Direction Specific Styles */

body {
    text-align: right;
}

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

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

/* Margin and padding fixes */
.ml-1, .ml-2, .ml-3, .ml-4, .ml-5, .ml-6, .ml-7, .ml-8, .ml-9, .ml-10, .ml-auto {
    margin-left: 0 !important;
}

.mr-1, .mr-2, .mr-3, .mr-4, .mr-5, .mr-6, .mr-7, .mr-8, .mr-9, .mr-10, .mr-auto {
    margin-right: 0 !important;
}

.pl-1, .pl-2, .pl-3, .pl-4, .pl-5, .pl-6, .pl-7, .pl-8, .pl-9, .pl-10 {
    padding-left: 0 !important;
}

.pr-1, .pr-2, .pr-3, .pr-4, .pr-5, .pr-6, .pr-7, .pr-8, .pr-9, .pr-10 {
    padding-right: 0 !important;
}

.ml-1 {
    margin-right: 0.25rem !important;
}

.ml-2 {
    margin-right: 0.5rem !important;
}

.ml-3 {
    margin-right: 0.75rem !important;
}

.ml-4 {
    margin-right: 1rem !important;
}

.ml-5 {
    margin-right: 1.25rem !important;
}

.ml-6 {
    margin-right: 1.5rem !important;
}

.ml-8 {
    margin-right: 2rem !important;
}

.ml-10 {
    margin-right: 2.5rem !important;
}

.ml-auto {
    margin-right: auto !important;
}

.mr-1 {
    margin-left: 0.25rem !important;
}

.mr-2 {
    margin-left: 0.5rem !important;
}

.mr-3 {
    margin-left: 0.75rem !important;
}

.mr-4 {
    margin-left: 1rem !important;
}

.mr-5 {
    margin-left: 1.25rem !important;
}

.mr-6 {
    margin-left: 1.5rem !important;
}

.mr-8 {
    margin-left: 2rem !important;
}

.mr-10 {
    margin-left: 2.5rem !important;
}

.mr-auto {
    margin-left: auto !important;
}

.pl-1 {
    padding-right: 0.25rem !important;
}

.pl-2 {
    padding-right: 0.5rem !important;
}

.pl-3 {
    padding-right: 0.75rem !important;
}

.pl-4 {
    padding-right: 1rem !important;
}

.pr-1 {
    padding-left: 0.25rem !important;
}

.pr-2 {
    padding-left: 0.5rem !important;
}

.pr-3 {
    padding-left: 0.75rem !important;
}

.pr-4 {
    padding-left: 1rem !important;
}

/* Navbar specific fixes */
.sm\:ml-10 {
    margin-left: 0 !important;
    margin-right: 2.5rem !important;
}

.sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1 !important;
    margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1 !important; 
    margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1 !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1 !important;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

/* Border fixes */
.border-l, .border-l-2, .border-l-4 {
    border-left: 0 !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.border-r, .border-r-2, .border-r-4 {
    border-right: 0 !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
}

/* Responsive nav link border fix */
.border-l-4 {
    border-right-width: 4px !important;
}

/* Flex direction */
.flex-row {
    flex-direction: row-reverse !important;
}

.justify-start {
    justify-content: flex-end !important;
}

.justify-end {
    justify-content: flex-start !important;
}

/* Positioning */
.right-0 {
    right: auto !important;
    left: 0 !important;
}

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

/* Dropdown alignment */
.origin-top-right {
    right: auto !important;
    left: 0 !important;
    transform-origin: top left !important;
}

/* Flag icon spacing */
.inline-block.w-4.mr-1, .inline-block.w-5.mr-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

/* Fix icon directions */
.fa-arrow-right:before {
    content: "\f060" !important; /* Left arrow */
}

.fa-arrow-left:before {
    content: "\f061" !important; /* Right arrow */
}

/* Add styles for specific responsive navbar elements */
.ps-3 {
    padding-right: 0.75rem !important;
    padding-left: 0 !important;
}

.pe-4 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

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

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

/* Other RTL-specific styles */
/* Add any other RTL-specific styles needed for your UI */