/**
 * Xyod Vertical Text
 */

.xyod-vertical-text {
	display: inline-flex;
	max-width: 100%;
	margin: 0;
	padding: 0;
	color: inherit;
	text-decoration: none;
	line-height: 1.2;
	white-space: nowrap;
}

a.xyod-vertical-text:hover,
a.xyod-vertical-text:focus-visible {
	color: inherit;
}

/* Top → bottom, characters rotate with the line */
.xyod-vertical-text--rl {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

/* Bottom → top (line runs the other way) */
.xyod-vertical-text--lr {
	writing-mode: vertical-lr;
	text-orientation: mixed;
}

/* Stacked upright letters (one under the next) */
.xyod-vertical-text--upright {
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: 0.15em;
}

/* Sideways label via rotate (reads bottom→top when rotated -90°) */
.xyod-vertical-text--sideways-ccw {
	writing-mode: horizontal-tb;
	transform: rotate(-90deg);
	transform-origin: center center;
	white-space: nowrap;
}

.xyod-vertical-text--sideways-cw {
	writing-mode: horizontal-tb;
	transform: rotate(90deg);
	transform-origin: center center;
	white-space: nowrap;
}