/**
 * Xyod Vertical Text
 *
 * Absolute widgets inherit column padding in Elementor. That padding (~190px
 * here) inflates outerWidth() and makes Horizontal Orientation "Right" jump
 * by a fixed amount — independent of text length.
 */

.xyod-vertical-text {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	color: inherit;
	text-decoration: none;
	line-height: 1.2;
	box-sizing: border-box;
	visibility: hidden;
}

.xyod-vertical-text.xyod-vertical-text--ready {
	visibility: visible;
}

.xyod-vertical-text__face {
	display: inline-block;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

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

.xyod-vertical-text--upright {
	visibility: visible;
	width: max-content;
	height: auto;
}

.xyod-vertical-text--upright .xyod-vertical-text__face {
	display: flex;
	flex-direction: column;
	align-items: center;
	white-space: normal;
	position: static !important;
	transform: none !important;
}

.xyod-vertical-text__char {
	display: block;
	line-height: 1.15;
}

.xyod-vertical-text__char--space {
	height: 0.35em;
}

/*
 * Kill inherited Absolute padding/margin — this was the ~191px Right jump.
 * Elementor applies parent column padding onto .elementor-absolute widgets.
 */
.elementor-widget-xyod-vertical-text.elementor-absolute,
.elementor-widget-xyod-vertical-text.elementor-fixed,
.elementor-element.elementor-absolute.elementor-widget-xyod-vertical-text,
.elementor-element.elementor-fixed.elementor-widget-xyod-vertical-text {
	display: block !important;
	justify-content: unset !important;
	align-items: unset !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
}

.elementor-widget-xyod-vertical-text.elementor-absolute > .elementor-widget-container,
.elementor-widget-xyod-vertical-text.elementor-fixed > .elementor-widget-container,
.elementor-element.elementor-absolute.elementor-widget-xyod-vertical-text > .elementor-widget-container,
.elementor-element.elementor-fixed.elementor-widget-xyod-vertical-text > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}