/**
 * Skill Shot $1 Million Shootout Featuring John Daly.
 * Gold remap is scoped to .site-main so nav/footer stay brand green.
 */

body.page-shootout {
	--shootout-ink: #1a1408;
}

body.page-shootout .eyebrow {
	color: var(--promo-gold);
}

body.page-shootout .site-main {
	--color-brand: var(--promo-gold);
	--color-brand-bright: var(--promo-gold-bright);
	--color-brand-dim: color-mix(in srgb, var(--promo-gold) 16%, transparent);
	--color-brand-glow: color-mix(in srgb, var(--promo-gold) 36%, transparent);
	--color-brand-on: var(--shootout-ink);
	--green: var(--promo-gold);
	--green-bright: var(--promo-gold-bright);
	--green-dim: color-mix(in srgb, var(--promo-gold) 16%, transparent);
	--green-glow: color-mix(in srgb, var(--promo-gold) 36%, transparent);
}

body.page-shootout .site-main .btn-primary,
body.page-shootout .site-main .btn-primary:hover {
	background: var(--promo-gold);
	color: var(--shootout-ink);
	box-shadow: 0 3px 12px var(--green-glow);
}

body.page-shootout .site-main .btn-primary:hover {
	background: var(--promo-gold-bright);
	color: var(--shootout-ink);
}

/* —— Page hero: same chrome as other interior pages, Vegas lock —— */
.page-shootout .page-hero--vegas {
	color-scheme: dark;
	--color-brand: #d9a824;
	--color-brand-bright: #edc44a;
	--color-shimmer-highlight: #ffe08a;
	--text: #ffffff;
	--text-muted: #b4bcc8;
	color: #fff;
}

.page-shootout .page-hero--vegas .page-hero__eyebrow {
	color: var(--promo-gold);
	text-shadow: none;
}

.page-shootout .page-hero--vegas .page-hero-title,
.page-shootout .page-hero--vegas .page-hero-lead {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.92), 0 2px 16px rgba(0, 0, 0, 0.58);
}

.page-shootout .page-hero--vegas .page-hero-lead {
	max-width: 46ch;
	color: #fff;
}

.page-shootout .page-hero--vegas .media-backdrop__asset {
	animation: none;
	filter: blur(3px);
	transform: scale(1.04);
	object-fit: cover;
	object-position: right top;
}

@media (min-width: 769px) {
	.page-shootout .page-hero--vegas .media-backdrop__asset {
		object-position: right 22%;
	}
}

/* Mobile: full-width veil so Vegas lights don’t fight the title. */
@media (max-width: 768px) {
	body.page-shootout .page-hero--vegas.vegas-copy-fade::after,
	[data-theme="light"] body.page-shootout .page-hero--vegas.vegas-copy-fade::after {
		inset: 0;
		width: 100%;
		right: 0;
		background: linear-gradient(
			to bottom,
			rgba(7, 8, 9, 0.58) 0%,
			rgba(7, 8, 9, 0.78) 48%,
			rgba(7, 8, 9, 0.84) 100%
		);
	}
}

/* —— Weekend —— */
.shootout-vegas__split {
	align-items: center;
}

.shootout-vegas .section-lead {
	max-width: 42ch;
}

.shootout-vegas .section-lead + .section-lead {
	margin-top: 0.85rem;
}

.shootout-vegas .hero-actions {
	margin-top: 1.35rem;
}

.shootout-vegas__media img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center 20%;
}

/* —— How it works —— */
.shootout-road__split {
	align-items: center;
}

.shootout-road__badge {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	background: transparent;
}

body.page-shootout .split--2:has(.shootout-road__badge) .shootout-road__badge img,
.shootout-road__badge .shootout-elig-badge {
	width: min(100%, 16.5rem);
	height: auto;
	max-width: 16.5rem;
	object-fit: contain;
	object-position: center;
}

.shootout-road__list {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
	max-width: 36rem;
}

.shootout-road__step {
	position: relative;
	margin: 0;
	display: grid;
	grid-template-columns: 2.1rem 1fr;
	gap: 0 1.15rem;
	padding: 0 0 2.15rem;
	align-items: start;
}

.shootout-road__step:last-child {
	padding-bottom: 0;
}

.shootout-road__step:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 0.85rem;
	top: 1.35rem;
	bottom: 0;
	width: 1px;
	background: rgba(184, 134, 11, 0.35);
}

[data-theme="dark"] .shootout-road__step:not(:last-child)::before {
	background: rgba(228, 199, 107, 0.32);
}

.shootout-road__index {
	font-family: var(--font-display, var(--font-body));
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	color: var(--promo-gold);
	margin: 0.2rem 0 0;
	width: 1.7rem;
	text-align: center;
}

.shootout-road__headline {
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 0.4rem;
	letter-spacing: 0.01em;
}

.shootout-road__copy {
	margin: 0;
	color: var(--text-muted);
	line-height: 1.55;
	font-size: 0.97rem;
	max-width: 38ch;
}

.shootout-road__rules {
	margin: 1.35rem 0 0;
	max-width: 38ch;
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--text-muted);
}

.shootout-road__copy a,
.shootout-road__rules a {
	font-weight: 700;
	color: var(--promo-gold);
	text-decoration: none;
}

.shootout-road__copy a:hover,
.shootout-road__rules a:hover {
	color: var(--promo-gold-bright);
	text-decoration: underline;
}

/* —— FAQ —— */
.shootout-faq__inner {
	max-width: 42rem;
	margin-inline: auto;
}

.shootout-faq .faq-list {
	margin-top: 1.5rem;
}