/**
 * RTL refinements. Most layout uses CSS logical properties and mirrors natively.
 */

body {
	direction: rtl;
}

.project-card__details,
.footer-column,
.contact-panel__heading,
.content-panel {
	text-align: start;
}

input[type="email"],
input[type="url"],
input[type="tel"] {
	direction: ltr;
	text-align: start;
}

.outline-button span,
.footer-column a span {
	display: inline-block;
	transform: scaleX(-1);
}