/*
 * DSC Arabic / RTL bridge.
 *
 * Header and menu rules below are the compiled equivalents of the supplied
 * Maxcare source at sources/wordpress theme/assets/scss/rtl.scss. Remaining
 * rules mirror only Laravel-bound DSC components that do not exist in the
 * WordPress runtime. Geometry, colors and component markup stay unchanged.
 */

html[dir="rtl"],
html[dir="rtl"] body.rtl {
  direction: rtl;
}

html[dir="rtl"] body.rtl {
  unicode-bidi: embed;
  text-align: right;
}

html[dir="rtl"] .rtl-icon,
html[dir="rtl"] .rtl-reverse,
html[dir="rtl"] .pxl-item-arrow i,
html[dir="rtl"] .patient-source-back-link i,
html[dir="rtl"] .patient-source-pagination i,
html[dir="rtl"] .patient-source-table-action i,
html[dir="rtl"] .pxl-btn-icon svg,
html[dir="rtl"] .pxl-icon-button svg,
html[dir="rtl"] .pxl-item-btn .caseicon-angle-arrow-right,
html[dir="rtl"] .pxl-item-btn .caseicon-long-arrow-right {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .pxl-icon-reverse {
  transform: scaleX(1);
}

/*
 * Maxcare's physical LTR pill spacing must mirror with its row-reversed icon.
 * The source places the circular arrow at the right edge with 6px outer space;
 * RTL therefore keeps the identical geometry at the physical left edge.
 */
html[dir="rtl"] .btn:not(.btn-stroke).pxl-icon--right {
  padding-right: 30px;
  padding-left: 6px;
  justify-content: flex-start;
}

html[dir="rtl"] .btn.pxl-icon--right .pxl-btn-icon {
  margin-left: 0 !important;
}

html[dir="rtl"] .pxl-contact-form1 .contact1 .ct-button .btn.pxl-icon--right .pxl-btn-icon {
  margin-left: 0 !important;
  margin-right: 15px !important;
}

html[dir="rtl"] .pxl-contact-form1 .contact2 .ct-button .btn-style1-full.pxl-icon--right .pxl-btn-icon,
html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .btn.pxl-icon--right .pxl-btn-icon {
  margin-left: 0 !important;
  margin-right: 16px !important;
}

html[dir="rtl"] .pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item-content .pxl-item-btn .btn.pxl-icon--right .pxl-btn-icon {
  margin-left: 0 !important;
  margin-right: 15px !important;
}

html[dir="rtl"] .pxl-text-left {
  text-align: right;
}

html[dir="rtl"] .pxl-text-right {
  text-align: left;
}

html[dir="rtl"] [data-maxcare-header] .elementor-element-83ff354 {
  padding-right: calc((100% - 1872px) / 2) !important;
  padding-left: 0 !important;
}

html[dir="rtl"] .pxl-menu-primary .sub-menu,
html[dir="rtl"] .pxl-menu-primary .children {
  text-align: right;
}

html[dir="rtl"] .pxl-menu-primary li a span::before,
html[dir="rtl"] .pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a::before {
  right: 0;
  left: auto;
}

html[dir="rtl"] #pxl-search-popup .pxl-item--conent form .search-submit,
html[dir="rtl"] .pxl-header-mobile-search .search-submit {
  right: auto;
  left: 0;
  text-align: left;
}

html[dir="rtl"] .pxl-breadcrumb {
  direction: rtl;
}

html[dir="rtl"] .pxl-breadcrumb li + li::before {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .pxl-heading,
html[dir="rtl"] .pxl-text-editor,
html[dir="rtl"] .pxl-item-content,
html[dir="rtl"] .pxl-inner-content,
html[dir="rtl"] .pxl-meta-content,
html[dir="rtl"] .pxl-contact-form,
html[dir="rtl"] .user-registration,
html[dir="rtl"] [data-maxcare-patient-portal] {
  text-align: right;
}

/*
 * Client-authorized 2026-09-05 Arabic Home hero composition.
 * Keep Arabic bidi and the source title measure, but anchor the content boxes
 * to Maxcare's physical left origin just like the approved LTR hero. The CTA's
 * existing RTL rule above continues to keep its arrow in the physical-left
 * pill slot; only the outer CTA block is repositioned here.
 */
html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title,
html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--desc {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}

html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
  font-size: 82px;
  font-weight: 700;
  white-space: pre-line;
}

html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item-btn {
  text-align: left;
}

@media (max-width: 991px) {
  html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
    font-size: 74px;
  }
}

@media (max-width: 676px) {
  html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
    font-size: 63px;
  }
}

@media (max-width: 575px) {
  html[dir="rtl"] .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
    font-size: 52px;
  }
}

html[dir="rtl"] .booking-form-actions .booking-back {
  right: 0;
  left: auto;
}

html[dir="rtl"] .booking-success-summary,
html[dir="rtl"] [data-maxcare-patient-portal] .patient-source-signout .pxl-item-link,
html[dir="rtl"] [data-maxcare-patient-portal] table,
html[dir="rtl"] [data-maxcare-patient-portal] th,
html[dir="rtl"] [data-maxcare-patient-portal] td,
html[dir="rtl"] [data-maxcare-contact-inquiry] .wpcf7-response-output {
  text-align: right;
}

html[dir="rtl"] .patient-source-inline-form form {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .wpcf7-form select,
html[dir="rtl"] .user-registration select {
  padding-right: 20px;
  padding-left: 48px;
  background-position: left 18px center;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] .booking-success-reference,
html[dir="rtl"] .patient-source-reference,
html[dir="rtl"] [data-label="Reference"] {
  direction: ltr;
  unicode-bidi: plaintext;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
  text-align: right;
}

html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

html[dir="rtl"] .xdsoft_datetimepicker {
  direction: rtl;
}

html[dir="rtl"] .xdsoft_datetimepicker .xdsoft_calendar th,
html[dir="rtl"] .xdsoft_datetimepicker .xdsoft_calendar td,
html[dir="rtl"] .xdsoft_datetimepicker .xdsoft_label {
  text-align: center;
}

html[dir="rtl"] .patient-source-check,
html[dir="rtl"] .booking-consent,
html[dir="rtl"] .patient-source-heading-actions,
html[dir="rtl"] .pxl-title-svg,
html[dir="rtl"] .pxl-item-link,
html[dir="rtl"] .item-icon-text {
  direction: rtl;
}

html[dir="rtl"] [data-maxcare-patient-portal] .patient-source-table-action {
  text-align: left;
}

html[dir="rtl"] .patient-source-profile-count,
html[dir="rtl"] .patient-source-policy {
  padding-right: 20px;
  padding-left: 0;
}

html[dir="rtl"] .patient-source-profile-count i {
  margin-right: 0;
  margin-left: 8px;
}

html[dir="rtl"] .auth-skip-link {
  right: 16px;
  left: auto;
}

html[dir="rtl"] .swiper,
html[dir="rtl"] [data-maxcare-specialists-carousel] {
  direction: rtl;
}

html[dir="rtl"] .pxl-swiper-arrow-next svg,
html[dir="rtl"] .pxl-swiper-arrow-prev svg {
  transform: scaleX(-1);
}

@media (min-width: 1200px) {
  html[dir="rtl"] .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down {
    margin-right: 8px;
    margin-left: 0;
  }

  html[dir="rtl"] .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu),
  html[dir="rtl"] .pxl-menu-primary > li > .children:not(.pxl-mega-menu) {
    right: 0;
    left: auto;
    text-align: right;
  }

  html[dir="rtl"] .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .sub-menu,
  html[dir="rtl"] .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .children,
  html[dir="rtl"] .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .sub-menu,
  html[dir="rtl"] .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .children {
    right: 100%;
    left: auto;
    text-align: right;
  }

  html[dir="rtl"] .pxl-menu-primary .sub-menu li.menu-item-has-children > a::after {
    right: auto;
    left: 0;
    transform: scaleX(-1);
  }
}

@media (max-width: 1199px) {
  html[dir="rtl"] #pxl-header-default #pxl-nav-mobile,
  html[dir="rtl"] #pxl-header-elementor #pxl-nav-mobile {
    right: auto;
    left: 15px;
  }

  html[dir="rtl"] .pxl-header-menu {
    right: 0;
    left: auto;
    transform: translateX(100%);
  }

  html[dir="rtl"] .pxl-header-menu.active {
    transform: translateX(0);
  }

  html[dir="rtl"] .pxl-menu-toggle,
  html[dir="rtl"] .pxl-menu-close,
  html[dir="rtl"] .pxl-header-mobile-search .search-submit {
    right: auto;
    left: 0;
  }

  html[dir="rtl"] .pxl-menu-primary .sub-menu li a,
  html[dir="rtl"] .pxl-menu-primary .children li a,
  html[dir="rtl"] .pxl-menu-primary .pxl-megamenu .pxl-heading {
    padding-right: 14px;
    padding-left: 0;
  }

  html[dir="rtl"] [data-maxcare-patient-portal] .patient-source-table-action,
  html[dir="rtl"] [data-maxcare-patient-portal] table,
  html[dir="rtl"] [data-maxcare-patient-portal] th,
  html[dir="rtl"] [data-maxcare-patient-portal] td {
    text-align: right;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] .booking-form-actions .booking-back {
    position: static;
  }

  html[dir="rtl"] .patient-source-profile-count,
  html[dir="rtl"] .patient-source-policy {
    padding-right: 15px;
    padding-left: 15px;
  }
}