/*
 * The supplied Coco-Loco Cash export owns layout, type, spacing, and media
 * widths. These rules only protect inserted artwork and long workbook values.
 * Deliberately do not reuse the previous nvgpi-game-* layout selectors.
 */
.nvgpi-reference-hero {
	position: relative;
	flex: 0 0 auto !important;
	overflow: hidden;
	background-repeat: no-repeat !important;
}

.nvgpi-reference-hero .nvgpi-reference-logo {
	flex: 0 0 auto;
	min-width: 0;
	line-height: 0;
}

.nvgpi-reference-logo img {
	display: inline-block;
	max-width: min(100%, 720px) !important;
	height: auto !important;
	max-height: calc(var(--min-height, 699px) - 48px) !important;
	object-fit: contain;
	object-position: center;
}

.nvgpi-reference-spec-column {
	min-width: 0;
}

.nvgpi-reference-spec-label,
.nvgpi-reference-spec-value {
	min-width: 0;
	overflow-wrap: anywhere;
}

.nvgpi-reference-featured img {
	height: auto;
}

/* Basic Elementor fallback; the exported Pro Gallery uses its own layout. */
.nvgpi-reference-gallery .gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.nvgpi-reference-gallery .gallery-item {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.nvgpi-reference-gallery .gallery-item img {
	display: block;
	width: 100%;
	height: auto;
}

.nvgpi-reference-gallery .gallery br {
	display: none;
}

.nvgpi-reference-gallery a:focus-visible {
	outline: 3px solid var(--e-global-color-primary, #e0a063);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.nvgpi-reference-gallery .gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.nvgpi-reference-gallery .gallery {
		grid-template-columns: 1fr;
	}
}