/* RTL Specific Styles for SPORT EDUCATION TANGER */

/* General RTL adjustments */
body.rtl {
    text-align: right;
    direction: rtl;
}

/* Fix icon alignments in RTL mode */
.rtl .me-1, 
.rtl .me-2, 
.rtl .me-3, 
.rtl .me-4 {
    margin-right: 0 !important;
}

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

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

.rtl .me-3 {
    margin-left: 1rem !important;
}

.rtl .me-4 {
    margin-left: 1.5rem !important;
}

.rtl .ms-1, 
.rtl .ms-2, 
.rtl .ms-3, 
.rtl .ms-4 {
    margin-left: 0 !important;
}

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

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

.rtl .ms-3 {
    margin-right: 1rem !important;
}

.rtl .ms-4 {
    margin-right: 1.5rem !important;
}

/* Fix fa icons direction in RTL */
.rtl .fa, 
.rtl .fas, 
.rtl .far, 
.rtl .fal, 
.rtl .fab {
    display: inline-block;
}

/* Fix input groups in RTL */
.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rtl .input-group > :not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

/* Fix dropdown menu alignment */
.rtl .dropdown-menu {
    text-align: right;
}

/* Fix the float property */
.rtl .float-start {
    float: right !important;
}

.rtl .float-end {
    float: left !important;
}

/* Fix border-radius for sport panels */
.rtl .sport-panel-header {
    border-radius: 0 0.375rem 0.375rem 0;
}

/* Fix text alignment in cards */
.rtl .card-text,
.rtl .card-title,
.rtl .card-header,
.rtl .card-body {
    text-align: right;
}

/* Fix flexbox direction */
.rtl .d-flex {
    flex-direction: row-reverse;
}

/* But not for these specific components */
.rtl .navbar .d-flex,
.rtl .input-group .d-flex,
.rtl .btn .d-flex,
.rtl .nav .d-flex {
    flex-direction: row;
}

/* Fix badge alignment */
.rtl .badge {
    direction: ltr;
}

/* Fix image gallery arrows */
.rtl .carousel-control-prev {
    left: auto;
    right: 0;
}

.rtl .carousel-control-next {
    right: auto;
    left: 0;
}

/* Fix facility-specific layouts */
.rtl .facility-details-card {
    text-align: right;
}

/* Fix border styles for RTL */
.rtl [style*="border-left"] {
    border-left: none !important;
    border-right: 4px solid #f68b1f !important;
}

/* Fix specific facility page elements */
.rtl .sport-icon {
    margin-right: 0;
    margin-left: 0.75rem;
}

.rtl .nearby-facility-item .flex-shrink-0 {
    margin-right: 0;
    margin-left: 1rem;
}

/* Ensure map controls are properly positioned */
.rtl .leaflet-control-container .leaflet-top.leaflet-left {
    left: auto;
    right: 0;
}

/* Fix form specific elements */
.rtl select,
.rtl input {
    text-align: right;
}

/* Fix alert icons alignment */
.rtl .alert i {
    margin-right: 0;
    margin-left: 0.75rem;
}