/* ========================================
   RTL Styles for Arabic (lang="ar")
   ======================================== */

/* --- Base Direction --- */
html[lang="ar"] {
    direction: rtl;
}
html[lang="ar"] body {
    text-align: right;
}

/* --- Float Swaps --- */
html[lang="ar"] .f-left { float: right !important; }
html[lang="ar"] .f-right { float: left !important; }

/* --- Header Area --- */
html[lang="ar"] .header-btn a { margin-left: 0; margin-right: 23px; }

/* --- Navigation (meanmenu mobile) --- */
html[lang="ar"] .mean-container .mean-bar { float: right !important; }
html[lang="ar"] .mean-container .mean-nav { float: right !important; }
html[lang="ar"] .mean-container .mean-nav ul li { float: right !important; }
html[lang="ar"] .mean-container .mean-nav ul li a { float: right !important; text-align: right !important; }
html[lang="ar"] .mean-container .mean-push { float: right !important; }
html[lang="ar"] .mean-container a.meanmenu-reveal { right: auto !important; left: 15px !important; margin-top: -38px !important; top: -45px !important; }
html[lang="ar"] .logo { margin-top: -30px !important; }
html[lang="ar"] .logo img { margin-top: 0 !important; }
html[lang="ar"] .mean-container a.mean-expand { right: auto !important; left: 0 !important; border-style: none none solid solid !important; border-width: medium medium 1px 1px !important; }

/* --- About Section --- */
html[lang="ar"] .section-head.text-left,
html[lang="ar"] .section-head.text-left h1,
html[lang="ar"] .section-head.text-left h2,
html[lang="ar"] .section-head.text-left h3 { text-align: right !important; }

/* --- Skills --- */
html[lang="ar"] .progressbar-label h5 span.f-right { float: left !important; }

/* --- Experience/Resume --- */
html[lang="ar"] .expreience-band span { margin-left: 0; margin-right: 15px; }
html[lang="ar"] .single-resume-card p { text-align: right !important; }

/* --- Testimonials --- */
html[lang="ar"] .testi-profile { margin-left: 0; margin-right: auto; }
html[lang="ar"] .testi-description p:before { left: auto; right: 6%; }
html[lang="ar"] .testi-description p:after { right: auto; left: 6%; }

/* --- Owl Carousel (keep carousel LTR internally) --- */
html[lang="ar"] .owl-carousel { direction: ltr; }
html[lang="ar"] .owl-carousel .owl-nav div.owl-prev { left: auto; right: 20px; }
html[lang="ar"] .owl-carousel .owl-nav div.owl-next { right: auto; left: 20px; }

/* --- Magnific Popup --- */
html[lang="ar"] .mfp-content { text-align: right; }
html[lang="ar"] .mfp-close { right: auto; left: 0; }
html[lang="ar"] .mfp-image-holder .mfp-close { right: auto; left: -6px; }
html[lang="ar"] .mfp-counter { right: auto; left: 0; }
html[lang="ar"] .mfp-arrow-right { right: auto; left: 0; }
html[lang="ar"] .mfp-arrow-left { left: auto; right: 0; }
html[lang="ar"] .mfp-title { text-align: right; padding-right: 0; padding-left: 36px; }

/* --- Back to Top --- */
html[lang="ar"] .back_top { right: auto; left: 20px; }