/* Page-specific styles for poker-tables */

#poker-tables-page {
    background-color: var(--color-ink);
    color: var(--color-cream);
}

.poker-section {
    padding-block: var(--space-3xl);
}

.poker-section__inner {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-gutter);
}

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

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

.poker-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0.25) 40%, rgba(10, 10, 10, 0.85) 100%);
    z-index: 1;
}

.poker-hero__content {
    position: relative;
    z-index: 2;
    width: min(100% - (var(--container-gutter) * 2), 600px);
    margin-inline: auto;
    text-align: center;
    padding-block: var(--space-2xl);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-lg);
}

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

.poker-hero__title {
    font-size: clamp(2.5rem, 5vw + 1rem, 4rem);
    line-height: var(--leading-display);
    margin-block-end: 0;
    color: var(--color-cream);
    text-wrap: balance;
}

.poker-hero__lead {
    font-size: var(--text-body);
    line-height: var(--leading-body);
    color: var(--color-cream);
    margin-block-end: 0;
    max-width: 540px;
}

.poker-hero__details {
    list-style: none;
    margin-block-end: 0;
    padding-inline-start: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    color: var(--color-bone);
    font-size: var(--text-small);
    line-height: var(--leading-small);
    max-width: 480px;
}

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

.poker-hero__details li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.5em;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background-color: var(--color-brass);
}

.poker-hero__facts {
    font-size: var(--text-small);
    line-height: var(--leading-small);
    color: var(--color-bone);
    margin-block-end: 0;
    max-width: 480px;
}

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

/* Atmosphere */
.poker-atmosphere {
    background-color: var(--color-ink);
}

.poker-atmosphere__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-block-start: var(--space-xl);
}

.poker-atmosphere__unit {
    background-color: var(--color-charcoal);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    min-width: 0;
}

.poker-atmosphere__unit h3 {
    margin-block-end: var(--space-md);
}

.poker-atmosphere__unit p {
    margin-block-end: var(--space-md);
}

.poker-atmosphere__unit .content-list {
    margin-block-end: 0;
}

.poker-atmosphere__unit--callout {
    background-color: var(--color-forest);
}

.poker-atmosphere__facts {
    margin-block-start: var(--space-md);
    font-size: var(--text-small);
    color: var(--color-bone);
    margin-block-end: 0;
}

/* Premium Tables */
.poker-tables {
    background-color: var(--color-ink);
}

.poker-tables__feature {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: var(--space-xl);
    align-items: start;
    margin-block-start: var(--space-xl);
}

.poker-tables__feature-text {
    min-width: 0;
}

.poker-tables__feature-text h3 {
    margin-block-end: var(--space-md);
}

.poker-tables__feature-text p {
    margin-block-end: var(--space-md);
}

.poker-tables__feature-text .content-list {
    margin-block-end: 0;
}

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

.poker-tables__figure img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    border: var(--border-width) var(--border-style) var(--color-moss);
}

.poker-tables__figure figcaption {
    margin-block-start: var(--space-sm);
    color: var(--color-bone);
    font-size: var(--text-small);
}

.poker-tables__text-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-block-start: var(--space-xl);
}

.poker-tables__text-unit {
    background-color: var(--color-charcoal);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    min-width: 0;
}

.poker-tables__text-unit h3 {
    margin-block-end: var(--space-md);
}

.poker-tables__text-unit p {
    margin-block-end: var(--space-md);
}

.poker-tables__text-unit .content-list {
    margin-block-end: 0;
}

/* Seating */
.poker-seating {
    background-color: var(--color-forest);
}

.poker-seating__inner {
    max-width: 800px;
}

.poker-seating__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-block-start: var(--space-xl);
}

.poker-seating__unit {
    background-color: var(--color-charcoal);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    min-width: 0;
}

.poker-seating__unit h3 {
    margin-block-end: var(--space-md);
}

.poker-seating__unit p {
    margin-block-end: var(--space-md);
}

.poker-seating__unit .content-list {
    margin-block-end: 0;
}

.poker-seating__unit--callout {
    background-color: var(--color-forest);
    border-color: var(--color-brass);
}

/* Dining */
.poker-dining {
    background-color: var(--color-ink);
}

.poker-dining__unit--wide {
    max-width: 700px;
    margin-inline: auto;
    margin-block-end: var(--space-xl);
}

.poker-dining__unit--wide h3 {
    margin-block-end: var(--space-md);
}

.poker-dining__unit--wide p {
    margin-block-end: var(--space-md);
}

.poker-dining__unit--wide .content-list {
    margin-block-end: 0;
}

.poker-dining__feature {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: var(--space-xl);
    align-items: start;
    margin-block-end: var(--space-xl);
}

.poker-dining__feature-text {
    min-width: 0;
}

.poker-dining__feature-text h3 {
    margin-block-end: var(--space-md);
}

.poker-dining__feature-text p {
    margin-block-end: var(--space-md);
}

.poker-dining__feature-text .content-list {
    margin-block-end: 0;
}

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

.poker-dining__figure img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    border: var(--border-width) var(--border-style) var(--color-moss);
}

.poker-dining__figure figcaption {
    margin-block-start: var(--space-sm);
    color: var(--color-bone);
    font-size: var(--text-small);
}

.poker-dining__unit--callout {
    background-color: var(--color-charcoal);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
}

.poker-dining__unit--callout h3 {
    margin-block-end: var(--space-md);
}

.poker-dining__unit--callout p {
    margin-block-end: var(--space-md);
}

.poker-dining__unit--callout .content-list {
    margin-block-end: 0;
}

/* Hosted */
.poker-hosted {
    background-color: var(--color-ink);
}

.poker-hosted__unit--wide {
    max-width: 700px;
    margin-inline: auto;
    margin-block-end: var(--space-xl);
}

.poker-hosted__unit--wide h3 {
    margin-block-end: var(--space-md);
}

.poker-hosted__unit--wide p {
    margin-block-end: var(--space-md);
}

.poker-hosted__unit--wide .content-list {
    margin-block-end: 0;
}

.poker-hosted__unit--callout {
    background-color: var(--color-wine);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
}

.poker-hosted__unit--callout h3 {
    margin-block-end: var(--space-md);
}

.poker-hosted__unit--callout p {
    margin-block-end: var(--space-md);
}

.poker-hosted__unit--callout .content-list {
    margin-block-end: 0;
}

.poker-hosted__facts {
    margin-block-start: var(--space-md);
    font-size: var(--text-small);
    color: var(--color-bone);
    margin-block-end: 0;
}

.poker-hosted__feature {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: var(--space-xl);
    align-items: start;
}

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

.poker-hosted__figure img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    border: var(--border-width) var(--border-style) var(--color-moss);
}

.poker-hosted__figure figcaption {
    margin-block-start: var(--space-sm);
    color: var(--color-bone);
    font-size: var(--text-small);
}

.poker-hosted__feature-text {
    min-width: 0;
}

.poker-hosted__feature-text h3 {
    margin-block-end: var(--space-md);
}

.poker-hosted__feature-text p {
    margin-block-end: var(--space-md);
}

.poker-hosted__feature-text .content-list {
    margin-block-end: 0;
}

/* Design */
.poker-design {
    background-color: var(--color-forest);
}

.poker-design__inner {
    max-width: 800px;
}

.poker-design__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-block-start: var(--space-xl);
}

.poker-design__unit {
    background-color: var(--color-charcoal);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    min-width: 0;
}

.poker-design__unit h3 {
    margin-block-end: var(--space-md);
}

.poker-design__unit p {
    margin-block-end: var(--space-md);
}

.poker-design__unit .content-list {
    margin-block-end: 0;
}

/* Responsible */
.poker-responsible {
    background-color: var(--color-ink);
}

.poker-responsible__inner {
    max-width: 800px;
}

.poker-responsible__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-block-start: var(--space-xl);
}

.poker-responsible__unit {
    background-color: var(--color-charcoal);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    min-width: 0;
}

.poker-responsible__unit h3 {
    margin-block-end: var(--space-md);
}

.poker-responsible__unit p {
    margin-block-end: var(--space-md);
}

.poker-responsible__unit .content-list {
    margin-block-end: 0;
}

.poker-responsible__unit--callout {
    background-color: var(--color-wine);
}

.poker-responsible__facts {
    margin-block-start: var(--space-md);
    font-size: var(--text-small);
    color: var(--color-bone);
    margin-block-end: 0;
}

/* Booking */
.poker-booking {
    background-color: var(--color-charcoal);
    border-block-start: 1px solid var(--color-brass);
}

.poker-booking__inner {
    max-width: 600px;
    text-align: center;
}

.poker-booking__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-block-start: var(--space-xl);
}

.poker-booking__unit {
    background-color: var(--color-ink);
    border: var(--border-width) var(--border-style) var(--color-moss);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    min-width: 0;
}

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

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

.poker-booking__unit .content-list {
    margin-block-end: 0;
}

.poker-booking__unit .btn {
    align-self: flex-start;
    margin-block-start: var(--space-sm);
}

/* Responsive */
@media (max-width: 1023px) {
    .poker-atmosphere__grid {
        grid-template-columns: 1fr;
    }

    .poker-tables__feature,
    .poker-dining__feature,
    .poker-hosted__feature {
        grid-template-columns: 1fr;
    }

    .poker-tables__text-grid,
    .poker-seating__grid,
    .poker-design__grid,
    .poker-responsible__grid,
    .poker-booking__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .poker-section {
        padding-block: var(--space-2xl);
    }

    .poker-hero {
        min-height: 70vh;
    }

    .poker-hero__content {
        width: 90%;
        padding-block: var(--space-xl);
        gap: var(--space-md);
    }

    .poker-hero__title {
        font-size: clamp(2.25rem, 10vw, 2.5rem);
    }

    .poker-hero__cta {
        width: 100%;
    }

    .poker-atmosphere__unit,
    .poker-tables__text-unit,
    .poker-seating__unit,
    .poker-design__unit,
    .poker-responsible__unit,
    .poker-booking__unit {
        padding: var(--space-lg);
    }

    .poker-booking__unit .btn {
        width: 100%;
        align-self: stretch;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}