/* Entity Cards — Article entity linking */
.entity-cards-section {
	background: #f8f9fa;
	border-radius: 0.5rem;
	padding: 1rem;
	margin: 1.5rem 0;
}

.entity-cards-header {
	margin-bottom: 0.75rem;
}

.entity-cards-title {
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0;
	color: #495057;
}

/* Scroll Row */
.entity-cards-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.entity-cards-row-scrollable {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.75rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 0.25rem;
}

.entity-cards-row-scrollable::-webkit-scrollbar {
	display: none;
}

/* Entity Card (circular avatar style) */
.entity-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #333;
	min-width: 4.5rem;
	max-width: 5.5rem;
	transition: transform 0.15s ease;
}

.entity-card:hover {
	transform: translateY(-2px);
	text-decoration: none;
	color: #333;
}

/* Avatar */
.entity-card-avatar {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	margin-bottom: 0.375rem;
	flex-shrink: 0;
}

.entity-card-avatar-brand,
.entity-card-avatar-product {
	border-radius: 0.375rem;
}

.entity-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Placeholder Icons */
.entity-card-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.25rem;
}

.entity-card-placeholder-player {
	background: linear-gradient(135deg, #66bb6a, #43a047);
}

.entity-card-placeholder-tournament {
	background: linear-gradient(135deg, #42a5f5, #1e88e5);
}

.entity-card-placeholder-golfclub {
	background: linear-gradient(135deg, #ff7043, #e64a19);
}

.entity-card-placeholder-brand {
	background: linear-gradient(135deg, #78909c, #546e7a);
}

.entity-card-placeholder-product {
	background: linear-gradient(135deg, #ffb74d, #f57c00);
}

/* Name */
.entity-card-name {
	font-size: 0.7rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	word-break: break-word;
	color: #333;
	max-width: 100%;
}

/* Mobile: full-width section */
@media (max-width: 575.98px) {
	.entity-cards-section {
		padding: 0.875rem;
		border-radius: 0;
		margin-left: -15px;
		margin-right: -15px;
	}

	.entity-card {
		min-width: 4rem;
		max-width: 5rem;
	}

	.entity-card-avatar {
		width: 2.75rem;
		height: 2.75rem;
	}
}

/* Desktop: allow wrapping */
@media (min-width: 576px) {
	.entity-cards-row-scrollable {
		flex-wrap: wrap;
	}
}