/* HairX Atelier 2.5 — Arabic / RTL support for TranslatePress */
html{direction:rtl}
body{direction:rtl;unicode-bidi:embed;text-align:right;font-family:"Tajawal","Segoe UI",Arial,sans-serif}

/* Header + navigation */
.site-header__inner,.desktop-nav .menu,.site-header__actions,.header-cta-group,.hero__actions,.booking-card,.booking-card__actions,.footer-list,.footer-socials,.footer-legal{direction:rtl}
.desktop-nav{margin-inline-start:auto;margin-inline-end:0}
.hairx-lang-switcher{direction:ltr}
.mobile-drawer__panel{right:auto;left:0;transform:translateX(-105%)}
.mobile-drawer.is-open .mobile-drawer__panel{transform:translateX(0)}
.mobile-drawer__top,.mobile-nav .menu,.mobile-drawer__ctas,.mobile-drawer__contact{direction:rtl;text-align:right}
.mobile-drawer__cta{flex-direction:row}
.mobile-drawer__contact a{direction:rtl}

/* Typography + icon rhythm */
.eyebrow{letter-spacing:.08em}
.button .hx-icon{transform:scaleX(-1)}
.button>.hx-icon:first-child,.booking-card__actions .button>.hx-icon:first-child,.contact-hero .text-link .hx-icon{transform:none}
.text-link .hx-icon{transform:scaleX(-1)}
.text-link:hover .hx-icon{transform:scaleX(-1) translate(-3px,-3px)}
.header-cta .hx-icon,.mobile-drawer__cta .hx-icon{transform:scaleX(-1)}

/* Hero */
.hero__grid,.hero__copy,.hero__lead,.hero__micro{text-align:right}
.hero__grain{mask-image:linear-gradient(270deg,transparent 0,#000 42%,#000 100%)}
.visual-card__kicker{left:auto;right:34px}
.hair-illustration{inset:52px auto 0 -35px;transform:scaleX(-1)}
.floating-note--top{right:auto;left:-8px}
.floating-note--bottom{left:auto;right:-34px}

/* Main content */
.section-heading,.process-grid,.about-grid,.faq-grid,.contact-hero__grid,.contact-layout{direction:rtl}
.section-heading,.process-intro,.about-copy,.faq-grid>div,.contact-hero,.contact-info,.contact-form-card{text-align:right}
.treatment-card,.quote-card{text-align:right}
.feature-list>div,.process-steps li{direction:rtl;text-align:right}
.faq-item__button{text-align:right}
.faq-item__answer p{margin:0 0 0 54px}
.contact-form-grid label,.contact-message{text-align:right}
.contact-form-submit{direction:rtl}
.contact-form-submit p{text-align:left}

/* Footer */
.footer-masthead,.footer-navline,.footer-contactbar,.site-footer__bottom{direction:rtl;text-align:right}
.footer-action{justify-self:end}
.footer-contactbar>a,.footer-contactbar>div{border-right:0;border-left:1px solid rgba(231,225,216,.12)}
.footer-contactbar>*:first-child{padding-left:24px;padding-right:0}
.footer-contactbar>*:last-child{border-left:0;padding-right:24px;padding-left:0}
.site-footer__bottom .footer-legal{justify-self:start}
.site-footer__copyright{justify-self:end}

/* Controls */
.back-to-top{right:auto;left:14px}

@media(max-width:1100px){
  .footer-contactbar>*:nth-child(2){border-left:0}
  .footer-contactbar>*:first-child,.footer-contactbar>*:nth-child(3){padding-right:0;padding-left:24px}
  .footer-contactbar>*:nth-child(2),.footer-contactbar>*:last-child{padding-left:0;padding-right:24px}
}
@media(max-width:820px){
  .hero__copy,.section-heading,.process-intro,.about-copy{text-align:right}
  .footer-action{justify-self:start}
  .footer-navline,.footer-navline__menu{align-items:flex-start}
  .faq-item__answer p{margin-left:0}
  .site-footer__bottom .footer-legal{justify-self:start}
  .site-footer__copyright{justify-self:start}
}
@media(max-width:560px){
  .visual-card__kicker{right:22px;left:auto}
  .floating-note--top{left:0;right:auto}
  .floating-note--bottom{right:0;left:auto}
  .footer-contactbar>a,.footer-contactbar>div{border-left:0;padding:20px 0!important}
  .contact-form-submit p{text-align:right}
  .site-footer__bottom .footer-legal{justify-self:start}
}

/* AI simulator / before-after section */
.simulator-shell{direction:rtl}
.simulator-copy{text-align:right}
.simulator-actions{direction:rtl}
.simulator-link .hx-icon{transform:scaleX(-1)}
.simulator-visual{justify-self:start}
.simulator-section:before{right:auto;left:-170px}
.simulator-section:after{left:auto;right:-150px}

@media(max-width:820px){
  .simulator-copy{text-align:center}
  .simulator-visual{justify-self:center}
  .simulator-actions{justify-content:center}
}

/* HairX 2.5 — RTL polish: footer contact icons + trust marquee */
body.hairx-arabic .footer-contactbar>a,
body.hairx-arabic .footer-contactbar>div{
  direction:rtl;
  grid-template-columns:minmax(0,1fr) 28px;
  grid-template-rows:max-content max-content;
  column-gap:12px;
  row-gap:6px;
  text-align:right;
}
body.hairx-arabic .footer-contactbar>*>span{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  justify-self:center;
  margin:0;
}
body.hairx-arabic .footer-contactbar small{
  grid-column:1;
  grid-row:1;
  text-align:right;
  justify-self:stretch;
}
body.hairx-arabic .footer-contactbar strong,
body.hairx-arabic .footer-contactbar .footer-location-stack{
  grid-column:1;
  grid-row:2;
  text-align:right;
  justify-self:stretch;
}
body.hairx-arabic .footer-contactbar>a[href^="tel:"] strong,
body.hairx-arabic .footer-contactbar>a[href^="mailto:"] strong,
body.hairx-arabic .mobile-drawer__contact a[href^="tel:"] span,
body.hairx-arabic .mobile-drawer__contact a[href^="mailto:"] span{
  direction:ltr;
  unicode-bidi:isolate;
}
body.hairx-arabic .footer-contactbar>a[href^="tel:"] strong,
body.hairx-arabic .footer-contactbar>a[href^="mailto:"] strong{
  text-align:right;
}
body.hairx-arabic .footer-contactbar .hx-icon{
  transform:none;
}

/* Keep the marquee geometry LTR so the duplicated track loops seamlessly,
   while the Arabic item order and text remain naturally RTL. */
body.hairx-arabic .trust-strip__track{
  direction:ltr;
  animation-name:hairxTrustRtl;
}
body.hairx-arabic .trust-strip__set{
  direction:rtl;
}
body.hairx-arabic .trust-strip__set span{
  direction:rtl;
  text-align:right;
  text-transform:none;
  letter-spacing:0;
  font-size:.84rem;
  font-weight:500;
}
body.hairx-arabic .trust-strip__set span:after{
  margin-left:0;
  margin-right:30px;
}
@keyframes hairxTrustRtl{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}

@media(max-width:820px){
  body.hairx-arabic .trust-strip__set span:after{margin-right:22px}
}
@media(max-width:560px){
  body.hairx-arabic .trust-strip__set span{font-size:.76rem}
  body.hairx-arabic .trust-strip__set span:after{margin-right:18px}
  body.hairx-arabic .footer-contactbar>a,
  body.hairx-arabic .footer-contactbar>div{
    grid-template-columns:minmax(0,1fr) 28px;
    align-items:center;
  }
}


/* HairX Atelier 2.7 — doctors RTL */
html[dir="rtl"] .hx-doctor-card__country,
body.hairx-arabic .hx-doctor-card__country{right:auto;left:18px}
html[dir="rtl"] .hx-doctor-card__index,
body.hairx-arabic .hx-doctor-card__index{left:auto;right:20px}
html[dir="rtl"] .hx-doctor-profile__country,
body.hairx-arabic .hx-doctor-profile__country{right:auto;left:22px}
html[dir="rtl"] .hx-doctor-profile__back .hx-icon,
body.hairx-arabic .hx-doctor-profile__back .hx-icon{transform:scaleX(-1)}
html[dir="rtl"] .hx-doctor-profile__back:hover .hx-icon,
body.hairx-arabic .hx-doctor-profile__back:hover .hx-icon{transform:scaleX(-1) translateX(-3px)}
html[dir="rtl"] .hx-doctors-cta__card>.button .hx-icon,
body.hairx-arabic .hx-doctors-cta__card>.button .hx-icon{transform:scaleX(-1)}

html[dir="rtl"] .hx-doctor-card__profile-link .hx-icon,body.hairx-arabic .hx-doctor-card__profile-link .hx-icon{transform:scaleX(-1)}
html[dir="rtl"] .hx-doctor-card__profile-link:hover .hx-icon,body.hairx-arabic .hx-doctor-card__profile-link:hover .hx-icon{transform:scaleX(-1) translate(3px,-3px)}