/**
 * Clickable Elementor Pro Loop Item.
 *
 * The item link is a sibling of the item content (never a wrapper), stretched
 * over the whole card. Interactive elements inside the card are raised above it
 * so existing links and buttons keep working.
 */

.ea-loop-item--clickable {
	position: relative;
}

.ea-loop-item--clickable > .ea-loop-item__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	text-decoration: none;
	border: 0;
}

.ea-loop-item--clickable a:not(.ea-loop-item__link),
.ea-loop-item--clickable button,
.ea-loop-item--clickable input,
.ea-loop-item--clickable select,
.ea-loop-item--clickable textarea,
.ea-loop-item--clickable label,
.ea-loop-item--clickable [role="button"],
.ea-loop-item--clickable [role="link"] {
	position: relative;
	z-index: 2;
}

.ea-loop-item--clickable > .ea-loop-item__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

/* Keep the item editable inside the Elementor editor preview. */
body.elementor-editor-active .ea-loop-item__link {
	pointer-events: none;
}