/**
 * Make Section & Column Clickable For Elementor — frontend styles.
 *
 * Replaces the inline `style="cursor: pointer"` attribute so the plugin stays
 * compatible with a strict Content-Security-Policy (no 'unsafe-inline').
 */
.ra-clickable-wrapper {
	cursor: pointer;
}

/* Keyboard users must be able to see where they are. */
.ra-clickable-wrapper:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Drop the fallback outline again wherever :focus-visible is supported. */
.ra-clickable-wrapper:focus:not(:focus-visible) {
	outline: none;
}

.ra-clickable-wrapper:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/*
 * Nested links keep their own cursor. Deliberately no position/z-index here:
 * the plugin lays no overlay over the section, and creating a stacking context
 * on every link breaks Elementor background overlays, shape dividers and the
 * absolutely positioned pseudo-elements its widgets rely on.
 */
.ra-clickable-wrapper a[href] {
	cursor: pointer;
}