/* zk-rtl.css — Soporte derecha-a-izquierda para el Darija (ary). Solo aplica bajo
   html[dir="rtl"]. El grueso del reflejo lo hace el navegador con dir=rtl (los flex
   se invierten y el texto se alinea solo); aquí van los ajustes puntuales. */

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

/* Marca/logo y bloques con texto latino: se mantienen LTR para que se lean bien */
html[dir="rtl"] .zk-lockup,
html[dir="rtl"] .zk-word,
html[dir="rtl"] .logo,
html[dir="rtl"] .header-logo a { direction: ltr; }

/* Formularios: etiquetas e inputs a la derecha */
html[dir="rtl"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }
/* Campos intrínsecamente LTR (email, url, tel, contraseña, números) alineados a la derecha pero con flujo LTR */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="password"] { direction: ltr; text-align: right; }

/* Selector de idioma: el menú se ancla al lado correcto en RTL */
html[dir="rtl"] .zk-lang-menu { right: auto; left: 0; }

/* Precios, matrículas y números: aíslan su dirección para no romper el orden junto a texto árabe */
html[dir="rtl"] .price,
html[dir="rtl"] [class*="precio"],
html[dir="rtl"] [class*="price"],
html[dir="rtl"] .zk-ad small,
html[dir="rtl"] time,
html[dir="rtl"] [class*="badge"] { unicode-bidi: isolate; }

/* Migas de pan / breadcrumb: el separador y el orden los invierte el navegador; aseguramos alineación */
html[dir="rtl"] nav[aria-label*="read" i],
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .breadcrumbs { text-align: right; }

/* Toasts / banners flotantes anclados por la derecha en RTL si estaban a la izquierda */
html[dir="rtl"] .toast,
html[dir="rtl"] [class*="toast"] { left: auto; right: 16px; }

/* El banner de cookies y modales centrados no necesitan cambios (centrados). */