/**
 * Shanelle Collection Card Component
 *
 * BEM: .collection-card, .collection-card__media, .collection-card__title
 */

.collection-card {
	height: 100%;
}

.collection-card__link {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	height: 100%;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	color: inherit;
	text-decoration: none;
	transition: var(--transition-opacity);
}

.collection-card__link:hover {
	opacity: 0.92;
	box-shadow: none;
	transform: none;
}

.collection-card__link:focus-visible {
	outline: 2px solid var(--color-brand-400);
	outline-offset: 4px;
}

.collection-card__media {
	overflow: hidden;
	border-radius: var(--radius-lg);
	background-color: var(--color-neutral-100);
}

.collection-card__image,
.collection-card__placeholder {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.collection-card__placeholder {
	background: linear-gradient(135deg, var(--color-brand-50), var(--color-neutral-100));
}

.collection-card__copy {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
}

.collection-card__title {
	margin: 0;
}

.collection-card__type,
.collection-card__count {
	margin: 0;
}