/*
 * RTL Stylesheet — Arabic (العربية)
 * Loaded automatically by WordPress when text direction is RTL.
 */

/* ── 1. Base direction & font ─────────────────────────────────────────────── */

body,
html {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', sans-serif;
}

/* ── 2. Header ────────────────────────────────────────────────────────────── */

.navbar,
.navbar-nav,
.header-inner,
.header-top,
.main-header .container,
.main-header .row {
    direction: rtl;
}

.navbar-nav {
    flex-direction: row-reverse;
}

.navbar-nav .nav-item .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}

.dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

.header-number {
    flex-direction: row-reverse;
}

.header-number i {
    margin-left: 8px;
    margin-right: 0;
}

.gf-lang-switcher {
    margin-left: 0;
    margin-right: 14px;
}

/* ── 3. Breadcrumb ────────────────────────────────────────────────────────── */

.breadcrumb {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 8px;
    padding-right: 0;
    content: "\f284"; /* bi-chevron-left for RTL */
}

/* ── 4. Bootstrap utilities flip ──────────────────────────────────────────── */

.me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.me-2 { margin-left: 0.5rem  !important; margin-right: 0 !important; }
.me-3 { margin-left: 1rem    !important; margin-right: 0 !important; }
.me-4 { margin-left: 1.5rem  !important; margin-right: 0 !important; }
.ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.ms-2 { margin-right: 0.5rem  !important; margin-left: 0 !important; }
.ms-3 { margin-right: 1rem    !important; margin-left: 0 !important; }
.ms-4 { margin-right: 1.5rem  !important; margin-left: 0 !important; }
.ms-auto { margin-right: auto !important; margin-left: 0 !important; }
.ps-3 { padding-right: 1rem  !important; padding-left: 0 !important; }
.pe-3 { padding-left: 1rem   !important; padding-right: 0 !important; }
.text-start { text-align: right !important; }
.text-end   { text-align: left  !important; }
.float-start { float: right !important; }
.float-end   { float: left  !important; }

/* ── 5. Service Archive Page ──────────────────────────────────────────────── */

.srv-toolbar {
    flex-direction: row-reverse;
}

.srv-sections {
    flex-direction: row-reverse;
}

.srv-sections .ms-auto {
    margin-right: auto !important;
    margin-left: 0    !important;
}

.srv-cat-left-icon {
    left: auto;
    right: 16px;
}

.srv-cat-select {
    padding-left: 42px  !important;
    padding-right: 40px !important;
}

.srv-cat-select-icon {
    right: auto;
    left: 16px;
}

.services-search-icon {
    left: auto;
    right: 14px;
}

.services-search-input {
    padding-left:  42px !important;
    padding-right: 44px !important;
}

.services-search-clear {
    right: auto;
    left: 14px;
}

.srv-card-body {
    border-left: none;
    border-right: 3px solid var(--themeht-primary-color);
    text-align: right;
}

.srv-details-link {
    flex-direction: row-reverse;
}

/* ── 6. Service Single Page ───────────────────────────────────────────────── */

.srv-single-ribbon {
    flex-direction: row-reverse;
}

.srv-info-grid {
    direction: rtl;
}

.srv-info-item {
    flex-direction: row-reverse;
    text-align: right;
}

.srv-back-btn {
    flex-direction: row-reverse;
}

.srv-nav-next {
    align-items: flex-start;
    text-align: right;
}

.srv-nav-prev {
    align-items: flex-end;
    text-align: left;
}

.srv-nav-inner {
    flex-direction: row-reverse;
}

.srv-sidenav-link {
    flex-direction: row-reverse;
    text-align: right;
    padding-right: 16px;
    padding-left: 0;
}

.srv-sidenav-link:hover {
    padding-right: 20px;
    padding-left: 0;
}

.srv-acc-trigger {
    flex-direction: row-reverse;
    text-align: right;
}

.srv-acc-link {
    flex-direction: row-reverse;
    padding-right: 28px;
    padding-left: 16px;
    text-align: right;
}

.srv-acc-count {
    margin-right: auto;
    margin-left: 0;
}

.srv-sidebar-heading {
    flex-direction: row-reverse;
}

.srv-sidebar-all-link {
    flex-direction: row-reverse;
}

/* ── 7. Alpha filter ──────────────────────────────────────────────────────── */

.srv-alpha-filter {
    flex-direction: row-reverse;
}

/* Hide alpha filter on Arabic — service titles are in English, A–Z is not useful */
.srv-alpha-hidden {
    display: none !important;
}

/* ── 8. Footer ────────────────────────────────────────────────────────────── */

.gulflab-footer .row,
.gf-footer-col {
    direction: rtl;
    text-align: right;
}

/* Column heading underline — anchor to right in RTL */
.gf-col-heading::after {
    left: auto;
    right: 0;
}

/* Services stat — flip left border to right */
.gf-services-stat {
    border-left: none;
    border-right: 3px solid var(--themeht-primary-color);
    border-radius: 10px 0 0 10px;
}

/* Contact list items */
.gf-contact-list li {
    flex-direction: row-reverse;
    text-align: right;
}

.gf-contact-item {
    flex-direction: row-reverse;
}

.gf-contact-item i {
    margin-left: 10px;
    margin-right: 0;
}

/* Quick links widget: flip chevron to point left (RTL forward) */
.gf-widget-wrap ul li a::before {
    content: '\F284'; /* bi-chevron-left */
}

/* Widget heading underline — anchor to right */
.gf-widget-wrap .widget-title::after,
.gf-widget-wrap h2::after,
.gf-widget-wrap h3::after {
    left: auto;
    right: 0;
}

/* View all link — arrow already handled by global .bi-arrow-right flip */
.gf-view-all-link {
    flex-direction: row-reverse;
}

/* Socials — align to right side */
.gf-socials {
    justify-content: flex-start;
}

.gf-social-links {
    justify-content: flex-start;
}

/* Branch cards */
.gf-branch-card {
    text-align: right;
}

.gf-branch-header {
    flex-direction: row-reverse;
}

.gf-branch-actions {
    margin-right: auto;
    margin-left: 0;
}

/* Branch details list items — icon on right */
.gf-branch-details li {
    flex-direction: row-reverse;
    text-align: right;
}

/* Service highlights list items */
.gf-services-highlights li {
    flex-direction: row-reverse;
    text-align: right;
}

/* Copyright — center stays center, nothing to flip */

.footer-widget ul {
    text-align: right;
    padding-right: 0;
}

/* ── 9. Doctors page ──────────────────────────────────────────────────────── */

.doctors-search-wrap .search-icon {
    left: auto;
    right: 14px;
}

.doctors-search-input {
    padding-left:  42px !important;
    padding-right: 44px !important;
}

/* ── 10. General content ──────────────────────────────────────────────────── */

.page-title .theme-breadcrumb-box {
    text-align: right;
}

.section-title,
.section-title h2,
.section-title p {
    text-align: right;
}

/* Arrow icons — flip direction in RTL */
.bi-arrow-right::before { content: "\f12f"; } /* becomes arrow-left */
.bi-arrow-left::before  { content: "\f138"; } /* becomes arrow-right */
.bi-chevron-right::before { content: "\f284"; }
.bi-chevron-left::before  { content: "\f285"; }

/* ── 11. Elementor RTL overrides ──────────────────────────────────────────── */
/*
 * NOTE: Elementor already handles RTL via body.rtl selectors in its generated CSS.
 * We only override specific cases where Elementor's built-in RTL is insufficient.
 */

/* Fix icon list items that contain directional icons */
.elementor-widget-icon-list .elementor-icon-list-item {
    flex-direction: row-reverse;
}

.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
    margin-left: 10px;
    margin-right: 0;
}

/* ── 12. Mega Menu RTL ────────────────────────────────────────────────────── */

/* Flip the two-column layout: nav sidebar moves to the RIGHT */
.mega-layout {
    flex-direction: row-reverse !important;
}

/* Sidebar right border becomes left border */
.mega-nav {
    border-right: none !important;
    border-left: 1px solid rgba(0,0,0,0.07) !important;
    text-align: right;
}

/* Nav item active indicator: flip left border to right */
.mega-nav-item {
    border-left: none !important;
    border-right: 3px solid transparent !important;
    flex-direction: row-reverse !important;
    text-align: right;
}

.mega-nav-item:hover,
.mega-nav-item.is-active {
    border-right-color: var(--themeht-primary-color) !important;
    border-left-color: transparent !important;
}

/* Arrow points left in RTL */
.mega-nav-arrow {
    transform: scaleX(-1);
}

/* Pane header: flip to RTL */
.mega-pane-header {
    flex-direction: row-reverse !important;
    text-align: right;
}

/* Service links: flip icon direction */
.mega-service-link {
    flex-direction: row-reverse !important;
}

.mega-service-link:hover i {
    transform: translateX(-3px) !important;
}

/* Regular nav dropdown submenus */
.navbar-nav .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right;
}

/* Mobile drill-down: slide in from LEFT in RTL */
.mdp-panel {
    right: auto !important;
    left: 0 !important;
    transform: translateX(-101%) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
}

.mdp-bg {
    right: auto !important;
    left: 0 !important;
}

.mdp-panel.is-open    { transform: translateX(0) !important; }
.mdp-panel.is-closing { transform: translateX(-101%) !important; }

/* Mobile header: flip */
.mdp-header {
    flex-direction: row-reverse !important;
}

/* Mobile cat buttons: flip */
.mdp-list > li > button.mdp-cat-btn {
    flex-direction: row-reverse !important;
    text-align: right;
}

/* Mobile chevron: flip */
.mdp-arrow {
    transform: scaleX(-1);
}

/* ── 13. Featured-item widget RTL ────────────────────────────────────────── */

/* Style 4: icon + title side-by-side — flip icon to the right */
.featured-item.style-4 .featured-top {
    flex-direction: row-reverse;
    text-align: right;
}

.featured-item.style-4 .featured-icon {
    margin-right: 0;
    margin-left: 20px;
}

/* Style 1: stat cards — align text right */
.featured-item.style-1 {
    text-align: right;
}

.featured-item.style-1 .featured-desc,
.featured-item.style-1 .featured-subtitle,
.featured-item.style-1 .featured-title {
    text-align: right;
}

/* Style 1: flip the arrow button SVG corners and direction */
.featured-item.style-1 .button-style-2 {
    flex-direction: row-reverse;
}

.featured-item.style-1 .button-style-2-link i {
    transform: scaleX(-1);
    display: inline-block;
}

/* ── 14. Title / heading widget RTL ─────────────────────────────────────── */

.theme-title,
.theme-title h2,
.theme-title h3,
.theme-title h4,
.theme-title h5,
.theme-title h6,
.theme-title p {
    text-align: right;
}

/* ── 15. Post grid widget RTL ────────────────────────────────────────────── */

.post-card .post-desc,
.post-card .post-title,
.post-card .post-date {
    text-align: right;
}

.post-card .post-bottom {
    flex-direction: row-reverse;
    text-align: right;
}

.post-card .post-bottom .list-inline-item {
    direction: rtl;
}

/* ── 16. Team widget RTL ─────────────────────────────────────────────────── */

.team-desc,
.team-desc h4,
.team-desc p,
.team-desc span {
    text-align: right;
}

.team-social-list {
    flex-direction: row-reverse;
}

/* ── 17. Page-content wrapper ────────────────────────────────────────────── */

.page-content {
    direction: rtl;
    text-align: right;
}

/* ── 18. Testimonial widget RTL ──────────────────────────────────────────── */

.testimonial-content,
.testimonial-desc,
.testimonial-name,
.client-name {
    text-align: right;
}

/* Center star rating in RTL testimonial */
.testimonial.style-2 .testimonial-rating {
    text-align: center;
}

/* Author row: image is now on the right (RTL flex reversal), caption on left */
.testimonial.style-2 .testimonial-author {
    direction: rtl;
}

/* Swap margin from right to left to keep gap between image and caption */
.testimonial.style-2 .testimonial-img {
    margin-right: 0;
    margin-left: 15px;
}

/* Align name and title text to the right */
.testimonial.style-2 .testimonial-caption {
    text-align: right;
    direction: rtl;
}

.testimonial.style-2 .testimonial-caption h4,
.testimonial.style-2 .testimonial-caption span {
    text-align: right;
}

/* ── 19. "Standard in Radiology" section — keep image left, white box right in RTL */
.elementor-section[data-id="ee57a4b"] .elementor-column[data-id="f75355f"] { order: 1; }
.elementor-section[data-id="ee57a4b"] .elementor-column[data-id="1dbac1c"] { order: 2; }

/* ── 20. Button widget RTL ───────────────────────────────────────────────── */

.ht-btn,
.elementor-widget-themeht_button .ht-btn {
    direction: rtl;
}

/* ── 20. Contact page RTL ─────────────────────────────────────────────────── */

.contact-section-header {
    text-align: center; /* keep centered */
}

/* Branch tab buttons: flip icon+number to the right */
.contact-branch-tabs .nav-link {
    text-align: right;
    flex-direction: row-reverse;
}

/* Branch info panel: text align right */
.branch-info-head {
    flex-direction: row-reverse;
    text-align: right;
}

.branch-info-head h3,
.branch-info-head span {
    text-align: right;
}

/* Branch detail list items: icon on right */
.branch-detail-list li {
    flex-direction: row-reverse;
    text-align: right;
}

.branch-detail-list li > div strong,
.branch-detail-list li > div p,
.branch-detail-list li > div a {
    text-align: right;
}

/* CTA buttons row */
.branch-cta-row {
    flex-direction: row-reverse;
}

/* Contact form card */
.contact-form-header h2,
.contact-form-header p {
    text-align: right;
}

.contact-form-card {
    direction: rtl;
}

/* Quick contact panel */
.contact-quick-info h3,
.contact-quick-info p {
    text-align: right;
}

.quick-branch-item {
    flex-direction: row-reverse;
    text-align: right;
}

.quick-branch-details strong,
.quick-branch-details a,
.quick-branch-details span {
    text-align: right;
}

/* Timeline widget RTL */
.timeline-item,
.timeline-content {
    text-align: right;
}

/* Swap padding so gap is always between content and the center line */
.main-timeline .date-content {
    padding-right: 0;
    padding-left: 50px;
}

.timeline-item:nth-child(2n+2) .date-content {
    padding-left: 0;
    padding-right: 50px;
}

.main-timeline .timeline-content {
    padding-left: 0;
    padding-right: 50px;
}

.timeline-item:nth-child(2n+2) .timeline-content {
    padding-left: 50px;
    padding-right: 0;
}

/* Date label — flip horizontal anchor to stay near the center line */
.main-timeline .date {
    right: auto;
    left: 50px;
}

.timeline-item:nth-child(2n+2) .date-content .date {
    right: auto;
    left: 0;
}

/* Connector lines on the dot */
.timeline-item:nth-child(2n+1) .timeline-dot::before {
    right: auto;
    left: 18px;
}

.timeline-item:nth-child(2n+2) .timeline-dot::after {
    left: auto;
    right: 17px;
}

/* Accordion widget RTL */
.elementor-widget-accordion .elementor-tab-title,
.elementor-widget-accordion .elementor-tab-content {
    text-align: right;
    direction: rtl;
}

.elementor-widget-accordion .elementor-accordion-icon {
    margin-right: 0;
    margin-left: 10px;
}

/* ── 21. Swiper navigation RTL ───────────────────────────────────────────── */

/* Swap prev/next side positions */
.swiper .swiper-button-prev {
    left: auto !important;
    right: 0 !important;
}

.swiper .swiper-button-next {
    right: auto !important;
    left: 0 !important;
}

/* Flip arrow icons so prev shows right-arrow and next shows left-arrow */
.swiper .swiper-button-prev:after {
    content: '\F138'; /* bi-chevron-right = go right = previous in RTL */
}

.swiper .swiper-button-next:after {
    content: '\F12F'; /* bi-chevron-left = go left = next in RTL */
}

/* Testimonial slider nav-arrow positioning swap */
.elementor-widget-testimonial-slider .swiper-nav-arrow .swiper-button-next {
    right: auto;
    left: -55px;
}

.elementor-widget-testimonial-slider .swiper-nav-arrow .swiper-button-prev {
    left: auto;
    right: -55px;
}

@media (max-width: 1199px) {
    .elementor-widget-testimonial-slider .swiper-nav-arrow .swiper-button-next {
        left: -45px;
        right: auto;
    }
    .elementor-widget-testimonial-slider .swiper-nav-arrow .swiper-button-prev {
        right: -45px;
        left: auto;
    }
}

/* swiper-nav-bottom centered buttons: swap which side prev/next sit on */
.swiper-nav-bottom .swiper-button-prev,
.swiper-nav-bottom-white .swiper-button-prev {
    left: auto !important;
    right: 50% !important;
    margin-right: -80px;
    margin-left: 0;
}

.swiper-nav-bottom .swiper-button-next,
.swiper-nav-bottom-white .swiper-button-next {
    right: auto !important;
    left: 50% !important;
    margin-left: -80px;
    margin-right: 0;
}

/* ── 22. Doctor cards — consistent image height ───────────────────────── */

body.rtl .team-style-1 .team-images {
    aspect-ratio: 700 / 848;
    overflow: hidden;
}

body.rtl .team-style-1 .team-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

/* ── 23. Banner slider RTL ────────────────────────────────────────────── */

/* Keep banner layout position (columns stay left) but text right-aligned for Arabic */
.banner-slider .banner-content .row {
    direction: ltr;
}
.banner-slider .banner-content,
.banner-slider .banner-content .container {
    direction: ltr;
    text-align: right;
}

/* Reset banner nav buttons to LTR positions (undo the global swiper RTL flip) */
.banner-slider .swiper-button-next {
    right: 0 !important;
    left: auto !important;
}

.banner-slider .swiper-button-prev {
    left: 0 !important;
    right: auto !important;
}

/* ── 23. Footer RTL ───────────────────────────────────────────────────── */

/* Column headings */
.gf-col-heading {
    text-align: right;
}

/* About column */
.gf-about-text,
.gf-contact-list {
    text-align: right;
    direction: rtl;
}

.gf-contact-list li {
    flex-direction: row-reverse;
    text-align: right;
}

.gf-contact-list li .gf-ci-icon {
    margin-left: 10px;
    margin-right: 0;
}

/* Socials row */
.gf-socials {
    justify-content: flex-start;
}

/* Branch cards — full RTL */
.gf-branch-card {
    direction: rtl;
}

.gf-branch-header {
    direction: rtl;
}

.gf-branch-name {
    flex: 1;
    text-align: right;
}

.gf-branch-details {
    text-align: right;
}

/* row-reverse flips icon/text order; flex-start anchors the group to the right edge */
.gf-branch-details li {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
    text-align: right;
}

.gf-branch-details li i {
    margin-left: 8px;
    margin-right: 0;
    flex-shrink: 0;
}

/* Force hours text to render RTL so Arabic + numbers stay in correct order */
.gf-branch-hours {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
}

/* Services column */
.gf-services-stat,
.gf-services-desc,
.gf-services-highlights,
.gf-view-all-link {
    text-align: right;
    direction: rtl;
}

.gf-services-highlights li {
    flex-direction: row-reverse;
    text-align: right;
}

.gf-services-highlights li i {
    margin-left: 8px;
    margin-right: 0;
}

.gf-view-all-link i {
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 4px;
}

/* Quick links menu */
.gf-widget-wrap ul,
.gf-extra-links {
    text-align: right;
}

/* Copyright bar */
.gf-copyright {
    text-align: center;
    direction: rtl;
}

/* ── Insurance intro badge — align button to left end in RTL ────────────── */
.insurance-intro .col-lg-4 {
    text-align: left !important;
}

/* ── Portfolio share button — flip to left side in RTL ──────────────────── */
.team-social-list {
    right: auto;
    left: 0;
    border-radius: 0 60% 0 0;
    padding: 10px 10px 0 0;
}
.team-social-list::before {
    right: auto;
    left: 0;
}
.team-social-list::after {
    right: auto;
    left: -2px;
}
.team-social-list .team-share-icon::before {
    left: auto;
    right: -1px;
}
.team-social-list .team-share-icon::after {
    left: auto;
    right: -14px;
}
.team-social-icon {
    right: auto;
    left: 8px;
}
.team-social-list>svg {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 0px;
    transform: rotate(270deg) scale(1) !important;
}
.team-social-list > svg:first-of-type {
    right: auto;
    left: 0;
    transform: rotate(-45deg) scale(1.01);
}
.team-social-list > svg:last-of-type {
    left: auto;
    right: -20px;
    transform: rotate(270deg) scale(1.0);
}

/* ── Accordion title — use Arabic font instead of secondary display font ── */
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-title {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', sans-serif;
}

/* ── List icon gap — flip margin to left side in RTL ────────────────────── */
.list-icon li i {
    margin-right: 0;
    margin-left: 10px;
}

/* ── 24. News / Blog (listing + single) RTL ──────────────────────────────── */

/* Meta row icons (author, date, comments, category) — flip gap to left of icon */
.post-card .post-bottom li i,
.post-bottom li i {
    margin-right: 0;
    margin-left: 4px;
}

/* "Recent News" sidebar widget — flip image/text gap */
.themeht-post-image {
    margin-right: 0;
    margin-left: 20px;
}

.widget .themeht-post-date {
    padding-left: 0;
    padding-right: 17px;
}

.widget .themeht-post-date:before {
    left: auto;
    right: 0;
}

.post-card .post-bottom li i.bi.bi-calendar3,
.post-card.style-1 .post-date i {
    margin-right: 0;
    margin-left: 8px;
}

.post-card .post-bottom li {
    margin-right: 0;
    margin-left: 25px;
}

/* "Read more" arrow button — mirror the icon so it points the correct way */
.post-card .button-style-2 .button-style-2-link i,
.themeht-pagination .page-numbers i,
.themeht-pagination .prev i,
.themeht-pagination .next i {
    transform: scaleX(-1);
}

/* Single-post prev/next navigation — swap sides and mirror arrows */
.post-navigation .nav-links {
    direction: rtl;
}

.site-main .post-navigation .nav-links .nav-next {
    margin-left: 0;
    margin-right: auto;
}

.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow {
    left: auto;
    right: 0;
}

.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow {
    right: auto;
    left: 0;
}

.site-main .post-navigation .nav-links .nav-subtitle-arrow i {
    transform: scaleX(-1);
}

.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow i {
    margin-right: 0;
    margin-left: 15px;
}

/* Single post entry content — RTL reading flow */
.post-single-page .entry-content,
.post-single-page .post-desc {
    text-align: right;
}

/* "Read more" circular button on the post-card image — pinned to the
   physical right corner regardless of language; flip it to the left so it
   doesn't sit awkwardly against now-right-aligned Arabic text/title below it */
.post-card.post-classic .button-style-2 {
    right: auto;
    left: 0;
    padding: 10px 10px 0 0;
    border-radius: 0 60% 0 0;
}

/* The asymmetric 60px/30px padding on post-desc reserved space for that
   button on the right (LTR) — mirror it so the same reserved gap sits on
   the left, matching the button's new position */
.post-card.post-classic .post-desc {
    padding: 30px 30px 30px 60px;
}

/* Main content column's gutter (padding-right:35px) faces the sidebar in
   LTR, where the sidebar sits on the right. In RTL the sidebar flips to
   the left, so without this mirror the gutter ends up on the unused right
   edge and the content column butts directly against the sidebar with no
   gap — looks like the two are overlapping/glued together. */
.blog .themeht-blogs .col-12.col-lg-9 {
    padding-right: 0;
    padding-left: 35px;
}

/* ── 25. Health Packages archive RTL ─────────────────────────────────────── */

/* Search box — icon moves to the right (start), clear button to the left (end) */
.pkgp-search-icon {
    left: auto;
    right: 16px;
}

.pkgp-search-wrap .pkgp-search-input {
    padding: 12px 46px 12px 44px;
}

.pkgp-search-clear {
    right: auto;
    left: 14px;
}

/* Location filter group — pushed to the start (right) instead of the end */
.pkgp-filter-group + .pkgp-filter-group {
    margin-left: 0;
    margin-right: auto;
}

/* "View Details" / "Details" arrow icons — mirror to point the correct way */
.pkgp-view-hint i,
.pkgp-details-btn i {
    transform: scaleX(-1);
}

.pkgp-no-results {
    text-align: center;
}