:where(.make-column-clickable-elementor) {
	position: relative;
}

.make-column-clickable-elementor {
	cursor: pointer;
}

/*
 * The real link covers the whole column, section or container, below its content.
 * No z-index: the content keeps the stacking order set in Elementor, inner links stay
 * clickable, and clicks on the content are forwarded to the link by the script.
 */
.make-column-clickable-link {
	position: absolute;
	inset: 0;
	display: block;
	border-radius: inherit;
}

/* The link is below the content, so the focus ring goes around the whole element. */
.make-column-clickable-link:focus-visible, .make-column-clickable-elementor:has(> .make-column-clickable-link:focus-visible) {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.make-column-clickable-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.elementor-editor-active .make-column-clickable-link {
	display: none;
}