/* ─── Ganze Box klickbar (Stretched-Link) ──────────────────────────────
   Wird über core/column, core/group und core/media-text gelegt, wenn im
   Block ein „Box-Link" gesetzt ist (siehe SAR\Box_Link). Die Box ist der
   Positionierungs-Kontext, das Overlay-<a> deckt sie vollständig ab. */

.sar-box-link {
	position: relative;
	cursor: pointer;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.sar-box-link:hover {
	box-shadow: 0 4px 18px rgba( 0, 0, 0, 0.10 );
}

/* Unsichtbarer, aber klickbarer Overlay-Link über der ganzen Box. */
.sar-box-link > .sar-box-link__a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	background: transparent;
	border: 0;
	text-decoration: none;
}

/* Echte interaktive Elemente in der Box über das Overlay heben, damit sie
   weiterhin anklickbar bleiben (z. B. ein Button neben dem Box-Link). */
.sar-box-link a:not( .sar-box-link__a ),
.sar-box-link button {
	position: relative;
	z-index: 2;
}

/* Editor: dezenter Hinweis, dass diese Box verlinkt ist. */
.sar-box-link--editor {
	outline: 1px dashed rgba( 26, 58, 92, 0.5 );
	outline-offset: 2px;
}