/* Poker Club page styles */

.poker-hero {
	position: relative;
	min-height: 80vh;
	display: flex;
	align-items: flex-end;
	background-image:
		linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.15) 0%,
			rgba(0, 0, 0, 0.65) 70%,
			rgba(0, 0, 0, 0.8) 100%
		);
	background-size: cover;
	background-position: center;
	color: var(--color-cream-on-dark);
	padding-block: var(--space-7) var(--space-8);
}

.poker-hero__content {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 720px;
	margin-inline: 0;
	padding-inline: var(--space-4);
}

.poker-hero__title {
	color: var(--color-cream-on-dark);
	font-size: var(--text-h1);
	line-height: var(--leading-h1);
	margin-block-end: var(--space-4);
	max-width: 100%;
}

.poker-hero__lead {
	color: var(--color-cream-on-dark);
	font-size: var(--text-body);
	line-height: var(--leading-body);
	max-width: 60ch;
	margin-block-end: var(--space-5);
}

.poker-hero__cta {
	min-width: 220px;
}

.poker-salon {
	background-color: var(--color-cream);
}

.poker-salon__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: var(--space-6);
	align-items: start;
}

.poker-salon__main {
	min-width: 0;
}

.poker-salon__intro {
	max-width: 70ch;
	margin-block-end: var(--space-5);
}

.poker-salon__features {
	list-style: none;
	padding-inline-start: 0;
	margin-block-end: 0;
	display: grid;
	gap: var(--space-3);
}

.poker-salon__feature {
	display: flex;
	align-items: flex-start;
	gap: var(--space-3);
	min-width: 0;
}

.poker-salon__feature-icon {
	flex: 0 0 auto;
	color: var(--color-muted-red);
	font-size: 1.25rem;
	line-height: 1.2;
}

.poker-salon__quote {
	background-color: var(--color-cream-dark);
	border-inline-start: 3px solid var(--color-leather);
	padding: var(--space-4);
	margin-block-end: 0;
	font-style: italic;
	color: var(--color-dark-oak);
}

.poker-salon__quote p {
	margin-block-end: var(--space-3);
}

.poker-salon__quote-footer {
	font-style: normal;
	font-size: var(--text-small);
	color: var(--color-leather);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.poker-lounge {
	background-color: var(--color-dark-oak);
	color: var(--color-cream-on-dark);
}

.poker-lounge__content {
	max-width: 720px;
	margin-inline: 0;
}

.poker-lounge__intro {
	max-width: 60ch;
	margin-block-end: var(--space-5);
}

.poker-lounge__offer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-5);
	margin-block-end: var(--space-4);
}

.poker-lounge__offer-group {
	min-width: 0;
}

.poker-lounge__offer-group h3 {
	color: var(--color-cream-on-dark);
	margin-block-end: var(--space-2);
}

.poker-lounge__list {
	list-style: none;
	padding-inline-start: 0;
	margin-block-end: 0;
	display: grid;
	gap: var(--space-2);
}

.poker-lounge__list li {
	position: relative;
	padding-inline-start: var(--space-4);
}

.poker-lounge__list li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: var(--color-muted-red);
}

.poker-lounge__note {
	font-size: var(--text-small);
	color: var(--color-cream-dark);
	margin-block-end: 0;
}

.poker-card-room {
	background-color: var(--color-cream);
}

.poker-card-room__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-6);
	align-items: center;
}

.poker-card-room__text {
	min-width: 0;
}

.poker-card-room__intro {
	max-width: 60ch;
	margin-block-end: var(--space-4);
}

.poker-card-room__specs {
	list-style: none;
	padding-inline-start: 0;
	margin-block-end: var(--space-4);
	display: grid;
	gap: var(--space-2);
}

.poker-card-room__spec {
	display: flex;
	align-items: flex-start;
	gap: var(--space-3);
	min-width: 0;
}

.poker-card-room__spec-icon {
	flex: 0 0 auto;
	color: var(--color-muted-red);
	font-size: 1.25rem;
	line-height: 1.2;
}

.poker-card-room__count {
	font-weight: 600;
	color: var(--color-dark-oak);
	margin-block-end: 0;
}

.poker-card-room__figure {
	margin-block-end: 0;
	min-width: 0;
}

.poker-card-room__image {
	width: 100%;
	height: auto;
	border-radius: var(--radius-card);
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.poker-nights {
	background-color: var(--color-cream-dark);
}

.poker-nights__content {
	max-width: 840px;
	margin-inline: 0;
}

.poker-nights__intro {
	max-width: 70ch;
	margin-block-end: var(--space-5);
}

.poker-nights__schedule {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
	margin-block-end: var(--space-5);
}

.poker-nights__schedule-item {
	background-color: var(--color-cream);
	border: 1px solid var(--color-leather);
	border-radius: var(--radius-card);
	padding: var(--space-4);
	min-width: 0;
}

.poker-nights__schedule-item h3 {
	margin-block-start: var(--space-2);
	margin-block-end: var(--space-2);
}

.poker-nights__schedule-item p {
	margin-block-end: 0;
}

.poker-nights__rules {
	background-color: var(--color-cream);
	border: 1px solid var(--color-muted-red);
	border-radius: var(--radius-card);
	padding: var(--space-4);
}

.poker-nights__rules h3 {
	margin-block-end: var(--space-3);
}

.poker-nights__rules-list {
	margin-block-end: var(--space-4);
}

.poker-nights__link {
	display: inline-flex;
}

.poker-events {
	background-color: var(--color-dark-oak);
	color: var(--color-cream-on-dark);
}

.poker-events__content {
	max-width: 720px;
	margin-inline: 0;
}

.poker-events__intro {
	max-width: 60ch;
	margin-block-end: var(--space-5);
}

.poker-events__list {
	list-style: none;
	padding-inline-start: 0;
	margin-block-end: 0;
	display: grid;
	gap: var(--space-3);
}

.poker-events__item {
	display: flex;
	align-items: flex-start;
	gap: var(--space-3);
	min-width: 0;
}

.poker-events__item .badge {
	flex: 0 0 auto;
}

.poker-rules {
	background-color: var(--color-cream);
}

.poker-rules__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}

.poker-rules__card {
	min-width: 0;
}

.poker-rules__card--accent {
	border-color: var(--color-muted-red);
	box-shadow: var(--shadow-warm-strong);
}

.poker-booking {
	background-color: var(--color-dark-oak);
	color: var(--color-cream-on-dark);
	text-align: center;
}

.poker-booking__content {
	max-width: 720px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-4);
}

.poker-booking__intro {
	max-width: 60ch;
	margin-block-end: 0;
}

.poker-booking__intro a {
	color: var(--color-cream-on-dark);
	text-decoration-color: var(--color-muted-red);
}

.poker-booking__cta {
	min-width: 260px;
}

.poker-booking__note {
	font-size: var(--text-small);
	color: var(--color-cream-dark);
	margin-block-end: 0;
}

@media (max-width: 64rem) {
	.poker-salon__grid {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
		gap: var(--space-5);
	}

	.poker-card-room__grid {
		gap: var(--space-5);
	}

	.poker-rules__grid {
		gap: var(--space-3);
	}
}

@media (max-width: 48rem) {
	.poker-hero {
		min-height: 60vh;
		padding-block: var(--space-5) var(--space-6);
	}

	.poker-hero__content {
		max-width: 100%;
		padding-inline: var(--space-3);
	}

	.poker-hero__title {
		font-size: clamp(2rem, 8vw, 2.75rem);
		margin-block-end: var(--space-3);
	}

	.poker-hero__lead {
		font-size: 1rem;
		margin-block-end: var(--space-4);
	}

	.poker-hero__cta {
		width: 100%;
	}

	.poker-salon__grid,
	.poker-card-room__grid,
	.poker-lounge__offer,
	.poker-nights__schedule,
	.poker-rules__grid {
		grid-template-columns: 1fr;
	}

	.poker-lounge__content,
	.poker-nights__content,
	.poker-events__content,
	.poker-booking__content {
		max-width: 100%;
	}

	.poker-salon__intro,
	.poker-lounge__intro,
	.poker-card-room__intro,
	.poker-nights__intro,
	.poker-events__intro,
	.poker-booking__intro {
		max-width: 100%;
	}

	.poker-booking__cta {
		width: 100%;
	}

	.poker-events__item {
		flex-direction: column;
		gap: var(--space-2);
	}
}

@media (prefers-reduced-motion: reduce) {
	.poker-hero {
		background-attachment: scroll;
	}
}
