/* Wrapper Link for Elementor — Frontend Styles */

/**
 * Any element that has a wrapper link gets position:relative so the
 * absolutely-positioned overlay anchor can fill it completely.
 */
.ewl-has-link {
	position: relative;
}

/**
 * The invisible full-cover anchor sits on top of the element content.
 * z-index: 0 keeps it below interactive children (buttons, real links).
 */
.ewl-overlay-link {
	position: absolute;
	inset: 0;          /* top/right/bottom/left: 0 */
	z-index: 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
	/* Transparent but still clickable */
	background: transparent;
}

/**
 * Real interactive children (links, buttons, inputs) must sit above the
 * overlay so they remain independently clickable.
 */
.ewl-has-link a:not(.ewl-overlay-link),
.ewl-has-link button,
.ewl-has-link input,
.ewl-has-link select,
.ewl-has-link textarea,
.ewl-has-link [role="button"] {
	position: relative;
	z-index: 1;
}

/**
 * Hover cursor on the whole element.
 */
.ewl-has-link:hover {
	cursor: pointer;
}