/* =========================================================== RTL overrides for Daleel Tibbi Loaded after main.css when =========================================================== */ /* ---------- Base font: Arabic-friendly (loaded via in HTML) ---------- */ [dir="rtl"] body, [dir="rtl"] { font-family: "Cairo", "Tajawal", "Almarai", "Segoe UI", "Tahoma", sans-serif; text-align: right; } [dir="rtl"] .hpi-profile-card__header { margin-left: 0; margin-right: -150px; } [dir="rtl"] .dr-profile-right .hpi-profile-card__header { align-items:flex-start; } [dir="rtl"] .hpi-profile-card__header__info { padding-left: 0; padding-right: 150px; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6, [dir="rtl"] .hpi-hero__title, [dir="rtl"] .hpi-section-heading h2, [dir="rtl"] .hpi-footer__title, [dir="rtl"] .hpi-doctor-card__name, [dir="rtl"] .hpi-facility-card__name, [dir="rtl"] .hpi-result-card__name, [dir="rtl"] .hpi-profile-card__name { font-family: "Cairo", "Almarai", "Tajawal", sans-serif; font-size: 18px; font-weight: 300; } [dir="rtl"] .btn, [dir="rtl"] .hpi-search-form__tag, [dir="rtl"] .hpi-facility-card__tag, [dir="rtl"] .hpi-result-card__tag, [dir="rtl"] .hpi-profile-card__service-tag, [dir="rtl"] .nav-link { font-family: "Tajawal", "Cairo", sans-serif; } [dir="rtl"] .hpi-hero__title, [dir="rtl"] .hpi-hero__subtitle, [dir="rtl"] .hpi-latest-health__title-wrap, [dir="rtl"] .hpi-advertisements__title, [dir="rtl"] .hpi-article-card__header, [dir="rtl"] .hpi-article-card__title-line, [dir="rtl"] .hpi-article-card__cta, [dir="rtl"] .hpi-category-card, [dir="rtl"] .hpi-article-card--video .hpi-article-card__brand, [dir="rtl"] .hpi-article-card--video .hpi-article-card__lead { text-align: center; } /* ---------- Section heading accent bar ---------- */ [dir="rtl"] .hpi-section-heading { border-left: 0; border-right: 3px solid var(--hpi-primary); padding-left: 0; padding-right: 12px; } /* ---------- Navbar ---------- */ [dir="rtl"] .hpi-navbar .navbar-nav { padding-left: 0; padding-right: 15px; } /* ---------- Search form ---------- */ [dir="rtl"] .hpi-search-form__input-group { padding: 4px 20px 4px 4px; } [dir="rtl"] .hpi-search-form__input-group i.fa-search { margin-right: 0; margin-left: 14px; } [dir="rtl"] .hpi-search-form__submit i, [dir="rtl"] .btn i.me-1, [dir="rtl"] .btn i.me-2 { margin-right: 0 !important; margin-left: 8px !important; } /* ---------- Carousel arrows: swap sides + flip chevron ---------- */ [dir="rtl"] .hpi-carousel-arrow--prev { left: auto; right: -18px; } [dir="rtl"] .hpi-carousel-arrow--next { right: auto; left: -18px; } [dir="rtl"] .hpi-carousel-arrow i { transform: scaleX(-1); } /* ---------- Doctor / facility / ad cards: corner icons ---------- */ [dir="rtl"] .hpi-doctor-card__bookmark { right: auto; left: 10px; } [dir="rtl"] .hpi-facility-card__fav { left: auto; right: 10px; } [dir="rtl"] .hpi-ad-card__badge { left: auto; right: 10px; } [dir="rtl"] .hpi-article-card--video .hpi-article-card__youtube { right: auto; left: 16px; } /* ---------- Hero divider gradients flip ---------- */ [dir="rtl"] .hpi-hero__divider::before { background: linear-gradient(to right, rgb(80,79,79) 0%, rgb(80,79,79) 70%, transparent 100%); margin-right: 0; margin-left: -7px; } [dir="rtl"] .hpi-hero__divider::after { background: linear-gradient(to left, rgb(80,79,79) 0%, rgb(80,79,79) 70%, transparent 100%); margin-left: 0; margin-right: -7px; } /* ---------- Results page ---------- */ [dir="rtl"] .hpi-result-card__rating-block { text-align: left; } [dir="rtl"] .hpi-result-card__fav { margin-left: 0; margin-right: 8px; } @media (max-width: 991px) { [dir="rtl"] .hpi-result-card__rating-block { text-align: left; } [dir="rtl"] .hpi-result-card__desc { margin-left: 0; margin-right: -120px } [dir="rtl"] .hpi-result-card__tags { margin-left: 0; margin-right: -120px } [dir="rtl"] .hospital-list .hpi-result-card__desc { margin-left: 0; margin-right: -120px } [dir="rtl"] .hospital-list .hpi-result-card__tags { margin-left: 0; margin-right: -120px } [dir="rtl"] .hpi-profile-card__header { margin-left: 0; margin-right: -150px } [dir="rtl"] .hpi-profile-card__header .hpi-profile-card__rating { margin-left: -175px; } [dir="rtl"] .hpi-profile-card__header__info { padding-right: 160px; } } /* ---------- Profile card ---------- */ [dir="rtl"] .hpi-profile-card__photo-count { right: auto; left: 10px; } [dir="rtl"] .hpi-profile-card__header .hpi-profile-card__rating { text-align: left; margin-top: 20px; margin-left: 0; } [dir="rtl"] .hpi-profile-card__header .hpi-profile-card__rating i { margin-right: 0; margin-left: 3px; } /* ---------- Latest health top "view all" alignment ---------- */ [dir="rtl"] .hpi-latest-health__top { justify-content: flex-end; } /* ---------- Pagination chevrons flip ---------- */ [dir="rtl"] .pagination .page-link i.fa-chevron-left, [dir="rtl"] .pagination .page-link i.fa-chevron-right, [dir="rtl"] .hpi-view-all i.fa-chevron-right, [dir="rtl"] .hpi-btn-pill i.fa-arrow-right, [dir="rtl"] .hpi-partners__text a i.fa-arrow-right { transform: scaleX(-1); display: inline-block; } /* ---------- Footer ---------- */ [dir="rtl"] .hpi-footer__contact .hpi-footer__contact-item, [dir="rtl"] .hpi-footer__article, [dir="rtl"] .hpi-footer__social, [dir="rtl"] .hpi-footer__links { text-align: right; } [dir="rtl"] .hpi-footer__legal { flex-direction: row; } /* ---------- Bootstrap me-/ms- gap helpers for inline icons ---------- */ [dir="rtl"] .me-1, [dir="rtl"] .me-2, [dir="rtl"] .me-3 { margin-right: 0 !important; } [dir="rtl"] .me-1 { margin-left: 0.25rem !important; } [dir="rtl"] .me-2 { margin-left: 0.5rem !important; } [dir="rtl"] .me-3 { margin-left: 1rem !important; } /* ---------- Form select chevron position (RTL) ---------- */ [dir="rtl"] .hpi-search-form__select > i:first-child { order: 0; } [dir="rtl"] .hpi-search-form__select > i:last-child { order: 2; } /* ---------- Profile card actions buttons spacing ---------- */ [dir="rtl"] .hpi-profile-card__actions .btn i { margin-right: 0 !important; margin-left: 6px !important; } /* ---------- Result card meta items wrap nicely ---------- */ [dir="rtl"] .hpi-result-card__meta, [dir="rtl"] .hpi-result-card__meta2, [dir="rtl"] .hpi-doctor-card__meta, [dir="rtl"] .hpi-facility-card__meta { direction: rtl; } /* ---------- Search popular tags ---------- */ [dir="rtl"] .hpi-search-form__popular { direction: rtl; padding-right: 30px; } /* ---------- Sub-navbar lang switcher ---------- */ [dir="rtl"] .hpi-navbar__lang i { margin-right: 0; } /* ---------- Number rendering inside RTL: keep LTR for ratings ---------- */ [dir="rtl"] .hpi-doctor-card__rating, [dir="rtl"] .hpi-facility-card__meta, [dir="rtl"] .hpi-result-card__rating, [dir="rtl"] .hpi-profile-card__rating { direction: ltr; unicode-bidi: isolate; } /* ---------- Detail page RTL flips ---------- */ [dir="rtl"] .hpi-search-page main > .hpi-profile-card .hpi-profile-card__section h4 { border-left: 0; border-right: 3px solid var(--hpi-primary); padding-left: 0; padding-right: 12px; } [dir="rtl"] .hpi-search-page main > .hpi-profile-card .hpi-profile-card__rating .hpi-profile-card__reviews { margin-left: 0; margin-right: 4px; }