/* Diffreng — Link & Hover-Effekt für Gruppe/Spalte */

.debs-hover-block {
	transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
/* !important ist hier nötig und korrekt platziert (in der Regel, NICHT
   im Variablenwert von --debs-hover-bg -- das waere ungueltiges CSS
   und wuerde vom Browser verworfen): Viele Gruppen/Spalten haben
   bereits eine eigene Inline-Hintergrundfarbe (ueber die WordPress-
   Farbeinstellungen gesetzt), die sonst jede Stylesheet-Regel
   unabhaengig von :hover ueberstimmen wuerde. */
.debs-hover-block:hover {
	background-color: var(--debs-hover-bg, inherit) !important;
}

.debs-hover-anim-lift:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.debs-hover-anim-scale:hover {
	transform: scale(1.03);
}
.debs-hover-anim-fade:hover {
	opacity: 0.85;
}

/* -- Link-Overlay ("Cover-Link") --------------------------------------
 * Statt den ganzen Block in ein zusaetzliches <a> einzupacken (das
 * haette bei Spalten innerhalb eines Flex-Containers die DOM-
 * Verschachtelung um eine Ebene verschoben und dadurch Breiten/
 * Abstaende zerstoert -- der flex-basis-Wert sass dann am falschen
 * Element), liegt der Link jetzt unsichtbar UND deckungsgleich
 * INNERHALB des bestehenden Wrapper-Elements. Die Layout-Struktur
 * bleibt dadurch unveraendert.
 * -------------------------------------------------------------------- */
.debs-hover-has-link {
	position: relative;
}
.debs-hover-cover-link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* -- Block-Editor: dezente Vorschau des Effekts direkt in der Vorschau -- */
.editor-styles-wrapper .debs-hover-block {
	transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}