/* URGENT FONTAWESOME FIX */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

[dir="rtl"] .fa,
[dir="rtl"] .fas, 
[dir="rtl"] .far,
[dir="rtl"] .fal,
[dir="rtl"] .fab,
[dir="rtl"] .fad {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    direction: ltr !important;
    unicode-bidi: isolate;
}

*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad) {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic&display=swap');

/* Global RTL Font - but exclude FontAwesome icons */
*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad) {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

a{text-decoration:none!important}
.header_menu a{line-height:80px}
.dropdown-toggle{padding-inline:16px!important}
#navbarSupportedContent .dropdown-toggle::after{content:initial}
.dropdown-menu[data-bs-popper]{left:initial}
.select2-selection.select2-selection--single{direction:ltr}
.select2-selection__rendered .mt-2.show.active{text-align:right}
.select2-selection__rendered{padding-right:20px!important;text-align:right!important}
.select2-selection__arrow{left:initial!important;z-index:3}
.input-items.show .show.active,.input-items>div:first-of-type{margin-inline-start:12px}
a.dropdown-btn{text-decoration:none}
.dropdown-btn::after{right:initial;left:20px;border:initial}
.dropdown-item.active,.dropdown-item:active{background-color:transparent}
.flights_arrival>.show.active,.from_flights>.show.active{margin-inline-start:12px}
.swap-places{margin-inline-start:-26px}
.slick-list.draggable{direction:initial}
.loader-line-mask{direction:initial}
#flight--list-targets,.list.remove_duplication{padding-right:unset}
.oneway--checkbox-filter .form-check-label img{margin-inline-start:1.5em!important}
.mix.all .py-2>span{left:unset;right:10px}
.flight--timeline::before{left:unset;right:7px}
.booking-detail-form.mb-2 .list-items>.list-items{padding-right:unset!important}
#invoice .d-flex.align-items-center span.position-relative{margin-right:unset!important}
#invoice .d-flex.align-items-center span.me-4{margin-right:unset!important}
#invoice .mt-1.h6{margin-left:unset!important;margin-right:42px}
#invoice .invoice--time-line{left:unset;right:7px}
.homepage { margin-bottom: 32px !important;}
.form-check-input { margin-left: 0px !important; }

/* ===== UMRAH PAGE RTL STYLES ===== */

/* RTL Base */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Fix FontAwesome icons - CRITICAL */
[dir="rtl"] .fa,
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fal,
[dir="rtl"] .fab,
[dir="rtl"] .fad {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
    direction: ltr !important;
    unicode-bidi: isolate;
}

[dir="rtl"] .fa::before,
[dir="rtl"] .fas::before,
[dir="rtl"] .far::before,
[dir="rtl"] .fal::before,
[dir="rtl"] .fab::before,
[dir="rtl"] .fad::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
    direction: ltr !important;
}

/* Only flip directional arrows */
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left {
    transform: scaleX(-1);
}

[dir="rtl"] .view-details-btn .fa-arrow-right,
[dir="rtl"] .select-room-btn .fa-arrow-right {
    transform: scaleX(-1);
}

/* RTL Layout */
[dir="rtl"] .container,
[dir="rtl"] .row,
[dir="rtl"] .col-md-8,
[dir="rtl"] .col-md-4,
[dir="rtl"] .col-12,
[dir="rtl"] .col-md-6,
[dir="rtl"] .col-lg-4 {
    direction: rtl;
}

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

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

/* RTL Spacing */
[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"] .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; }

/* RTL Positioning */
[dir="rtl"] .position-absolute.top-0.start-0 {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .position-absolute.top-0.end-0 {
    left: 0 !important;
    right: auto !important;
}

[dir="rtl"] .position-absolute.bottom-0.start-0 {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .position-absolute.bottom-0.end-0 {
    left: 0 !important;
    right: auto !important;
}

/* RTL Header Banner */
[dir="rtl"] .py-4.mb-0 .text-center > div[style*="right: 20px"] {
    right: auto !important;
    left: 20px !important;
}

/* RTL Cards */
[dir="rtl"] .umrah-card,
[dir="rtl"] .card-body,
[dir="rtl"] .card-title {
    text-align: right;
}

/* RTL Hotel Info */
[dir="rtl"] .hotel-info {
    border-left: none !important;
    border-right: 4px solid #0d8b4e !important;
}

/* RTL Availability Details */
[dir="rtl"] .availability-details[style*="border-left"] {
    border-left: none !important;
    border-right: 3px solid #0d8b4e !important;
}

/* RTL Extra Beds */
[dir="rtl"] .room-features .rounded-3[style*="border-left"] {
    border-left: none !important;
    border-right: 3px solid #ffc107 !important;
}

/* RTL Quantity Indicators */
[dir="rtl"] .no-availability::before {
    right: auto !important;
    left: -2px !important;
    border-radius: 0 0 8px 0 !important;
}

[dir="rtl"] .last-room::before {
    right: auto !important;
    left: -2px !important;
    border-radius: 0 0 8px 0 !important;
}

[dir="rtl"] .low-availability::before {
    right: auto !important;
    left: -2px !important;
    border-radius: 0 0 8px 0 !important;
}

/* RTL Best Value Ribbon */
[dir="rtl"] .card-header-islamic .badge.bg-warning {
    transform: translateX(50%);
}

[dir="rtl"] @keyframes pulse {
    0% { transform: translateX(50%) scale(1); }
    50% { transform: translateX(50%) scale(1.05); }
    100% { transform: translateX(50%) scale(1); }
}

/* RTL Icon Spacing */
[dir="rtl"] .fa-mosque,
[dir="rtl"] .fa-calendar-alt,
[dir="rtl"] .fa-hotel,
[dir="rtl"] .fa-utensils,
[dir="rtl"] .fa-door-closed,
[dir="rtl"] .fa-info-circle,
[dir="rtl"] .fa-plus-circle,
[dir="rtl"] .fa-bed,
[dir="rtl"] .fa-users {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* RTL Mobile */
@media (max-width: 768px) {
    [dir="rtl"] .type-header h3 {
        text-align: right;
    }
    
    [dir="rtl"] .room-badges-grid .row {
        direction: rtl;
    }
}