/* Font Awesome Icon Fixes for RTL Arabic */

/* Ensure Font Awesome is loaded */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Force icon visibility in RTL */
html[dir="rtl"] i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-style: normal !important;
}

/* Font Awesome specific fixes */
html[dir="rtl"] .fa,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fab,
html[dir="rtl"] .fal,
html[dir="rtl"] .fad,
html[dir="rtl"] .fak {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Specific icon class fixes */
html[dir="rtl"] .fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

html[dir="rtl"] .far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

html[dir="rtl"] .fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Navigation icon fixes */
html[dir="rtl"] .nav-link-hero i,
html[dir="rtl"] .mobile-nav-link i {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Dropdown arrow fixes */
html[dir="rtl"] .fa-chevron-down {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Download button icon fix */
html[dir="rtl"] .btn-download i,
html[dir="rtl"] .download-app-btn i {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Mobile menu icon fix */
html[dir="rtl"] .mobile-menu-btn i,
html[dir="rtl"] .fa-bars {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Service and feature icons */
html[dir="rtl"] .service-icon i,
html[dir="rtl"] .feature-icon i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Contact section icons */
html[dir="rtl"] .contact-info i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* Footer icons */
html[dir="rtl"] .footer i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Social media icons */
html[dir="rtl"] .social-icons i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Form icons */
html[dir="rtl"] .form-icon i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Specific icon content fixes */
html[dir="rtl"] .fa-phone::before {
    content: "\f095" !important;
    display: inline-block !important;
}

html[dir="rtl"] .fa-envelope::before {
    content: "\f0e0" !important;
    display: inline-block !important;
}

html[dir="rtl"] .fa-map-marker-alt::before {
    content: "\f3c5" !important;
    display: inline-block !important;
}

html[dir="rtl"] .fa-download::before {
    content: "\f019" !important;
    display: inline-block !important;
}

html[dir="rtl"] .fa-chevron-down::before {
    content: "\f078" !important;
    display: inline-block !important;
}

html[dir="rtl"] .fa-bars::before {
    content: "\f0c9" !important;
    display: inline-block !important;
}

html[dir="rtl"] .fa-times::before {
    content: "\f00d" !important;
    display: inline-block !important;
}

/* Override any conflicting styles */
html[dir="rtl"] [class*="fa-"] {
    font-family: inherit !important;
}

html[dir="rtl"] .fa,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Fix icon positioning in RTL context */
html[dir="rtl"] i[class*="fa-"] {
    unicode-bidi: bidi-override;
    direction: ltr;
    display: inline-block !important;
}

/* Ensure icons appear correctly in buttons */
html[dir="rtl"] button i,
html[dir="rtl"] .btn i,
html[dir="rtl"] a i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force display for hidden icons */
html[dir="rtl"] .hidden-icon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Chat modal icons */
html[dir="rtl"] .chat-modal i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Additional icon classes that might be used */
html[dir="rtl"] .icon,
html[dir="rtl"] .fa-icon,
html[dir="rtl"] .fontawesome-icon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}