/*
 * Timón — escritura de derecha a izquierda (árabe, hebreo, persa, urdú).
 *
 * WordPress carga este fichero solo cuando is_rtl() es cierto. El plugin de
 * traducción pone text_direction = 'rtl' en cuanto la URL es de un idioma RTL,
 * así que /ar/ lo recibe y el resto de idiomas no lo descargan siquiera.
 *
 * Aquí solo están las reglas DIRECCIONALES de style.css que no son lógicas.
 * Las que ya usan margin-inline, padding-inline o padding-block no aparecen:
 * esas se dan la vuelta solas. Lo mismo flex-direction y text-align:center.
 *
 * Si se añade una regla con left/right/margin-left/padding-left/float a
 * style.css, hay que reflejarla aquí (o, mejor, escribirla con propiedades
 * lógicas y no tener que acordarse).
 */

body {
	direction: rtl;
	text-align: right;
}

/* Salto al contenido */
.skip-link:focus { left: auto; right: 8px; }

/* Cabecera */
.masthead__tagline {
	padding-left: 0;
	padding-right: 20px;
	border-left: 0;
	border-right: 1px solid var(--line);
}
.search-toggle { margin-left: 0; margin-right: auto; }
.search-toggle__panel { right: auto; left: 0; }
.mainnav__list li:first-child a { padding-left: 12px; padding-right: 0; }

/* Logotipos: los guiños gráficos van pegados a la palabra, no al borde */
.logo .mk--cursor,
.logo .mk--star,
.logo .mk--leaf { margin-left: 0; margin-right: .04em; }
.logo .mk--leaf { margin-right: .02em; }
.logo__i::after { left: auto; right: 50%; margin-left: 0; margin-right: -.095em; }

/* Migas de pan: la barra separadora cambia de lado */
.crumbs li + li::before { margin-right: 0; margin-left: 6px; }

/* Distintivo sobre la foto principal */
.hero__badge { right: auto; left: 14px; }

/* Índice del artículo y caja de respuesta */
.toc {
	border-left: 0;
	border-right: 2px solid var(--line);
	padding-left: 0;
	padding-right: 16px;
}
.answer {
	border-left: 0;
	border-right: 4px solid var(--accent);
}
.answer__points li { padding-left: 0; padding-right: 22px; }
.answer__points li::before { left: auto; right: 0; }

/* Cuerpo del artículo */
.prose ul,
.prose ol,
.sources ol { padding-left: 0; padding-right: 1.3em; }
.sources ol { padding-right: 1.4em; }
.prose blockquote {
	padding: 4px 22px 4px 0;
	border-left: 0;
	border-right: 3px solid var(--accent);
}
.prose th, .prose td,
.legal th, .legal td { text-align: right; }

/* Comentarios */
.comments__list .children { padding-left: 0; padding-right: 24px; }
.comment-meta .avatar { float: right; margin-right: 0; margin-left: 10px; }

/* Publicidad anclada en móvil: el botón de cerrar al otro lado */
.ad__close { right: auto; left: 8px; }

/* Galería a pantalla completa: las flechas se intercambian */
.lb__nav--prev { left: auto; right: 12px; }
.lb__nav--next { right: auto; left: 12px; }
.lb__side {
	border-left: 0;
	border-right: 1px solid rgb(255 255 255 / .08);
}

@media (max-width: 900px) {
	.lb__nav--prev { left: auto; right: 6px; }
	.lb__nav--next { right: auto; left: 6px; }
	.lb__side { border-right: 0; }
}

/* Imágenes alineadas desde el editor */
.alignleft { float: right; margin: .3em 0 1em 1.4em; }
.alignright { float: left; margin: .3em 1.4em 1em 0; }