/*
Theme Name: Elite Gen
Theme URI: http://elitegenstore.local
Author: Elite Gen
Description: Black canvas with the neon horizon along the bottom.
Template: twentytwentyfive
Version: 1.0.8
Text Domain: elitegen
*/

html,
body,
.wp-site-blocks {
	background: #000 !important;
	margin: 0;
}

html {
	margin-top: 0 !important;
	height: 100%;
	overflow: hidden;
}

body,
.wp-site-blocks {
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
	padding: 0 !important;
}

.elitegen-stage {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.elitegen-logo {
	position: absolute;
	top: 3vh;
	left: 50%;
	z-index: 2;
	display: block;
	width: min(72vw, 1080px);
	max-height: 40vh;
	height: auto;
	transform: translateX(-50%);
	object-fit: contain;
}

.elitegen-shop {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, -50%);
	padding: 0.95rem 2.6rem;
	border: 2px solid #ff7ae8;
	border-radius: 999px;
	background: #ff2bd6;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(1.15rem, 2.2vw, 1.7rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow:
		0 0 10px #ff4fd8,
		0 0 28px #ff2bd6,
		0 0 56px rgba(255, 43, 214, 0.75);
}

a.elitegen-shop,
a.elitegen-shop:hover,
a.elitegen-shop:focus {
	color: #fff;
	opacity: 1;
	text-decoration: none;
}

a.elitegen-shop:hover,
a.elitegen-shop:focus {
	background: #ff4ad9;
	box-shadow:
		0 0 14px #ff8eef,
		0 0 36px #ff2bd6,
		0 0 72px rgba(255, 43, 214, 0.9);
}

.elitegen-horizon {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
}

#wpadminbar {
	display: none;
}

@media (max-width: 800px) {
	.elitegen-stage {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.65rem;
		padding: 0;
	}

	.elitegen-logo {
		position: static;
		width: min(92vw, 460px);
		height: 22vh;
		max-height: none;
		transform: none;
		object-fit: cover;
		object-position: center;
		flex: 0 0 auto;
	}

	.elitegen-shop {
		position: static;
		transform: none;
		margin: 0;
		padding: 0.8rem 1.5rem;
		font-size: 0.95rem;
		letter-spacing: 0.06em;
		white-space: nowrap;
	}

	.elitegen-horizon {
		position: static;
		width: 100%;
		height: 24vh;
		margin-top: 0;
		object-fit: cover;
		object-position: center 78%;
		flex: 0 0 auto;
	}
}