/*
 * RTL overrides for Arabic.
 *
 * Loaded *in addition to* style.css by inc/setup.php whenever Anthru's
 * built-in language switcher selects Arabic. Most mirroring
 * already happens automatically because style.css is written with
 * logical properties (margin-inline, inset-inline-start/end, etc.) -
 * this file only needs the handful of properties CSS never mirrors on
 * its own: physical left/right keywords, transforms, and glyph content.
 */

.link-arrow::after {
	content: "\2190";
}

.link-arrow:hover::after {
	transform: translateX(-4px);
}

.home-hero__wash {
	background:
		linear-gradient(270deg, rgba(12, 13, 15, 0.94) 0%, rgba(12, 13, 15, 0.78) 31%, rgba(12, 13, 15, 0.2) 68%, rgba(12, 13, 15, 0.46) 100%),
		linear-gradient(180deg, rgba(12, 13, 15, 0.4), transparent 34%, rgba(12, 13, 15, 0.48));
}

.home-hero__heading {
	max-inline-size: 10ch;
	line-height: 0.96;
	letter-spacing: -0.02em;
	text-transform: none;
}

.home-hero__eyebrow {
	letter-spacing: 0.04em;
	text-transform: none;
}

.home-hero__action::after {
	content: "\2190";
}

.home-hero__action:hover::after {
	transform: translateX(-4px);
}

@media (max-width: 640px) {
	.home-hero__wash {
		background:
			linear-gradient(270deg, rgba(12, 13, 15, 0.8), rgba(12, 13, 15, 0.18) 78%),
			linear-gradient(180deg, rgba(12, 13, 15, 0.42), transparent 30%, rgba(12, 13, 15, 0.92) 82%);
	}
}

.project-card__logo {
	object-position: right center;
}

.project-card__media-line {
	transform: rotate(-34deg);
}

.project-card:hover .project-card__media-line,
.project-card:focus-within .project-card__media-line {
	transform: rotate(-34deg) translateX(28px);
}

.project-single__header::after {
	transform: rotate(-28deg);
}

.entry-content ul,
.entry-content ol {
	list-style-position: inside;
}