/* Poker Room page styles */

.poker-room-page {
  background-color: var(--color-ink);
}

/* Hero */
.poker-room-hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--color-ink);
}

.poker-room-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.poker-room-hero__overlay {
  position: absolute;
  inset: 0;
  background-color: var(--image-overlay);
  background-image: linear-gradient(90deg, rgba(14, 15, 14, 0.78) 0%, rgba(14, 15, 14, 0.45) 55%, rgba(14, 15, 14, 0.25) 100%);
}

.poker-room-hero__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--container-primary);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-lg);
  padding-block: var(--space-4xl) var(--space-3xl);
}

.poker-room-hero__eyebrow {
  margin-block-end: 0;
}

.poker-room-hero__title {
  max-width: 50rem;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: var(--text-h1-line-height);
  letter-spacing: var(--text-h1-letter-spacing);
  font-weight: var(--text-h1-weight);
  margin-block-end: 0;
}

.poker-room-hero__lead {
  max-width: 42rem;
  font-size: var(--text-body-large-size);
  line-height: var(--text-body-large-line-height);
  color: var(--color-bone);
  margin-block-end: 0;
}

.poker-room-hero__cta {
  margin-block-start: var(--space-xs);
}

/* Dedicated Space */
.poker-room-dedicated {
  padding-block: var(--space-4xl);
}

.poker-room-dedicated__inner {
  max-width: var(--container-text);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.poker-room-dedicated__eyebrow {
  margin-block-end: 0;
}

.poker-room-dedicated__title {
  margin-block-end: 0;
}

.poker-room-dedicated__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.poker-room-dedicated__body p {
  margin-block-end: 0;
  max-width: 68ch;
}

/* Professional Poker Tables */
.poker-room-tables {
  padding-block: var(--space-4xl);
  background-color: var(--color-charcoal);
}

.poker-room-tables__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-2xl);
  align-items: center;
}

.poker-room-tables__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.poker-room-tables__eyebrow {
  margin-block-end: 0;
}

.poker-room-tables__title {
  margin-block-end: 0;
}

.poker-room-tables__text p {
  margin-block-end: 0;
  max-width: 62ch;
}

.poker-room-tables__media {
  min-width: 0;
  margin-block-end: 0;
}

.poker-room-tables__image {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-line);
  transition: border-color var(--transition-fast);
}

.poker-room-tables__media:hover .poker-room-tables__image {
  border-color: var(--color-brass);
}

.poker-room-tables__media figcaption {
  margin-block-start: var(--space-xs);
}

/* Real Cards and Dealer Service */
.poker-room-cards-dealer {
  padding-block: var(--space-4xl);
}

.poker-room-cards-dealer__eyebrow {
  margin-block-end: var(--space-xs);
}

.poker-room-cards-dealer__title {
  margin-block-end: var(--space-xl);
}

.poker-room-cards-dealer__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2xl);
  padding-block-start: var(--space-lg);
  border-block-start: 1px solid var(--color-line);
}

.poker-room-cards-dealer__unit {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.poker-room-cards-dealer__unit h3 {
  margin-block-end: 0;
}

.poker-room-cards-dealer__unit p {
  margin-block-end: 0;
  max-width: 58ch;
}

/* Serious Poker Atmosphere */
.poker-room-atmosphere {
  padding-block: var(--space-4xl);
  background-color: var(--color-charcoal);
}

.poker-room-atmosphere__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-2xl);
  align-items: center;
}

.poker-room-atmosphere__media {
  min-width: 0;
  margin-block-end: 0;
}

.poker-room-atmosphere__image {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-line);
  transition: border-color var(--transition-fast);
}

.poker-room-atmosphere__media:hover .poker-room-atmosphere__image {
  border-color: var(--color-brass);
}

.poker-room-atmosphere__media figcaption {
  margin-block-start: var(--space-xs);
}

.poker-room-atmosphere__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.poker-room-atmosphere__eyebrow {
  margin-block-end: 0;
}

.poker-room-atmosphere__title {
  margin-block-end: 0;
}

.poker-room-atmosphere__text p {
  margin-block-end: 0;
  max-width: 62ch;
}

/* Poker Room Features */
.poker-room-features {
  padding-block: var(--space-4xl);
}

.poker-room-features__eyebrow {
  margin-block-end: var(--space-xs);
}

.poker-room-features__title {
  margin-block-end: var(--space-xl);
}

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

.poker-room-features__card {
  min-width: 0;
  background-color: var(--color-charcoal);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.poker-room-features__card:hover {
  background-color: var(--color-charcoal-soft);
  border-color: var(--color-brass);
}

.poker-room-features__card h3 {
  margin-block-end: 0;
  font-size: var(--text-h3-size);
}

.poker-room-features__card p {
  margin-block-end: 0;
  font-size: var(--text-body-small-size);
  line-height: var(--text-body-small-line-height);
  color: var(--color-bone-muted);
  max-width: 38ch;
}

/* Organized Poker Events */
.poker-room-events {
  padding-block: var(--space-4xl);
  background-color: var(--color-charcoal);
}

.poker-room-events__eyebrow {
  margin-block-end: var(--space-xs);
}

.poker-room-events__title {
  margin-block-end: var(--space-xl);
}

.poker-room-events__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2xl);
  padding-block-start: var(--space-lg);
  border-block-start: 1px solid var(--color-line);
}

.poker-room-events__unit {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.poker-room-events__unit h3 {
  margin-block-end: 0;
}

.poker-room-events__unit p {
  margin-block-end: 0;
  max-width: 62ch;
}

/* Private Poker Events */
.poker-room-private {
  padding-block: var(--space-4xl);
}

.poker-room-private__panel {
  background-color: var(--color-charcoal);
  border: 1px solid var(--color-brass);
  border-radius: var(--radius-md);
  padding: var(--space-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: flex-start;
}

.poker-room-private__eyebrow {
  margin-block-end: 0;
}

.poker-room-private__title {
  margin-block-end: 0;
}

.poker-room-private__panel p {
  margin-block-end: 0;
  max-width: 62ch;
}

.poker-room-private__cta {
  margin-block-start: var(--space-xs);
}

/* Restaurant as Secondary Amenity */
.poker-room-restaurant {
  padding-block: var(--space-4xl);
}

.poker-room-restaurant__panel {
  background-color: var(--color-wood);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  padding: var(--space-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: flex-start;
}

.poker-room-restaurant__eyebrow {
  margin-block-end: 0;
}

.poker-room-restaurant__title {
  margin-block-end: 0;
}

.poker-room-restaurant__panel p {
  margin-block-end: 0;
  max-width: 62ch;
}

/* Visit CTA */
.poker-room-visit {
  padding-block: var(--space-4xl);
  background-color: var(--color-ink);
}

.poker-room-visit__inner {
  max-width: var(--container-text);
  margin-inline: 0;
  padding-inline: var(--container-padding-mobile);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: flex-start;
  border-block-start: 1px solid var(--color-line);
  padding-block-start: var(--space-2xl);
}

.poker-room-visit__eyebrow {
  margin-block-end: 0;
}

.poker-room-visit__title {
  margin-block-end: 0;
}

.poker-room-visit__inner p {
  margin-block-end: 0;
  max-width: 62ch;
}

.poker-room-visit__cta {
  margin-block-start: var(--space-xs);
}

/* Tablet */
@media (max-width: 64rem) {
  .poker-room-tables__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xl);
  }

  .poker-room-atmosphere__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xl);
  }

  .poker-room-atmosphere__media {
    order: -1;
  }

  .poker-room-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
  }
}

/* Mobile */
@media (max-width: 48rem) {
  .poker-room-hero {
    min-height: auto;
    aspect-ratio: 4 / 5;
  }

  .poker-room-hero__content {
    align-items: center;
    text-align: center;
    padding-block: var(--space-3xl) var(--space-2xl);
  }

  .poker-room-hero__title {
    max-width: 100%;
  }

  .poker-room-hero__lead {
    max-width: 100%;
  }

  .poker-room-hero__cta {
    width: 100%;
  }

  .poker-room-dedicated,
  .poker-room-tables,
  .poker-room-cards-dealer,
  .poker-room-atmosphere,
  .poker-room-features,
  .poker-room-events,
  .poker-room-private,
  .poker-room-restaurant,
  .poker-room-visit {
    padding-block: var(--space-3xl);
  }

  .poker-room-cards-dealer__grid,
  .poker-room-events__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xl);
  }

  .poker-room-features__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-md);
  }

  .poker-room-private__panel,
  .poker-room-restaurant__panel {
    padding: var(--space-lg);
  }

  .poker-room-private__cta,
  .poker-room-visit__cta {
    width: 100%;
  }

  .poker-room-visit__inner {
    margin-inline: auto;
  }
}