/*
 * CERIC Resource Library — Featured Resources: the whole card is one link.
 *
 * Loaded after library-slider.css. The link sits over the card so the
 * existing card layout from library.css is left as it is.
 */

.ceric-rl-page-inner .ceric-rl-featured-card {
	position: relative;
	cursor: pointer;
}

.ceric-rl-page-inner .ceric-rl-featured-link {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
	text-decoration: none;
}

.ceric-rl-page-inner .ceric-rl-featured-link:focus-visible {
	outline: 3px solid var(--rl-ink);
	outline-offset: 3px;
}

.ceric-rl-page-inner .ceric-rl-featured-image {
	display: block;
}

/* Text stays dark; an orange underline marks the hovered or focused card. */
.ceric-rl-page-inner .ceric-rl-featured-card:hover .ceric-rl-featured-title,
.ceric-rl-page-inner .ceric-rl-featured-card:focus-within .ceric-rl-featured-title {
	color: var(--rl-ink);
	text-decoration: underline;
	text-decoration-color: var(--rl-orange-text);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}