/* Page-owned styles for eventy-pokerowe */

.poker-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  background-color: var(--color-petrol-900);
  overflow: hidden;
}

.poker-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.poker-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.poker-hero__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(11, 31, 28, 0.7);
}

.poker-hero__content {
  position: relative;
  z-index: 1;
  padding-block: var(--space-4xl) var(--space-3xl);
  width: 100%;
}

.poker-hero__text {
  max-width: 720px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.poker-hero__title {
  color: var(--color-ivory-50);
  font-size: var(--text-display-size);
  line-height: var(--text-display-leading);
  letter-spacing: var(--text-display-tracking);
  font-weight: var(--text-display-weight);
  margin-block-end: 0;
}

.poker-hero__subtitle {
  color: var(--color-ivory-50);
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-leading);
  letter-spacing: var(--text-body-lg-tracking);
  font-weight: var(--text-body-lg-weight);
  margin-block-end: 0;
  max-width: 720px;
}

.poker-hero__cta {
  align-self: flex-start;
  margin-block-start: var(--space-md);
}

.poker-section-heading {
  margin-block-end: var(--space-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.poker-section-heading__caption {
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-leading);
  letter-spacing: var(--text-caption-tracking);
  text-transform: uppercase;
  color: var(--color-amber-500);
  margin-block-end: 0;
}

.poker-section-heading__title {
  margin-block-end: 0;
  max-width: 720px;
}

.poker-section-heading__rule {
  display: block;
  width: 48px;
  height: 2px;
  background-color: var(--color-amber-500);
}

.poker-section-heading--light .poker-section-heading__caption {
  color: var(--color-felt-600);
}

.poker-section-heading--light .poker-section-heading__rule {
  background-color: var(--color-felt-600);
}

/* Offline Poker Events */
.poker-offline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}

.poker-offline__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.poker-offline__item-title {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-offline__item-text {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

/* Poker Tables */
.poker-tables__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.poker-tables__content {
  grid-column: 1 / 7;
  min-width: 0;
}

.poker-tables__media {
  grid-column: 8 / 13;
  min-width: 0;
}

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

.poker-tables__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.poker-tables__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.poker-tables__item-title {
  margin-block-end: 0;
}

.poker-tables__item-text {
  margin-block-end: 0;
}

/* Choose Your Poker Experience */
.poker-experience__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}

.poker-experience__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  background-color: var(--color-petrol-800);
  border: var(--border-dark);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  color: var(--color-ivory-50);
  text-decoration: none;
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.poker-experience__card:hover {
  border-color: var(--color-amber-500);
  color: var(--color-ivory-50);
}

.poker-experience__card-title {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-experience__card-text {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-experience__card-link {
  margin-block-start: auto;
  color: var(--color-amber-300);
  font-weight: 600;
  font-size: var(--text-small-size);
  line-height: var(--text-small-leading);
  letter-spacing: var(--text-small-tracking);
}

.poker-experience__card:hover .poker-experience__card-link {
  color: var(--color-amber-300);
}

/* Poker Events Process */
.poker-process__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-block-start: var(--border-light);
}

.poker-process__step {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: var(--space-lg);
  padding-block: var(--space-lg);
  border-block-end: var(--border-light);
  align-items: start;
}

.poker-process__number {
  font-family: var(--font-heading);
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-leading);
  font-weight: var(--text-h3-weight);
  color: var(--color-felt-600);
}

.poker-process__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.poker-process__step-title {
  margin-block-end: 0;
}

.poker-process__step-text {
  margin-block-end: 0;
}

/* Casino Event Production */
.poker-production__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}

.poker-production__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  background-color: var(--color-petrol-800);
  border: var(--border-dark);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
}

.poker-production__card-title {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-production__card-text {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

/* Restaurant / Catering */
.poker-catering__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.poker-catering__content {
  grid-column: 1 / 7;
  min-width: 0;
}

.poker-catering__media {
  grid-column: 8 / 13;
  min-width: 0;
}

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

.poker-catering__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.poker-catering__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.poker-catering__item-title {
  margin-block-end: 0;
}

.poker-catering__item-text {
  margin-block-end: 0;
}

/* Event Packages */
.poker-packages__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}

.poker-packages__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  background-color: var(--color-petrol-800);
  border: var(--border-dark);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
}

.poker-packages__card-title {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-packages__card-price {
  color: var(--color-amber-300);
  font-weight: 600;
  margin-block-end: 0;
}

.poker-packages__card-text {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-packages__cta {
  align-self: flex-start;
  margin-block-start: auto;
}

/* Location / Contact */
.poker-location__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.poker-location__content {
  grid-column: 1 / 6;
  min-width: 0;
}

.poker-location__map {
  grid-column: 7 / 13;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-md);
  border: var(--border-light);
}

.poker-location__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.poker-location__details {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.poker-location__detail {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.poker-location__detail-title {
  margin-block-end: 0;
}

.poker-location__detail-text {
  margin-block-end: 0;
}

.poker-location__detail-text a {
  color: var(--color-felt-600);
}

.poker-location__detail-text a:hover {
  color: var(--color-felt-500);
}

/* Legal Transparency */
.poker-legal__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  max-width: 680px;
}

.poker-legal__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.poker-legal__item-title {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

.poker-legal__item-text {
  color: var(--color-ivory-50);
  margin-block-end: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  .poker-offline__grid,
  .poker-experience__grid,
  .poker-production__grid,
  .poker-packages__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .poker-tables__layout,
  .poker-catering__layout,
  .poker-location__layout {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }

  .poker-tables__content,
  .poker-tables__media,
  .poker-catering__content,
  .poker-catering__media,
  .poker-location__content,
  .poker-location__map {
    grid-column: 1 / -1;
  }

  .poker-tables__media,
  .poker-catering__media {
    order: -1;
  }

  .poker-location__map {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 768px) {
  .poker-hero {
    min-height: auto;
    aspect-ratio: 4 / 3;
  }

  .poker-hero__content {
    padding-block: var(--space-2xl) var(--space-xl);
  }

  .poker-hero__title {
    font-size: clamp(2rem, 8vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -0.015em;
  }

  .poker-hero__subtitle {
    font-size: var(--text-body-size);
    line-height: var(--text-body-leading);
  }

  .poker-hero__cta {
    width: 100%;
  }

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

  .poker-process__number {
    font-size: var(--text-h4-size);
  }
}

@media (max-width: 480px) {
  .poker-hero__title {
    font-size: 2rem;
  }

  .poker-section-heading__title {
    font-size: var(--text-h2-size);
  }

  .poker-offline__grid,
  .poker-experience__grid,
  .poker-production__grid,
  .poker-packages__grid {
    gap: var(--space-md);
  }

  .poker-tables__layout,
  .poker-catering__layout,
  .poker-location__layout {
    gap: var(--space-lg);
  }

  .poker-process__step {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: var(--space-sm);
  }
}