/* --------------------------------------------------------------------------
   Yemla 2026 — ajustes para árabe (derecha a izquierda).
   -------------------------------------------------------------------------- */

[dir="rtl"] body{text-align:right}

/* Navegación */
[dir="rtl"] .y-brand{padding:2px 6px 2px 10px}
[dir="rtl"] .y-brand__sub{letter-spacing:.12em}
[dir="rtl"] .y-menu .sub-menu .menu-item-has-children > a::after{float:left;transform:rotate(135deg)}
[dir="rtl"] .y-menu .sub-menu .sub-menu{left:auto;right:calc(100% + 8px)}
[dir="rtl"] .y-drawer .sub-menu a{padding:9px 18px 9px 4px}

/* Hero y secciones centradas se mantienen centradas */
[dir="rtl"] .y-hero__content,
[dir="rtl"] .y-how,
[dir="rtl"] .y-cta,
[dir="rtl"] .y-section__head--center,
[dir="rtl"] .y-stats__grid{text-align:center}

/* Tipografía árabe: la serif itálica no funciona en árabe */
[dir="rtl"] .y-hero h1,
[dir="rtl"] .y-h,
[dir="rtl"] .y-area__title,
[dir="rtl"] .y-chess__text h3,
[dir="rtl"] .y-stat b,
[dir="rtl"] .y-pill b,
[dir="rtl"] .y-founder__tag b,
[dir="rtl"] .y-post__title,
[dir="rtl"] .y-page-hero h1,
[dir="rtl"] .y-prose h1,
[dir="rtl"] .y-prose h2,
[dir="rtl"] .y-prose h3{
  font-family:"Barlow","Segoe UI",Tahoma,sans-serif;font-style:normal;font-weight:500;
  letter-spacing:0;line-height:1.35;
}
[dir="rtl"] .y-hero h1{line-height:1.25;font-weight:600}
[dir="rtl"] .y-quote p{font-style:normal}

/* Listas, tarjetas y migas */
[dir="rtl"] .y-area__inner{padding-left:0;padding-right:48px}
[dir="rtl"] .y-area__tags{justify-content:flex-start}
[dir="rtl"] .y-crumbs{flex-direction:row-reverse;justify-content:flex-end}
[dir="rtl"] .y-footer__bar{flex-direction:row-reverse}
[dir="rtl"] .y-card,[dir="rtl"] .y-quote,[dir="rtl"] .y-sub-card{text-align:right}
[dir="rtl"] .y-founder__tag{left:auto;right:24px}
[dir="rtl"] .y-fab{right:auto;left:20px}
[dir="rtl"] .y-post__date{margin-left:0;margin-right:auto}

@media (max-width:860px){
  [dir="rtl"] .y-area__inner{padding-right:0}
}

/* ==========================================================================
   Números latinos dentro de texto árabe
   El algoritmo bidireccional reordena teléfonos, correos y direcciones si no
   se aíslan. <bdi> hace el trabajo; esto cubre lo que llega sin envolver.
   ========================================================================== */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .y-hero__proof a,
[dir="rtl"] .y-cta__addr,
[dir="rtl"] .y-founder__credential,
[dir="rtl"] .y-way em,
[dir="rtl"] .y-fees b,
[dir="rtl"] code{
  direction:ltr;
  unicode-bidi:isolate;
}
[dir="rtl"] bdi{unicode-bidi:isolate;direction:ltr}