/* ==========================================================================
   RTL — ajustes para árabe (dir="rtl")
   El resto del layout usa flexbox/grid y propiedades lógicas
   (padding-inline, border-inline-start/end), por lo que se invierte solo.
   Aquí solo se corrigen los pequeños iconos de flecha, que apuntan en la
   dirección de lectura.
   ========================================================================== */

[dir='rtl'] .btn-arrow,
[dir='rtl'] .division-link svg {
  transform: scaleX(-1);
}

[dir='rtl'] .btn:hover .btn-arrow {
  transform: scaleX(-1) translateX(3px);
}

[dir='rtl'] .division:hover .division-link svg {
  transform: scaleX(-1) translateX(3px);
}