/* =====================================================
   GLOBAL RTL
===================================================== */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
    overflow-x: hidden;
}

html[dir="rtl"] * {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* =====================================================
   TYPOGRAPHY
===================================================== */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    line-height: 1.6;
}

html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] small {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    line-height: 1.9;
}

/* =====================================================
   BOOTSTRAP FIXES
===================================================== */
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }
html[dir="rtl"] .float-start { float: right !important; }
html[dir="rtl"] .float-end { float: left !important; }

html[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}
html[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* =====================================================
   TOP HEADER RTL
===================================================== */
html[dir="rtl"] .main-header__one-top-inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

html[dir="rtl"] .main-header__contact-list-style1 {
    flex-direction: row-reverse;
}

html[dir="rtl"] .main-header__contact-list-style1 li + li {
    margin-right: 45px;
    margin-left: 0;
}

html[dir="rtl"] .main-header__contact-list-style1 .icon-box {
    margin-left: 12px;
    margin-right: 0;
}

html[dir="rtl"] .main-header__one-top-right {
    padding-left: 0;
}

/* Social + Language */
html[dir="rtl"] .main-header__social-links-style1 {
    flex-direction: row-reverse;
}

html[dir="rtl"] .main-header__social-links-style1-list {
    flex-direction: row-reverse;
    padding-right: 5px;
    padding-left: 0;
}

html[dir="rtl"] .main-header__social-links-style1-list li + li {
    margin-left: 17px;
    margin-right: 0;
}

/* =====================================================
   MAIN MENU RTL (DESKTOP)
===================================================== */


html[dir="rtl"] .main-menu__list > li {
    margin-left: 32px;
    margin-right: 0;
}

html[dir="rtl"] .main-menu__list > li:last-child {
    margin-left: 0;
}

html[dir="rtl"] .main-menu__list > li > a {
    text-align: right;
}

html[dir="rtl"] .main-menu__list li ul {
    right: 0;
    left: auto;
    text-align: right;
}



/* =====================================================
   BUTTONS
===================================================== */
html[dir="rtl"] .thm-btn span,
html[dir="rtl"] .icon-diagonal-arrow1 {
    transform: rotate(180deg);
    display: inline-block;
}

/* =====================================================
   MOBILE NAV RTL (FINAL – WORKING)
===================================================== */


/* =====================================================
   CONTENT SECTIONS
===================================================== */
html[dir="rtl"] .cause-one__single-content,
html[dir="rtl"] .blog-one__single-content,
html[dir="rtl"] .services-one__single {
    text-align: right;
}

/* Progress bar stays LTR */
html[dir="rtl"] .progress-box {
    direction: ltr;
}

/* =====================================================
   FOOTER
===================================================== */
html[dir="rtl"] .site-footer {
    text-align: right;
}

html[dir="rtl"] .site-footer__bottom-text {
    text-align: center;
}

/* =====================================================
   FORMS
===================================================== */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .about-two__img-list1 {
    position: relative;
    display: block;
    text-align: right;
    margin-left: 30px;
}

html[dir="rtl"] .main-header__one-bottom-right {
    display: flex;
    flex-direction: row-reverse; /* يعكس الترتيب */
    align-items: center;
    gap: 12px; /* بدل margin */
}

/* =====================================================
   FUNFACT ONE – RTL FIX (FINAL & CLEAN)
===================================================== */

/* Direction */
html[dir="rtl"] .funfact-one {
    direction: rtl;
}

/* Container order */
html[dir="rtl"] .funfact-one__box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Remove original LTR paddings */
html[dir="rtl"] .funfact-one__box li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}

/* RTL spacing instead of padding-left */
html[dir="rtl"] .funfact-one__box li:not(:last-child) {
    padding-left: 0;
    padding-right: 90px;
}

html[dir="rtl"] .funfact-one__box li:nth-child(3) {
    padding-right: 170px;
}

html[dir="rtl"] .funfact-one__box li:nth-child(4) {
    padding-right: 208px;
}

/* =======================
   Vertical separators |
======================= */
html[dir="rtl"] .funfact-one__box li::before {
    right: auto;
    left: -45px;
    top: 11px;
    bottom: 8px;
    width: 2px;
    background: #D8DDE1;
}

html[dir="rtl"] .funfact-one__box li:last-child::before {
    display: none;
}

/* =======================
   Numbers + Plus sign
======================= */
html[dir="rtl"] .funfact-one__single-inner h2 {

    text-align: center;
}

/* Plus sign */
html[dir="rtl"] .funfact-one__single-inner h2 .plus {
    direction: ltr;
    margin-left: 0;
    margin-right: 4px;
    top: 0;
}

/* Odometer fix */
html[dir="rtl"] .funfact-one__single-inner h2 .odometer {
    direction: ltr;
    unicode-bidi: isolate;
}

/* =======================
   Text under number
======================= */
html[dir="rtl"] .funfact-one__single-inner p {
    direction: rtl;
    text-align: center;
    font-family: 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
}

/* =======================
   Color variants stay same
======================= */
html[dir="rtl"] .funfact-one__single.clr2 h2 {
    color: var(--donatix-base);
}

html[dir="rtl"] .sec-title__tagline .left-line {
    position: relative;
    display: block;
    width: 65px;
    height: 2px;
    background: var(--donatix-base);
    margin-left: 11px;
}

html[dir="rtl"] .sec-title__tagline .right-line {
    position: relative;
    display: block;
    width: 65px;
    height: 2px;
    background: var(--donatix-base);
    margin-right: 14px;
}



/* ---------------- TOP CONTACT INFO ---------------- */
html[dir="rtl"] .site-footer__top ul li::before {
    right: auto;
    left: 98px;
}

html[dir="rtl"] .site-footer__top-contact-info-single-inner {
    flex-direction: row-reverse;
}


/* ---------------- WIDGET TITLES ---------------- */
html[dir="rtl"] .footer-widget__title-box::before {
    left: auto;
    right: 0;
}


html[dir="rtl"] .footer-widget__recent-posts-list li .content-box {
    position: relative;
    display: block;
    margin-right: 17px;
    flex: 1;
}
/* ---------------- ABOUT SOCIAL ---------------- */
html[dir="rtl"] .footer-widget__about-social-links {
    justify-content: flex-start;
}

html[dir="rtl"] .footer-widget__about-social-links a + a {
    margin-left: 0;
    margin-right: 10px;
}


html[dir="rtl"] .footer-widget__link li a span::before {
    margin-right: 0;
    margin-left: 7px;
    transform: rotate(180deg);
}

/* ---------------- NEWSLETTER ---------------- */
html[dir="rtl"] .footer-widget__newsletter {
    margin-left: 0;
    margin-right: -50px;
}

html[dir="rtl"] .footer-widget__newsletter-input-box input[type="email"] {
    padding-left: 90px;
    padding-right: 30px;
    text-align: right;
}

html[dir="rtl"] .footer-widget__newsletter-btn {
    right: auto;
    left: 5px;
}

/* ---------------- CHECKBOX ---------------- */
html[dir="rtl"] .footer-widget__checked label {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .footer-widget__checked input[type="checkbox"] + label span {
    left: auto;
    right: 0;
}

html[dir="rtl"] .footer-widget__checked label a {
    margin-left: 0;
    margin-right: 10px;
}


html[dir="rtl"] .footer-widget__recent-posts-list li .content-box p span::before {
    margin-right: 0;
    margin-left: 5px;
}

/* ---------------- SHAPES ---------------- */
html[dir="rtl"] .site-footer .shape1 {
    left: auto;
    right: 55px;
}

html[dir="rtl"] .site-footer .shape2 {
    left: auto;
    right: 0;
}

html[dir="rtl"] .site-footer .shape3 {
    right: auto;
    left: 125px;
}


html[dir="rtl"]  .site-footer__top-newsletter-form button {
    position: relative;
    display: block;
    margin-right: 10px;
}


/* =====================================================
   SIDEBAR SHARE – RTL FIX
===================================================== */



/* Icons container */
html[dir="rtl"] .sidebar__share-list {
    flex-direction: row-reverse; /* icons from right to left */
    justify-content: flex-start;
}

/* Remove LTR spacing */
html[dir="rtl"] .sidebar__share-list a + a {
  
       margin-left: 16px;
}

/* Icons themselves stay centered */
html[dir="rtl"] .sidebar__share-list a {
    direction: ltr; /* keep icon fonts correct */
}

html[dir="rtl"] .sidebar__latest-posts-list li .content-box {
    position: relative;
    display: block;
    margin-right: 15px;
    flex: 1;
}

html[dir="rtl"] .blog-details__content-text3-share ul li:last-child {
    margin-right: 10px;
}

html[dir="rtl"]  .blog-details__content-text3-tag ul li:last-child {
    margin-right: 5px;
}

/* ===== RTL FIX ===== */
html[dir="rtl"] .bank-details{
    text-align:right;
}

html[dir="rtl"] .sidebar__organizer-inner{
    flex-direction:row-reverse;
}

html[dir="rtl"] .bank-flag-wrapper{
    margin-left:15px;
    margin-right:0;
}

html[dir="rtl"] .contact-page-info__single .icon-box {

    margin-left:10px;
    margin-right:0;
}


html[dir="rtl"]  .about-two__content-text2-single .icon-box {
    margin-left: 10px;
}

/* ================= RTL SUPPORT ================= */
html[dir="rtl"] .whatsapp-chat {
    right: auto;
    left: 25px;
}

html[dir="rtl"] #main-slider-one--two__pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-right: 30px;
}