/*
 * RTL overrides.
 *
 * The theme is written with logical properties (margin-inline, inset-inline,
 * border-inline-start …), so this file only carries the handful of cases those
 * cannot express: gradient directions, transform origins and mirrored glyphs.
 *
 * Loaded automatically by WordPress in place of style.css when is_rtl().
 * The mobile drawer's slide direction is handled by the .hn-rtl body class in
 * main.css so it stays correct even if a plugin loads stylesheets out of order.
 */

:root {
	--hn-dir-start: right;
	--hn-dir-end: left;
	--hn-origin: right;
}

/* Divider gradients run outward from the star in both directions */
.hn-divider__rule {
	background: linear-gradient(to left, transparent, var(--hn-line-gold));
}

.hn-divider__rule:last-child {
	background: linear-gradient(to right, transparent, var(--hn-line-gold));
}

/* Dark B2B overlay reads from the text side */
.hn-b2b::after {
	background: linear-gradient(to left, rgba(29, 17, 11, 0.96), rgba(29, 17, 11, 0.72));
}

/* Underline reveal grows from the start edge */
.hn-link::after {
	transform-origin: right;
}

/* Hero scroll cue stays centred despite inset-inline-start + translate */
.hn-hero__scroll {
	transform: translateX(50%);
}

/* Directional arrows point the way the language reads */
.hn-cat-card__go svg,
.hn-btn .hn-icon--arrow {
	transform: scaleX(-1);
}

.hn-cat-card:hover .hn-cat-card__go {
	transform: translateX(-4px);
}

/* Latin runs inside RTL copy keep their own direction */
.hn-ltr-inline {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}