/* Stretched anchor covering a clickable Divi row -- see inc/loop-row-link.php. */

.et_pb_row.et_clickable {
	position: relative;
}

/* Divi gives every column `z-index: 2`, which would bury the overlay underneath the
   content. Dropping the columns out of their own stacking context lets the overlay sit
   above them and the button below sit above the overlay. */
.et_pb_row.et_clickable > .et_pb_column {
	z-index: auto;
}

.et_pb_row.et_clickable > .lf-row-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	text-decoration: none;
}

/* Real controls inside the row stay above the overlay and keep working. */
.et_pb_row.et_clickable .et_pb_button_module_wrapper,
.et_pb_row.et_clickable a:not(.lf-row-link),
.et_pb_row.et_clickable button {
	position: relative;
	z-index: 2;
}
