/* Private Poker page-owned styles */
#private-poker-page {
  --pp-copy-max: 680px;
  --pp-copy-center-max: 500px;
}

#private-poker-page .pp-section {
  padding-block: var(--space-96);
}

#private-poker-page .pp-section h2 {
  margin-block-end: var(--space-32);
}

#private-poker-page .pp-section h3 {
  margin-block-start: var(--space-32);
  margin-block-end: var(--space-12);
}

#private-poker-page .pp-section p,
#private-poker-page .pp-section ul {
  max-width: var(--pp-copy-max);
}

#private-poker-page .pp-section ul {
  margin-block-end: var(--space-24);
}

#private-poker-page .pp-section li {
  margin-block-end: var(--space-8);
}

#private-poker-page .panel-teal,
#private-poker-page .panel-sand {
  padding: var(--space-48);
  border-radius: var(--radius-0);
}

#private-poker-page .panel-teal p,
#private-poker-page .panel-sand p,
#private-poker-page .panel-teal ul,
#private-poker-page .panel-sand ul {
  max-width: var(--pp-copy-max);
}

/* Hero */
#private-poker-page .pp-hero {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--color-reef-deep);
}

#private-poker-page .pp-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: none;
  overflow: hidden;
}

#private-poker-page .pp-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.85) sepia(0.08) hue-rotate(155deg);
}

#private-poker-page .pp-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 43, 38, 0.92) 0%, rgba(11, 43, 38, 0.72) 45%, rgba(11, 43, 38, 0.35) 100%);
}

#private-poker-page .pp-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-24);
  padding-block: var(--space-64);
}

#private-poker-page .pp-hero__content h1 {
  max-width: 600px;
  margin-block-end: 0;
}

#private-poker-page .pp-hero__lead {
  max-width: 600px;
  font-size: var(--text-body-l);
  line-height: var(--leading-body-l);
  color: var(--color-off-white);
  margin-block-end: 0;
}

#private-poker-page .pp-hero__content .btn {
  margin-block-start: var(--space-8);
}

/* Private Poker Tables */
#private-poker-page .pp-tables {
  background-color: var(--color-reef-deep);
}

#private-poker-page .pp-tables__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-32);
  align-items: start;
}

#private-poker-page .pp-tables__text {
  grid-column: 1 / span 7;
  min-width: 0;
}

#private-poker-page .pp-tables__media {
  grid-column: 8 / span 4;
  margin-block-start: var(--space-64);
  min-width: 0;
  border-radius: var(--radius-irregular-b);
  border: var(--border-mineral);
  overflow: hidden;
  position: relative;
}

#private-poker-page .pp-tables__media img {
  width: 100%;
  height: auto;
  display: block;
  filter: saturate(0.85) sepia(0.08) hue-rotate(155deg);
}

/* Dedicated Table Setups */
#private-poker-page .pp-setups {
  background-color: var(--color-teal-dark);
  padding-block: var(--space-64);
}

#private-poker-page .pp-setups__panel {
  margin-block-start: -32px;
  position: relative;
  z-index: 1;
}

/* Poker Room */
#private-poker-page .pp-room {
  background-color: var(--color-reef-deep);
}

#private-poker-page .pp-room__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-32);
  align-items: start;
}

#private-poker-page .pp-room__media {
  grid-column: 1 / span 5;
  min-width: 0;
  border-radius: var(--radius-irregular-a);
  border: var(--border-mineral);
  overflow: hidden;
  position: relative;
}

#private-poker-page .pp-room__media img {
  width: 100%;
  height: auto;
  display: block;
  filter: saturate(0.85) sepia(0.08) hue-rotate(155deg);
}

#private-poker-page .pp-room__text {
  grid-column: 6 / span 6;
  margin-block-start: var(--space-48);
  min-width: 0;
}

/* Card Lounge */
#private-poker-page .pp-lounge {
  background-color: var(--color-teal-dark);
  padding-block: var(--space-64);
}

#private-poker-page .pp-lounge__panel {
  margin-block-start: -24px;
  position: relative;
  z-index: 1;
}

/* Group Poker Experience */
#private-poker-page .pp-experience {
  background-color: var(--color-reef-deep);
}

#private-poker-page .pp-experience__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-32);
  align-items: start;
}

#private-poker-page .pp-experience__text {
  grid-column: 1 / span 6;
  min-width: 0;
}

#private-poker-page .pp-experience__media {
  grid-column: 7 / span 5;
  margin-block-start: var(--space-64);
  min-width: 0;
  border-radius: var(--radius-irregular-b);
  border: var(--border-mineral);
  overflow: hidden;
  position: relative;
}

#private-poker-page .pp-experience__media img {
  width: 100%;
  height: auto;
  display: block;
  filter: saturate(0.85) sepia(0.08) hue-rotate(155deg);
}

/* Why Private Poker */
#private-poker-page .pp-why {
  background-color: var(--color-teal-dark);
  padding-block: var(--space-64);
}

#private-poker-page .pp-why__panel {
  margin-block-start: -24px;
  position: relative;
  z-index: 1;
}

/* Enquire */
#private-poker-page .pp-enquire {
  background-color: var(--color-reef-deep);
  padding-block: var(--space-128);
}

#private-poker-page .pp-enquire__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-24);
  max-width: 700px;
  margin-inline: auto;
}

#private-poker-page .pp-enquire__panel h2 {
  margin-block-end: 0;
}

#private-poker-page .pp-enquire__panel p {
  max-width: var(--pp-copy-center-max);
  margin-inline: auto;
  margin-block-end: 0;
}

#private-poker-page .pp-enquire__contacts {
  color: var(--color-sand-warm);
  font-size: var(--text-body-l);
}

#private-poker-page .pp-enquire__contacts a {
  color: var(--color-sand-warm);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--transition-fast);
}

#private-poker-page .pp-enquire__contacts a:hover {
  color: var(--color-coral-action);
}

#private-poker-page .pp-enquire__panel .btn {
  margin-block-start: var(--space-8);
}

/* Irregular window hover contour overlay */
#private-poker-page .irregular-window::after,
#private-poker-page .irregular-window-alt::after,
#private-poker-page .pp-tables__media::after,
#private-poker-page .pp-room__media::after,
#private-poker-page .pp-experience__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-radial-gradient(circle at 20% 30%, transparent 0, transparent 18px, rgba(138, 154, 150, 0.18) 19px, transparent 20px);
  opacity: 0;
  transition: opacity var(--transition-fast);
  pointer-events: none;
}

#private-poker-page .irregular-window:hover::after,
#private-poker-page .irregular-window-alt:hover::after,
#private-poker-page .pp-tables__media:hover::after,
#private-poker-page .pp-room__media:hover::after,
#private-poker-page .pp-experience__media:hover::after {
  opacity: 1;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  #private-poker-page .pp-hero {
    min-height: 60vh;
  }

  #private-poker-page .pp-tables__text {
    grid-column: 1 / span 7;
  }

  #private-poker-page .pp-tables__media {
    grid-column: 8 / span 4;
  }

  #private-poker-page .pp-room__media {
    grid-column: 1 / span 5;
  }

  #private-poker-page .pp-room__text {
    grid-column: 6 / span 6;
  }

  #private-poker-page .pp-experience__text {
    grid-column: 1 / span 6;
  }

  #private-poker-page .pp-experience__media {
    grid-column: 7 / span 5;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #private-poker-page .pp-section {
    padding-block: var(--space-64);
  }

  #private-poker-page .pp-hero {
    min-height: 50vh;
  }

  #private-poker-page .pp-hero__content {
    align-items: center;
    text-align: center;
    padding-block: var(--space-48);
  }

  #private-poker-page .pp-hero__content h1 {
    max-width: 100%;
    font-size: var(--text-display-m);
  }

  #private-poker-page .pp-hero__lead {
    max-width: 100%;
    font-size: var(--text-body-m);
  }

  #private-poker-page .pp-hero__content .btn {
    align-self: center;
  }

  #private-poker-page .pp-tables__grid,
  #private-poker-page .pp-room__grid,
  #private-poker-page .pp-experience__grid {
    grid-template-columns: 1fr;
    gap: var(--space-24);
  }

  #private-poker-page .pp-tables__text,
  #private-poker-page .pp-tables__media,
  #private-poker-page .pp-room__media,
  #private-poker-page .pp-room__text,
  #private-poker-page .pp-experience__text,
  #private-poker-page .pp-experience__media {
    grid-column: 1 / -1;
    margin-block-start: 0;
  }

  #private-poker-page .pp-tables__media,
  #private-poker-page .pp-room__media,
  #private-poker-page .pp-experience__media {
    border-radius: var(--radius-8);
  }

  #private-poker-page .panel-teal,
  #private-poker-page .panel-sand {
    padding: var(--space-24);
  }

  #private-poker-page .pp-setups__panel,
  #private-poker-page .pp-lounge__panel,
  #private-poker-page .pp-why__panel {
    margin-block-start: 0;
  }

  #private-poker-page .pp-enquire {
    padding-block: var(--space-64);
  }

  #private-poker-page .pp-enquire__panel {
    gap: var(--space-16);
  }
}

@media (max-width: 480px) {
  #private-poker-page .pp-hero__content h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
  }

  #private-poker-page .pp-section h2 {
    font-size: var(--text-display-m);
  }
}

@media (prefers-reduced-motion: reduce) {
  #private-poker-page .irregular-window::after,
  #private-poker-page .irregular-window-alt::after,
  #private-poker-page .pp-tables__media::after,
  #private-poker-page .pp-room__media::after,
  #private-poker-page .pp-experience__media::after {
    transition: none;
  }
}