/* ShineIQ Card Link — the whole card is the click target. */
.has-card-link {
	position: relative;
}

.siq-card-link {
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

/* Links and buttons inside the card sit above the card link and keep working. */
.has-card-link a:not(.siq-card-link),
.has-card-link button,
.has-card-link .wp-block-button {
	position: relative;
	z-index: 2;
}

.siq-card-link:focus-visible {
	outline: 3px solid var(--wp--preset--color--navy-800, #1b5683);
	outline-offset: 3px;
}

/* Editor only: a small badge shows which cards are linked. */
.siq-card-linked-in-editor {
	position: relative;
}

.siq-card-linked-in-editor::after {
	content: "Card link";
	position: absolute;
	top: -10px;
	right: 14px;
	z-index: 3;
	padding: 2px 8px;
	border-radius: 999px;
	background: #1b5683;
	color: #fff;
	font: 600 11px/1.6 system-ui, sans-serif;
	letter-spacing: 0.02em;
	pointer-events: none;
}