/* GoodCodeStudio Group Extras — clickable group + hover background */

.gcs-group-linked {
	position: relative;
}

.gcs-group-link-overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	text-decoration: none;
	color: inherit;
	font-size: 0;
	line-height: 0;
	z-index: 1;
}

/* Inner anchors and buttons stay clickable above the overlay. */
.gcs-group-linked :where(a:not(.gcs-group-link-overlay), button) {
	position: relative;
	z-index: 1;
}

/* Hover background — uses the inline --gcs-hover-bg custom property. */
.gcs-group-hover {
	transition: background-color 0.2s ease;
}

.gcs-group-hover:hover {
	background-color: var(--gcs-hover-bg);
}