/**
 * assets/css/modules/cv2-single-review.css
 * single-casino-v2.php's OWN scoped stylesheet (#capy-review-v2 only) -- created CC-342
 * (Games vertical Phase 1) to hold the new "Popular games at [casino]" cross-link block
 * without touching the shared casino-v2.css / casino-card.css files (Daniel's rule: each
 * page gets its own canonical CSS, never appended to a shared module).
 */

#capy-review-v2 .capy-review-games { margin: 26px 0; }
#capy-review-v2 .capy-review-games .cv2-section__intro { margin: 4px 0 0; }
#capy-review-v2 .capy-review-games__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
	margin-top: 14px;
}
#capy-review-v2 .capy-review-games__card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border-radius: 12px;
	background: var(--cv2-card, #141d30);
	border: 1px solid var(--cv2-line, rgba(255,255,255,.08));
	text-decoration: none;
	transition: border-color .15s, transform .15s;
}
#capy-review-v2 .capy-review-games__card:hover { border-color: var(--cv2-gold, #fbbf24); transform: translateY(-2px); }
#capy-review-v2 .capy-review-games__thumb { width: 52px; height: 52px; flex: 0 0 52px; object-fit: cover; border-radius: 8px; }
#capy-review-v2 .capy-review-games__thumb--placeholder {
	display: flex; align-items: center; justify-content: center;
	font-size: 22px; background: var(--cv2-panel, #121a2b);
}
#capy-review-v2 .capy-review-games__body { min-width: 0; }
#capy-review-v2 .capy-review-games__name { display: block; font-weight: 700; color: var(--cv2-ink, #f8fafc); font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#capy-review-v2 .capy-review-games__meta { display: block; font-size: .78rem; color: var(--cv2-muted, #94a3b8); margin-top: 2px; }
#capy-review-v2 .capy-review-games__meta b { color: var(--cv2-gold, #fbbf24); }