/* 
   RTL (Right-to-Left) stylesheet for Imployii 
   Used for Arabic, Hebrew, Urdu, Farsi and other RTL languages
*/

/* Global RTL layout adjustments */
body {
    direction: rtl;
    text-align: right;
}

/* Navigation adjustments */
.navbar-nav {
    padding-right: 0;
}

.navbar .dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

/* Form elements */
.form-check {
    padding-right: 1.25rem;
    padding-left: 0;
}

.form-check-input {
    margin-right: -1.25rem;
    margin-left: 0;
}

/* Table adjustments */
.table th,
.table td {
    text-align: right;
}

/* Alert components */
.alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem;
}

.alert-dismissible .close {
    right: auto;
    left: 0;
}

/* Card components */
.card-header .float-right {
    float: left !important;
}

.card-header .float-left {
    float: right !important;
}

/* List groups */
.list-group {
    padding-right: 0;
}

/* Input groups */
.input-group > .input-group-prepend > .input-group-text {
    border-radius: 0 0.25rem 0.25rem 0;
}

.input-group > .input-group-append > .input-group-text {
    border-radius: 0.25rem 0 0 0.25rem;
}

.input-group > .form-control:not(:last-child) {
    border-radius: 0 0.25rem 0.25rem 0;
}

.input-group > .form-control:not(:first-child) {
    border-radius: 0.25rem 0 0 0.25rem;
}

/* Pagination */
.pagination {
    padding-right: 0;
}

/* Modal dialog */
.modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

/* Fix for Font Awesome icons */
.fa-arrow-right:before {
    content: "\f060"; /* Arrow left */
}

.fa-arrow-left:before {
    content: "\f061"; /* Arrow right */
}

.fa-long-arrow-right:before {
    content: "\f177"; /* Long arrow left */
}

.fa-long-arrow-left:before {
    content: "\f178"; /* Long arrow right */
}

/* Job cards and listings */
.job-listing-card .job-meta {
    text-align: right;
}

.job-actions .btn-group {
    flex-direction: row-reverse;
}

/* User profiles */
.profile-header .profile-image {
    margin-right: 0;
    margin-left: 1.5rem;
}

/* Dashboard widgets */
.dashboard-stat .stat-icon {
    margin-right: 0;
    margin-left: 1rem;
}

/* Spacing utilities overrides */
.mr-1, .mr-2, .mr-3, .mr-4, .mr-5 {
    margin-right: 0 !important;
}

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

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

.ml-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.ml-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

.ml-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

.pr-1, .pr-2, .pr-3, .pr-4, .pr-5 {
    padding-right: 0 !important;
}

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

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

.pl-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

.pl-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

.pl-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

/* Country selector and language dropdown */
.country-selector .flag-icon {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Bootstrap 5 margin classes */
.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

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

.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;
}

/* Bootstrap 5 padding classes */
.pe-1 {
    padding-left: 0.25rem !important;
    padding-right: 0 !important;
}

.pe-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}

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

.ps-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
}

.ps-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
}

.ps-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}