: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;
}