/*!
Theme Name: Padra
Description: RTL stylesheet — loaded only when is_rtl() is true.
*/

/*--------------------------------------------------------------
# Ravi variable font
--------------------------------------------------------------*/
@font-face {
  font-family: "ravi";
  src:
    url("assets/fonts/ravi/ravi.woff2") format("woff2-variations"),
    url("assets/fonts/ravi/ravi.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/*--------------------------------------------------------------
# Typography & CSS Variables
--------------------------------------------------------------*/
:root {
  --padra-font-body: "ravi", Tahoma, Arial, sans-serif;
  --padra-font-display: "ravi", Tahoma, Arial, sans-serif;
  --padra-body-font: var(--padra-font-body);
}

body,
button,
input,
select,
optgroup,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6,
.blog-detail .entry-content h1,
.blog-detail .entry-content h2,
.blog-detail .entry-content h3,
.blog-detail .entry-content h4,
.blog-detail .entry-content h5,
.blog-detail .entry-content h6 {
  font-family: var(--padra-font-body);
  font-weight: 300;
}


/*--------------------------------------------------------------
# RTL Rich Text Typography Protection
--------------------------------------------------------------*/

/*
 * Prevent pasted rich-text content from overriding the Arabic
 * typography with inline fonts such as Arial, Times New Roman,
 * Symbol, or inline point-based font sizes.
 */
.service-text {
  font-family: var(--padra-font-body) !important;
}

.service-text :where(p, li, span, a, strong, em, b, i, u, font) {
  font-family: var(--padra-font-body) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.home-quote {
  padding-left: 0;
  padding-right: 0.875em;
  border-left: 0;
  border-right: 2px solid #f47b20;
}

/*
 * Homepage hero RTL layout.
 *
 * Keep the grid itself physically LTR on desktop so named grid areas map
 * predictably to the left/right columns. The Arabic copy keeps RTL reading
 * direction inside the right column, while the media is pinned to the left.
 */
@media screen and (min-width: 64em) {
  html[dir="rtl"] .home-hero-inner {
    direction: ltr;
    grid-template-columns: minmax(0, 734fr) minmax(0, 538fr);
    grid-template-areas:
      "media dots"
      "media content"
      "stats stats";
  }

  html[dir="rtl"] .home-hero-content,
  html[dir="rtl"] .home-hero-dots {
    direction: rtl;
  }

  html[dir="rtl"] .home-hero-stats {
    direction: rtl;
  }
}

html[dir="rtl"] .home-hero-content,
html[dir="rtl"] .home-hero-eyebrow,
html[dir="rtl"] .home-hero-title,
html[dir="rtl"] .home-hero-text,
html[dir="rtl"] .home-hero-quote {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .home-hero-dots {
  direction: rtl;
  justify-content: flex-start;
}

html[dir="rtl"] .home-hero-media {
  direction: ltr;
}

html[dir="rtl"] .home-hero-play {
  right: auto;
  left: 32px;
}

@media screen and (max-width: 63.99em) {
  html[dir="rtl"] .home-hero-inner {
    direction: rtl;
  }

  html[dir="rtl"] .home-hero-content,
  html[dir="rtl"] .home-hero-dots,
  html[dir="rtl"] .home-hero-stats {
    direction: rtl;
  }

  html[dir="rtl"] .home-hero-play {
    right: auto;
    left: 20px;
  }
}

.home-media-nav {
  left: auto;
  right: 1.25em;
}

.home-btn-icon {
  margin-left: 0;
  margin-right: -0.75em;
}

.home-branch-arrow svg,
.home-btn svg,
.home-service-link svg,
.home-price-card-link svg {
  transform: scaleX(-1);
}

.home-faq-toggle::after {
  left: auto;
  right: 6px;
}

/*--------------------------------------------------------------
# Service Layouts
--------------------------------------------------------------*/
.service-quote {
  padding-left: 0;
  padding-right: 0.875em;
  border-left: 0;
  border-right: 2px solid #f47b20;
}

.service-bullets {
  padding-left: 0;
  padding-right: 1.25em;
}

.service-media-nav {
  right: 0;
  left: 0;
}

@media screen and (max-width: 47.99em) {

  .service-media-nav,
  .service-main-hairloss .service-media-nav {
    right: 0;
    left: 0;
  }
}

.service-select-wrap select {
  padding-right: 1.25em;
  padding-left: 2.5em;
}

.service-select-wrap::after {
  right: auto;
  left: 1.25em;
}

.service-stat {
  border-left: 0;
  border-right: 1px solid #e4e0da;
}

.service-stat:first-child {
  border-right: 0;
}

.service-compare-table tbody th {
  border-right: 0;
  border-left: 1px solid #edeae4;
}

.service-faq-toggle::after {
  left: auto;
  right: 6px;
}

.service-btn svg,
.service-category-list svg {
  transform: scaleX(-1);
}

.service-hero-cover::before {
  background: linear-gradient(270deg,
      rgba(255, 255, 255, 0.94) 0%,
      rgba(255, 255, 255, 0.85) 38%,
      rgba(255, 255, 255, 0) 72%);
}

.service-content .entry-content ul,
.service-content .entry-content ol {
  padding-left: 0;
  padding-right: 1.25em;
}

.service-content .entry-content blockquote {
  border-left: 0;
  border-right: 2px solid #f47b20;
}

.service-content .entry-content th,
.service-content .entry-content td {
  text-align: right;
}

.home-branch-link:hover .home-branch-arrow {
  transform: translateX(-2px);
}

.home-service-link svg {
  transform: scaleX(-1);
}

.home-review-next svg,
.home-review-prev svg {
  transform: scaleX(-1);
}

.service-why-transplant .service-why-inner {
  direction: rtl;
}

.service-why-transplant .service-media-nav {
  right: 0;
  left: 0;
  width: auto;
  justify-content: space-between;
}

.service-why-stats {
  direction: rtl;
}

.service-benefit-grid {
  direction: rtl;
}

/*--------------------------------------------------------------
# Hair Transplant Consultation CTA RTL
--------------------------------------------------------------*/

.service-main-transplant .service-consultation-cta-inner {
  direction: rtl;
}

.service-main-transplant .service-consultation-cta-main,
.service-main-transplant .service-consultation-cta-content {
  direction: rtl;
  text-align: right;
}

.service-main-transplant .service-consultation-cta-title,
.service-main-transplant .service-consultation-cta-subtitle,
.service-main-transplant .service-consultation-cta-description,
.service-main-transplant .service-consultation-cta-button {
  font-family: var(--padra-font-body);
  letter-spacing: normal;
}

.service-main-transplant .service-consultation-cta-title,
.service-main-transplant .service-consultation-cta-subtitle,
.service-main-transplant .service-consultation-cta-description {
  text-align: right;
}

.service-main-transplant .service-consultation-cta-actions {
  direction: rtl;
}

.service-main-transplant .service-consultation-cta-button-primary::after {
  transform: scaleX(-1);
}

/*--------------------------------------------------------------
# Hair Loss Treatment RTL
--------------------------------------------------------------*/

.service-main-hairloss {
  direction: rtl;
  text-align: right;
  font-family: var(--padra-font-body);
}

/*--------------------------------------------------------------
# Hero RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-hero-split .service-hero-inner {
  direction: rtl;
}

.service-main-hairloss .service-hero-content {
  text-align: right;
}

.service-main-hairloss .service-hero-title,
.service-main-hairloss .service-hero-text {
  text-align: right;
  font-family: var(--padra-font-body);
}

.service-main-hairloss .service-breadcrumb {
  text-align: right;
}

/*--------------------------------------------------------------
# Who We Are RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-who-inner {
  direction: rtl;
}

.service-main-hairloss .service-who-content {
  text-align: right;
}

.service-main-hairloss .service-media-nav {
  right: 0;
  left: 0;
}

/*--------------------------------------------------------------
# Knowledge Tabs RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-knowledge-tabs {
  direction: ltr;
}

.service-main-hairloss .service-knowledge-nav {
  direction: rtl;
  text-align: right;
  order: 0;
}

.service-main-hairloss .service-knowledge-content {
  direction: rtl;
  text-align: right;
  order: 0;
  min-width: 0;
}

.service-main-hairloss .service-knowledge-tab {
  direction: rtl;
  text-align: right;
}

/* Desktop RTL */
@media screen and (min-width: 64em) {
  .service-main-hairloss .service-knowledge-tabs {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    grid-template-areas: "knowledge-nav knowledge-content";
    column-gap: 64px;
    align-items: start;
  }

  .service-main-hairloss .service-knowledge-nav {
    grid-area: knowledge-nav;
    align-self: start;
  }

  .service-main-hairloss .service-knowledge-content {
    grid-area: knowledge-content;
    align-self: start;
    padding-top: 0;
  }
}

/* Mobile RTL */
@media screen and (max-width: 63.99em) {
  .service-main-hairloss .service-knowledge-tabs {
    direction: rtl;
  }

  .service-main-hairloss .service-knowledge-nav,
  .service-main-hairloss .service-knowledge-content {
    order: 0;
  }
}

/*--------------------------------------------------------------
# Compare RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-compare-layout {
  direction: rtl;
}

.service-main-hairloss .service-compare-table {
  direction: rtl;
}

.service-main-hairloss .service-compare-table th,
.service-main-hairloss .service-compare-table td {
  text-align: right;
}

.service-main-hairloss .service-compare-table :where(table,
  thead,
  tbody,
  tfoot,
  tr,
  th,
  td,
  p,
  span,
  strong,
  em,
  b,
  i,
  a,
  ul,
  ol,
  li) {
  font-family: var(--padra-font-body) !important;
  letter-spacing: normal !important;
}

.service-main-hairloss .service-compare-benefits,
.service-main-hairloss .service-compare-description {
  direction: rtl;
  text-align: right;
}

.service-main-hairloss .service-compare-description h2,
.service-main-hairloss .service-compare-description h3,
.service-main-hairloss .service-compare-description h4,
.service-main-hairloss .service-compare-description p,
.service-main-hairloss .service-compare-description li {
  text-align: right;
}

.service-main-hairloss .service-compare-description ul,
.service-main-hairloss .service-compare-description ol {
  margin-right: 0;
  margin-left: 0;
  padding-right: 22px;
  padding-left: 0;
}

/*--------------------------------------------------------------
# Treatment Options RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-options-inner {
  direction: rtl;
}

.service-main-hairloss .service-options-header {
  direction: rtl;
}

.service-main-hairloss .service-option {
  text-align: right;
}

.service-main-hairloss .service-option-grid {
  direction: rtl;
}

/*--------------------------------------------------------------
# FAQ RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-faq-inner {
  direction: rtl;
}

.service-main-hairloss .service-faq-tabs {
  direction: rtl;
}

.service-main-hairloss .service-faq-tab {
  direction: rtl;
}

.service-main-hairloss .service-faq-item {
  text-align: right;
}

.service-main-hairloss .service-faq-question {
  text-align: right;
}

/*--------------------------------------------------------------
# Closing CTA RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-closing-cta-inner {
  direction: rtl;
}

.service-main-hairloss .service-closing-cta-title,
.service-main-hairloss .service-closing-cta-description {
  text-align: right;
}

.service-main-hairloss .service-closing-cta-actions {
  direction: rtl;
}

/*--------------------------------------------------------------
# Mobile RTL
--------------------------------------------------------------*/

@media screen and (max-width: 63.99em) {
  .service-main-hairloss .service-hero-split .service-hero-inner {
    direction: rtl;
  }

  .service-main-hairloss .service-knowledge-tabs,
  .service-main-hairloss .service-options-header,
  .service-main-hairloss .service-compare-layout {
    direction: rtl;
  }

  .service-main-hairloss .service-closing-cta-actions {
    align-items: stretch;
  }
}

/*--------------------------------------------------------------
# Hair Loss Knowledge Gallery RTL
--------------------------------------------------------------*/

.service-main-hairloss .service-knowledge-tabs {
  direction: rtl;
}

.service-main-hairloss .service-knowledge-gallery-thumbs {
  direction: rtl;
}

.service-main-hairloss .service-knowledge-content {
  text-align: right;
}

.service-main-hairloss .service-hero-split .service-hero-inner::before {
  background-position: left center;
}

.service-main-hairloss .service-hero-content {
  text-align: right;
}

.service-treatment-benefits-description,
.service-treatment-benefit-title,
.service-treatment-benefit-description {
  direction: rtl;
}

.service-skin-plan-card {
  right: 40px;
  left: auto;
}

@media screen and (max-width: 767px) {
  .service-skin-plan-card {
    right: 16px;
    left: auto;
  }
}

/*--------------------------------------------------------------
# Hair Transplant Hero RTL
--------------------------------------------------------------*/
.service-main-transplant .service-hero-transplant {
  direction: rtl;
}

.service-main-transplant .service-hero-transplant-inner,
.service-main-transplant .service-hero-transplant-media {
  direction: ltr;
}

.service-main-transplant .service-hero-transplant-content {
  direction: rtl;
}

.service-main-transplant .service-hero-transplant-content,
.service-main-transplant .service-hero-transplant .service-hero-title,
.service-main-transplant .service-hero-transplant .service-hero-text,
.service-main-transplant .service-hero-transplant .service-quote {
  text-align: right;
}

.service-main-transplant .service-hero-transplant .service-hero-title,
.service-main-transplant .service-hero-transplant .service-hero-text,
.service-main-transplant .service-hero-transplant .service-quote,
.service-main-transplant .service-hero-transplant .service-rating-text {
  font-family: var(--padra-font-body);
  letter-spacing: normal;
}

.service-main-transplant .service-hero-transplant .service-quote {
  padding-right: 16px;
  padding-left: 0;
  border-right: 1px solid #ff6815;
  border-left: 0;
}

.service-main-transplant .service-hero-transplant .service-rating {
  direction: rtl;
}

.service-main-transplant .service-hero-transplant .service-rating-score {
  direction: rtl;
  font-family: var(--padra-font-body);
}

@media screen and (min-width: 64em) {
  .service-main-transplant .service-hero-transplant-content {
    grid-column: 2;
    grid-row: 1;
  }

  .service-main-transplant .service-hero-transplant-media {
    grid-column: 1;
    grid-row: 1;
  }
}

@media screen and (max-width: 63.99em) {
  .service-main-transplant .service-hero-transplant-media {
    order: 1;
  }

  .service-main-transplant .service-hero-transplant-content {
    order: 2;
  }
}

/*--------------------------------------------------------------
# Portfolio Results RTL
--------------------------------------------------------------*/
.portfolio-main,
.portfolio-hero-content,
.portfolio-case-body,
.portfolio-closing-cta-title,
.portfolio-closing-cta-content,
.portfolio-knowledge,
.portfolio-knowledge-content,
.portfolio-seo-article,
.portfolio-seo-toc {
  direction: rtl;
  text-align: right;
}

.portfolio-hero-title,
.portfolio-cases-title,
.portfolio-case-title,
.portfolio-closing-cta-title,
.portfolio-closing-cta-subtitle,
.portfolio-knowledge-title,
.portfolio-knowledge-panel-title,
.portfolio-seo-article .entry-content h2,
.portfolio-seo-article .entry-content h3,
.portfolio-seo-article .entry-content h4 {
  font-family: var(--padra-font-body);
  letter-spacing: normal;
}

.portfolio-breadcrumb,
.portfolio-hero-actions,
.portfolio-case-detail,
.portfolio-case-video,
.portfolio-closing-cta-actions,
.portfolio-knowledge-nav {
  direction: rtl;
}

.portfolio-knowledge-tab {
  text-align: right;
}

.portfolio-knowledge-content {
  padding-right: 8px;
  padding-left: 0;
}

.portfolio-button svg,
.portfolio-pagination-arrow svg {
  transform: scaleX(-1);
}

.portfolio-case {
  direction: ltr;
}

.portfolio-case-body {
  direction: rtl;
}

.portfolio-lightbox-close {
  right: auto;
  left: 16px;
}

.portfolio-seo-article .entry-content ul,
.portfolio-seo-article .entry-content ol {
  padding-right: 1.25em;
  padding-left: 0;
}

.portfolio-seo-article .entry-content th,
.portfolio-seo-article .entry-content td {
  text-align: right;
}

@media screen and (max-width: 47.99em) {
  .portfolio-hero-inner {
    direction: rtl;
  }

  .portfolio-closing-cta-title,
  .portfolio-closing-cta-content {
    text-align: right;
  }
}

/*--------------------------------------------------------------
# Footer Appointment CTA RTL
--------------------------------------------------------------*/
.appointment-cta,
.appointment-cta-inner,
.appointment-cta-form,
.appointment-cta-form form {
  direction: rtl;
}

.appointment-cta-intro,
.appointment-cta-title,
.appointment-cta-text,
.appointment-cta-form label,
.appointment-cta-form input,
.appointment-cta-form select,
.appointment-cta-form textarea {
  text-align: right;
}

.appointment-cta-title {
  font-family: var(--padra-font-body);
  letter-spacing: normal;
}

.contact-branch-form-section,
.contact-branch-form-inner {
  direction: rtl;
}

.contact-branch-form-intro,
.contact-branch-form-title,
.contact-branch-form-text {
  text-align: right;
  font-family: var(--padra-font-body);
}

@media screen and (max-width: 63.99em) {
  .contact-branch-form-intro {
    text-align: center;
  }
}

.appointment-cta::before {
  right: 0;
  left: auto;
  background-position: right center;
  transform: scaleX(-1);
}

.appointment-cta .appointment-cta-form .actions::after {
  content: "\2190";
  right: auto;
  left: 1.75rem;
}

.appointment-cta .appointment-cta-form input[type="submit"],
.appointment-cta .appointment-cta-form .hs-button {
  padding-right: 1.75rem !important;
  padding-left: 3.5rem !important;
  text-align: center;
}

@media screen and (max-width: 63.99em) {
  .appointment-cta::before {
    background-position: right top;
  }
}

/* HubSpot forms — RTL */
.appointment-cta .appointment-cta-form form,
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) form,
.appointment-cta .appointment-cta-form input,
.appointment-cta .appointment-cta-form select,
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) input,
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) select {
  direction: rtl;
  text-align: right;
}

.appointment-cta .appointment-cta-form select,
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) select {
  padding-right: 16px !important;
  padding-left: 46px !important;
  background-position: 20px center !important;
}

.appointment-cta .appointment-cta-form .actions::after,
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) .actions::after {
  content: "\2190";
  right: auto;
  left: 22px;
}

.appointment-cta .appointment-cta-form input[type="submit"],
.appointment-cta .appointment-cta-form .hs-button,
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) input[type="submit"],
.service-main :where(.service-lead-form--hubspot, .service-hubspot-form) .hs-button {
  padding-right: 24px !important;
  padding-left: 58px !important;
  text-align: center;
}

.service-main .service-lead>.service-lead-inner::before {
  right: 0;
  left: auto;
  background-position: right center;
  transform: scaleX(-1);
}

.contact-info-title,
.contact-info-row,
.contact-info-group-label {
  text-align: right;
}

/* Graft Calculator RTL */
.graft-table thead th,
.graft-table tbody td {
  text-align: right;
}

.graft-callout-note {
  border-left: none;
  border-right: 3px solid #f26522;
  border-radius: 8px 0 0 8px;
}

.graft-how-tip {
  border-left: none;
  border-right: 3px solid #cca978;
  border-radius: 8px 0 0 8px;
}

.graft-bullet-list li {
  padding-left: 0;
  padding-right: 20px;
}

.graft-bullet-list li::before {
  left: auto;
  right: 0;
}

.graft-faq-tab {
  text-align: right;
}

.graft-select {
  padding: 0 22px 0 38px;
}

.graft-select-chevron {
  right: auto;
  left: 18px;
}

.graft-accordion-arrow {
  transform: rotate(180deg);
}

.graft-accordion-item.is-open .graft-accordion-arrow {
  transform: rotate(90deg);
}

.graft-stepper-progress {
  left: auto;
  right: 0;
}

.graft-stepper-track {
  flex-direction: row-reverse;
}

/*--------------------------------------------------------------
# Header Mega Menu RTL
--------------------------------------------------------------*/
.pd-utility,
.pd-header,
.pd-drawer {
  direction: rtl;
}

.pd-utility__note {
  margin-right: 0;
  margin-left: auto;
}

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

.pd-panel {
  right: 0;
  left: auto;
}

.pd-panel--right {
  right: auto;
  left: 0;
}

.pd-language__menu {
  right: auto;
  left: 0;
}

.pd-language__item,
.pd-language-sheet__item {
  text-align: right;
}

.pd-mega__services {
  border-right: 0;
  border-left: 1px solid var(--pd-line);
}

.pd-mega__service {
  border-right: 2px solid transparent;
  border-left: 0;
  text-align: right;
}

.pd-mega__service[aria-selected="true"] {
  border-right-color: var(--pd-brand);
}

.pd-mega__service svg {
  transform: scaleX(-1);
}

.pd-list,
.pd-mega__cities,
.pd-city {
  text-align: right;
}

@media screen and (max-width: 65em) {
  .pd-actions {
    margin-right: auto;
    margin-left: 0;
  }

  .pd-drawer {
    inset: 0 auto 0 0;
    border-right: 1px solid var(--pd-line);
    border-left: 0;
    transform: translateX(-100%);
  }

  .pd-drawer.is-open {
    transform: translateX(0);
  }

  .pd-acc__head {
    text-align: right;
  }

  .pd-acc__parent {
    text-align: right;
  }

  .pd-acc--nested>.pd-acc__head {
    padding-right: 0;
    padding-left: 0;
  }

  .pd-drawer {
    border-right: 0;
  }

  .pd-country-list {
    padding-right: 0;
    padding-left: 16px;
  }

  .pd-country {
    padding-right: 4px;
    padding-left: 9px;
  }

  .pd-mobile-menu__primary-link,
  .pd-mobile-menu__primary .pd-acc__head,
  .pd-drawer-search input {
    text-align: right;
  }

}

/*--------------------------------------------------------------
# BMI Calculator Tool RTL
--------------------------------------------------------------*/

/*
 * Preserve the LTR BMI layout dimensions while mirroring only the
 * visual composition and reading direction for Arabic.
 */
html[dir="rtl"] .bmi-calculator-main {
  --padra-body-font: "ravi";
  --padra-font-body: "ravi";
  --padra-font-display: "ravi";

  direction: rtl;
  font-family: "ravi";
}

/* Desktop hero ------------------------------------------------- */
@media screen and (min-width: 52.01em) {

  /*
   * The English hero image is anchored to the right.
   * In RTL the image must be anchored to the left, otherwise the
   * uncovered background remains visible on the left side.
   */
  html[dir="rtl"] .bmi-hero-section {
    background-position: left top;
  }

  /*
   * Mirror the English white fade so the Arabic copy sits on the
   * right side while the photograph remains visible on the left.
   */
  html[dir="rtl"] .bmi-hero-section::before {
    right: 0;
    left: auto;
    width: 62%;
    background: linear-gradient(270deg,
        #ffffff 0%,
        rgba(255, 255, 255, 0.99) 32%,
        rgba(255, 255, 255, 0.9) 56%,
        rgba(255, 255, 255, 0.58) 76%,
        rgba(255, 255, 255, 0) 100%);
  }

  html[dir="rtl"] .bmi-hero-section .bmi-container {
    direction: rtl;
  }

  html[dir="rtl"] .bmi-hero-content {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
  }

  html[dir="rtl"] .bmi-hero-title,
  html[dir="rtl"] .bmi-hero-subtitle,
  html[dir="rtl"] .bmi-callout-card,
  html[dir="rtl"] .bmi-callout-title,
  html[dir="rtl"] .bmi-callout-desc {
    text-align: right;
  }

  html[dir="rtl"] .bmi-hero-title,
  html[dir="rtl"] .bmi-title-highlight {
    font-family: "ravi";
    letter-spacing: normal;
  }

  html[dir="rtl"] .bmi-title-highlight {
    font-style: normal;
  }

  html[dir="rtl"] .bmi-breadcrumb {
    font-family: "ravi";
    letter-spacing: normal;
    text-transform: none;
    text-align: right;
  }

  html[dir="rtl"] .bmi-hero-pills {
    direction: rtl;
    justify-content: flex-start;
  }

  html[dir="rtl"] .bmi-pill-badge {
    font-family: "ravi";
  }
}

/* Existing mobile composition — keep unchanged ---------------- */
@media screen and (max-width: 52em) {
  html[dir="rtl"] .bmi-hero-section {
    background-position: 36% 0 !important;
  }

  html[dir="rtl"] .bmi-hero-section::before {
    top: 220px;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 280px;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.24) 20%,
        rgba(255, 255, 255, 0.72) 56%,
        rgba(255, 255, 255, 0.96) 82%,
        #ffffff 100%);
  }
}

/* BMI content -------------------------------------------------- */
html[dir="rtl"] .bmi-table thead th,
html[dir="rtl"] .bmi-table tbody td {
  text-align: right;
}

html[dir="rtl"] .bmi-table-callout {
  border-right: 3px solid #f26522;
  border-left: none;
  border-radius: 8px 0 0 8px;
}

html[dir="rtl"] .bmi-privacy-callout {
  border-right: 3px solid #cca978;
  border-left: none;
  border-radius: 8px 0 0 8px;
}

html[dir="rtl"] .bmi-bullet-list li {
  padding-right: 18px;
  padding-left: 0;
}

html[dir="rtl"] .bmi-bullet-list li::before {
  right: 0;
  left: auto;
}

html[dir="rtl"] .bmi-select {
  padding-right: 22px;
  padding-left: 40px;
  text-align: right;
}

html[dir="rtl"] .bmi-select-chevron {
  right: auto;
  left: 18px;
}

html[dir="rtl"] .bmi-accordion-header {
  text-align: right;
}

html[dir="rtl"] .bmi-spectrum-header {
  justify-content: flex-start;
}

/* Form section heading alignment ------------------------------ */
html[dir="rtl"] .bmi-section--form {
  direction: rtl;
}

html[dir="rtl"] .bmi-section--form .bmi-section-header--center {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .bmi-section--form .bmi-eyebrow {
  width: 100%;
  text-align: right;
}

html[dir="rtl"] .bmi-section--form .bmi-section-title {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

html[dir="rtl"] .bmi-section--form .bmi-section-note {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

/* Form labels ------------------------------------------------- */
html[dir="rtl"] .bmi-section--form .bmi-toggle-group,
html[dir="rtl"] .bmi-section--form .bmi-form-field {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .bmi-section--form .bmi-toggle-label,
html[dir="rtl"] .bmi-section--form label {
  text-align: right;
}

/* Form controls ----------------------------------------------- */
html[dir="rtl"] .bmi-section--form .bmi-input,
html[dir="rtl"] .bmi-section--form .bmi-select {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .bmi-section--form .bmi-input::placeholder {
  text-align: right;
}

/*--------------------------------------------------------------
# RTL Slider Navigation
--------------------------------------------------------------*/

.home-media-prev svg,
.home-media-next svg,
.home-results-prev svg,
.home-results-next svg,
.service-media-prev svg,
.service-media-next svg,
.service-results-prev svg,
.service-results-next svg,
.service-branch-contact .contact-slider-prev svg,
.service-branch-contact .contact-slider-next svg {
  transform: scaleX(-1);
}

/*--------------------------------------------------------------
# 404 Error Page
--------------------------------------------------------------*/
.error-404-watermark {
  font-family: var(--padra-font-display, "Canela", Georgia, serif) !important;
  direction: ltr;
}

.error-404-btn-arrow {
  transform: scaleX(-1);
}

.error-404-btn:hover .error-404-btn-arrow {
  transform: scaleX(-1) translateX(3px);
}

/*--------------------------------------------------------------
# About Page RTL
--------------------------------------------------------------*/

.about-hero-title {
  text-align: right;
}

.about-destination-headings,
.about-destination-text {
  text-align: right;
}

.about-slider-nav {
  right: auto;
  left: 1.5em;
}

.about-slider-prev svg,
.about-slider-next svg {
  transform: scaleX(-1);
}

.about-slider-pagination {
  right: 1.5em;
  left: auto;
}

@media screen and (max-width: 63.99em) {
  .about-slider-pagination {
    right: 0;
    left: 0;
  }
}

.about-locations-title {
  text-align: right;
}

@media screen and (max-width: 63.99em) {
  .about-locations-title {
    text-align: center;
  }

  .about-location-body {
    padding: 8px 0 8px 8px;
    text-align: right;
  }
}

.about-timeline-dot {
  right: 1.25em;
  left: auto;
}

.about-timeline-content {
  right: 1.25em;
  left: auto;
  text-align: right;
}

.about-timeline-nav {
  justify-content: flex-start;
}

.about-timeline-prev svg,
.about-timeline-next svg {
  transform: scaleX(-1);
}

@media screen and (max-width: 63.99em) {
  .about-timeline-list {
    padding-right: 32px;
    padding-left: 0;
  }

  .about-timeline-list::before {
    right: 7px;
    left: auto;
    border-right: 1px dashed #b8b5b0;
    border-left: 0;
  }

  .about-timeline-dot {
    right: -29px;
    left: auto;
  }

  .about-timeline-content,
  .timeline-top .about-timeline-content,
  .timeline-bottom .about-timeline-content {
    text-align: right;
  }
}

.about-intro-tag:nth-child(1),
.about-intro-tag--1 {
  left: auto;
  right: 14%;
}

.about-intro-tag:nth-child(2),
.about-intro-tag--2 {
  right: auto;
  left: 20%;
}

.about-intro-tag:nth-child(3),
.about-intro-tag--3 {
  left: auto;
  right: 22%;
}

.about-intro-tag:nth-child(4),
.about-intro-tag--4 {
  right: auto;
  left: 14%;
}

@media screen and (min-width: 64em) {

  .about-value:first-child,
  .about-value-card:first-child {
    border-right: 0;
    border-left: 1px solid rgba(198, 170, 118, 0.35);
    padding-left: 4em;
    padding-right: 0;
  }

  .about-value:last-child,
  .about-value-card:last-child {
    padding-left: 0;
    padding-right: 4em;
  }
}

.about-value,
.about-value-card {
  text-align: right;
}

.about-experts-head,
.about-experts-title,
.about-experts-text {
  text-align: right;
}

.about-expert-card {
  text-align: right;
}

.about-experts-prev svg,
.about-experts-next svg {
  transform: scaleX(-1);
}

/*--------------------------------------------------------------
# Blog Detail Excerpt RTL
--------------------------------------------------------------*/
.blog-detail-excerpt {
  border-left: 1px solid #efece6;
  border-right: 4px solid #f47b20;
}

/*--------------------------------------------------------------
# Blog CTA RTL
--------------------------------------------------------------*/

html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-inner,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-content {
  direction: rtl;
}

html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-main,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-content,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-title,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-label,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-text {
  text-align: right;
}

html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-title,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-label,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-text,
html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-button {
  font-family: var(--padra-font-body);
  letter-spacing: normal;
}

html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-actions {
  direction: rtl;
  justify-content: flex-start;
}

.blog-detail-comment .children {
  margin: 0 2em 0 1.5em;
}

@media screen and (max-width: 767px) {
  html[dir="rtl"] .blog-detail .entry-content .blog-detail-cta-actions {
    align-items: stretch;
  }
}

/*--------------------------------------------------------------
# Blog Related Product RTL
--------------------------------------------------------------*/

.blog-related-product {
  border-right: 4px solid #ff6a14;
  border-left: 0;
  background: linear-gradient(270deg, #ffab7a 0%, #fde6d4 100%);
}

.blog-related-product__actions {
  padding-right: 0;
  padding-left: 32px;
}

.blog-related-product__date,
.blog-related-product__title,
.blog-related-product__description {
  text-align: right;
}

.blog-related-product__button svg {
  transform: scaleX(-1);
}

.blog-related-product__button:hover svg,
.blog-related-product__button:focus svg {
  transform: scaleX(-1) translateX(3px);
}

@media screen and (max-width: 47.99em) {
  .blog-related-product__actions {
    padding: 0 16px 16px;
  }
}


/*--------------------------------------------------------------
# Blog Before & After CTA RTL
--------------------------------------------------------------*/

html[dir="rtl"] .blog-detail .entry-content .blog-before-after-cta {
  direction: rtl;
  background: linear-gradient(270deg, #ffab7a 0%, #fde6d4 100%);
}

html[dir="rtl"] .blog-before-after-cta__content,
html[dir="rtl"] .blog-detail .entry-content .blog-before-after-cta__title,
html[dir="rtl"] .blog-detail .entry-content .blog-before-after-cta__description {
  text-align: right;
}

html[dir="rtl"] .blog-before-after-cta__content {
  align-items: flex-start;
}

html[dir="rtl"] .blog-before-after-cta__button svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .blog-detail .entry-content .blog-before-after-cta__button:hover svg,
html[dir="rtl"] .blog-detail .entry-content .blog-before-after-cta__button:focus svg {
  transform: scaleX(-1) translateX(3px);
}

/*--------------------------------------------------------------
# Graft Calculator - Male Step 5 RTL
--------------------------------------------------------------*/

.graft-step5-mode--male,
.graft-step5-mode--female {
  direction: rtl;
}

/*
 * Keep depth progression visually consistent from 1 to 5.
 * The first and last dots must stay aligned with the track edges.
 */
.graft-male-depth-track {
  direction: ltr;
}

.graft-male-depth-track::before {
  right: 10%;
  left: 10%;
}

/*
 * Area buttons follow the Arabic reading direction.
 */
.graft-male-area-grid {
  direction: rtl;
}

.graft-male-area-button {
  text-align: center;
}

/*
 * Keep the preview image neutral and unaffected by RTL direction.
 */
.graft-male-preview {
  direction: ltr;
}

.graft-male-preview img {
  direction: ltr;
}

/*
 * Step navigation keeps natural RTL flow.
 */
.graft-step-actions {
  direction: rtl;
}

/*
 * Keep button content centered regardless of language direction.
 */
.graft-step-actions .graft-btn {
  text-align: center;
}

/* Mobile */
@media screen and (max-width: 52em) {
  .graft-male-area-grid {
    direction: rtl;
  }

  .graft-male-depth-track {
    direction: ltr;
  }
}

.service-branch-contact .contact-info-row--hours {
  direction: rtl;
}

.service-branch-contact .contact-info-social {
  direction: rtl;
}

/*--------------------------------------------------------------
# Privacy Policy Page RTL
--------------------------------------------------------------*/
html[dir="rtl"] .privacy-policy-main,
html[dir="rtl"] .privacy-policy-page,
html[dir="rtl"] .privacy-policy-shell,
html[dir="rtl"] .privacy-policy-header,
html[dir="rtl"] .privacy-policy-content {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .privacy-policy-title,
html[dir="rtl"] .privacy-policy-content h2,
html[dir="rtl"] .privacy-policy-content h3,
html[dir="rtl"] .privacy-policy-content h4,
html[dir="rtl"] .privacy-policy-content h5,
html[dir="rtl"] .privacy-policy-content h6,
html[dir="rtl"] .privacy-policy-content p,
html[dir="rtl"] .privacy-policy-content li,
html[dir="rtl"] .privacy-policy-content th,
html[dir="rtl"] .privacy-policy-content td {
  text-align: right;
}

html[dir="rtl"] .privacy-policy-content ul,
html[dir="rtl"] .privacy-policy-content ol {
  padding-right: 24px;
  padding-left: 0;
}

html[dir="rtl"] .privacy-policy-content li {
  padding-right: 4px;
  padding-left: 0;
}

html[dir="rtl"] .privacy-policy-content blockquote {
  padding-right: 22px;
  padding-left: 0;
  border-right: 3px solid #ff681e;
  border-left: 0;
}

html[dir="rtl"] .privacy-policy-page-links {
  direction: rtl;
  justify-content: flex-start;
}


/*--------------------------------------------------------------
# Author Archive RTL
--------------------------------------------------------------*/
html[dir="rtl"] .author-profile-section,
html[dir="rtl"] .author-archive {
  direction: rtl;
  text-align: right;
}

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

html[dir="rtl"] .author-archive-sort .blog-archive-sort-select {
  padding-right: 18px;
  padding-left: 38px;
}

@media screen and (max-width: 39.99em) {
  html[dir="rtl"] .author-archive-sort .blog-archive-sort-select {
    padding-right: 14px;
    padding-left: 32px;
  }
}


/*--------------------------------------------------------------
# Single Post Featured Blog Sidebar RTL
--------------------------------------------------------------*/
html[dir="rtl"] .blog-detail-sidebar {
  border-left: 0;
  border-right: 1px solid #efece6;
  border-radius: 0 0 0 24px;
}

html[dir="rtl"] .blog-detail-related,
html[dir="rtl"] .blog-detail-related-content,
html[dir="rtl"] .blog-detail-related-date,
html[dir="rtl"] .blog-detail-related-title,
html[dir="rtl"] .blog-sidebar-featured,
html[dir="rtl"] .blog-sidebar-featured-title,
html[dir="rtl"] .blog-sidebar-featured-content,
html[dir="rtl"] .blog-sidebar-featured-date,
html[dir="rtl"] .blog-sidebar-featured-post-title {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .blog-sidebar-featured-dots {
  direction: rtl;
}

@media screen and (max-width: 63.99em) {
  html[dir="rtl"] .blog-detail-sidebar {
    border-right: 0;
    border-radius: 0;
  }
}

/* Portfolio Archive ------------------------------------------------ */
.portfolio-archive-main,
.portfolio-archive-tab,
.portfolio-archive-case-toggle,
.portfolio-archive-case-details,
.portfolio-archive-locations {
  direction: rtl;
}

.portfolio-archive-tab,
.portfolio-archive-case-toggle {
  text-align: right;
}

.portfolio-archive-case-detail {
  padding-right: 16px;
  padding-left: 16px;
  border-right: 1px solid #ccc9c8;
  border-left: 0;
}

.portfolio-archive-case-detail:first-child {
  padding-right: 0;
  padding-left: 16px;
  border-right: 0;
}

.portfolio-archive-case-detail:last-child {
  padding-right: 16px;
  padding-left: 0;
}

.portfolio-archive-more svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 47.99em) {

  .portfolio-archive-case-detail,
  .portfolio-archive-case-detail:first-child,
  .portfolio-archive-case-detail:last-child {
    padding: 0;
    border: 0;
  }
}

/*--------------------------------------------------------------
# Doctor Single RTL
--------------------------------------------------------------*/
html[dir="rtl"] .doctor-single-main,
html[dir="rtl"] .doctor-single-title,
html[dir="rtl"] .doctor-single-specialty,
html[dir="rtl"] .doctor-single-biography,
html[dir="rtl"] .doctor-single-meta-block,
html[dir="rtl"] .doctor-credential-card,
html[dir="rtl"] .doctor-review-form,
html[dir="rtl"] .doctor-review-body,
html[dir="rtl"] .doctor-knowledge-card {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .doctor-single-hero-grid {
  grid-template-areas:
    "heading image"
    "details image";
}

html[dir="rtl"] .doctor-single-location-value,
html[dir="rtl"] .doctor-credential-heading,
html[dir="rtl"] .doctor-license-date-card,
html[dir="rtl"] .doctor-license-date-content,
html[dir="rtl"] .doctor-review-author,
html[dir="rtl"] .doctor-review-meta,
html[dir="rtl"] .doctor-review-score {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

html[dir="rtl"] .doctor-single-social-list {
  direction: ltr;
  justify-content: flex-end;
}

html[dir="rtl"] .doctor-review-rating {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .doctor-review-opinion textarea {
  padding: 24px 24px 24px 200px;
  text-align: right;
}

html[dir="rtl"] .doctor-review-score {
  padding-inline-start: 16px;
  border-inline-start: 1px solid #ccc9c6;
}

html[dir="rtl"] .doctor-knowledge-button svg {
  transform: none;
}

@media screen and (max-width: 767px) {
  html[dir="rtl"] .doctor-single-hero-grid {
    grid-template-areas:
      "heading"
      "image"
      "details";
  }

  html[dir="rtl"] .doctor-review-rating {
    right: 16px;
    left: auto;
  }

  html[dir="rtl"] .doctor-review-opinion textarea {
    padding: 16px 16px 64px;
  }

  html[dir="rtl"] .doctor-license-date-content {
    align-items: flex-end;
  }
}


/*--------------------------------------------------------------
# Doctors Archive RTL
--------------------------------------------------------------*/
html[dir="rtl"] .doctor-archive-main,
html[dir="rtl"] .doctor-archive-heading,
html[dir="rtl"] .doctor-archive-description,
html[dir="rtl"] .doctor-archive-card-copy,
html[dir="rtl"] .doctor-archive-empty {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .doctor-archive-breadcrumb {
  direction: rtl;
  justify-content: flex-start;
  text-align: right;
}
/*--------------------------------------------------------------
# Services Archive RTL
--------------------------------------------------------------*/
html[dir="rtl"] .services-archive-main,
body.rtl .services-archive-main {
  direction: rtl;
}

html[dir="rtl"] .services-archive-breadcrumb,
body.rtl .services-archive-breadcrumb {
  direction: rtl;
}

html[dir="rtl"] .services-archive-tab,
body.rtl .services-archive-tab,
html[dir="rtl"] .services-archive-card,
body.rtl .services-archive-card,
html[dir="rtl"] .services-archive-empty,
body.rtl .services-archive-empty {
  text-align: right;
}

html[dir="rtl"] .services-archive-card-button,
body.rtl .services-archive-card-button {
  direction: rtl;
}

html[dir="rtl"] .services-archive-card-button svg,
body.rtl .services-archive-card-button svg {
  transform: rotate(180deg);
}

html[dir="rtl"] .services-archive-locations .about-locations-title,
body.rtl .services-archive-locations .about-locations-title,
html[dir="rtl"] .services-archive-locations .about-location-body,
body.rtl .services-archive-locations .about-location-body {
  text-align: right;
}

@media screen and (max-width: 47.99em) {
  html[dir="rtl"] .services-archive-locations .about-location-image,
  body.rtl .services-archive-locations .about-location-image {
    border-radius: 0 16px 16px 0;
  }

  html[dir="rtl"] .services-archive-locations .about-location-body,
  body.rtl .services-archive-locations .about-location-body {
    padding: 20px 16px;
  }
}
/*--------------------------------------------------------------
# Hair Transplant Pricing RTL
--------------------------------------------------------------*/
html[dir="rtl"] .service-main-transplant .service-price-value,
body.rtl .service-main-transplant .service-price-value {
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  html[dir="rtl"] .service-main-transplant .service-price-value,
  body.rtl .service-main-transplant .service-price-value {
    font-size: 32px;
  }
}