/* ===== Wnętrze page styles ===== */

.wnetrze-main {
  overflow-x: hidden;
}

/* Hero */
.wnetrze-hero {
  background-color: var(--color-tlo-kosc);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-hero__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
  min-height: 80vh;
}

.wnetrze-hero__media {
  grid-column: 1 / span 7;
  aspect-ratio: 3 / 4;
  width: 100%;
  min-width: 0;
}

.wnetrze-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wnetrze-hero__content {
  grid-column: 8 / span 5;
  max-width: 480px;
  min-width: 0;
  align-self: center;
  padding-block-start: var(--space-7);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

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

.wnetrze-hero__title {
  margin-block-end: 0;
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
  letter-spacing: var(--tracking-h1);
}

.wnetrze-hero__lead {
  margin-block-end: 0;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
  max-width: 480px;
}

/* Wejście */
.wnetrze-wejscie {
  background-color: var(--color-tlo-kosc);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-wejscie__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.wnetrze-wejscie__content {
  grid-column: 1 / span 7;
  max-width: 680px;
  min-width: 0;
  padding-inline-start: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-wejscie__eyebrow {
  margin-block-end: 0;
}

.wnetrze-wejscie__title {
  margin-block-end: 0;
}

.wnetrze-wejscie__subtitle {
  margin-block-end: 0;
}

.wnetrze-wejscie__content p {
  margin-block-end: 0;
}

/* Sala restauracyjna */
.wnetrze-sala {
  background-color: var(--color-kosc-ciemna);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-sala__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.wnetrze-sala__media {
  grid-column: 1 / span 5;
  aspect-ratio: 3 / 4;
  width: 100%;
  min-width: 0;
}

.wnetrze-sala__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wnetrze-sala__content {
  grid-column: 6 / span 7;
  max-width: 680px;
  min-width: 0;
  padding-inline-end: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-sala__eyebrow {
  margin-block-end: 0;
}

.wnetrze-sala__title {
  margin-block-end: 0;
}

.wnetrze-sala__subtitle {
  margin-block-end: 0;
}

.wnetrze-sala__content p {
  margin-block-end: 0;
}

/* Przejście */
.wnetrze-przejscie {
  background-color: var(--color-granat);
  color: var(--color-tekst-na-ciemnym);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-przejscie__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: stretch;
}

.wnetrze-przejscie__content {
  grid-column: 1 / span 6;
  max-width: 560px;
  min-width: 0;
  padding-inline-start: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-przejscie__eyebrow {
  margin-block-end: 0;
  color: var(--color-terakota);
}

.wnetrze-przejscie__title {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-przejscie__subtitle {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-przejscie__content p {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-przejscie__line {
  grid-column: 7 / span 6;
  align-self: stretch;
  width: 1px;
  background-color: var(--color-terakota);
  justify-self: end;
  margin-inline-end: var(--space-5);
}

/* Kasyno */
.wnetrze-kasyno {
  background-color: var(--color-wisniowy-braz);
  color: var(--color-tekst-na-ciemnym);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-kasyno__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.wnetrze-kasyno__media {
  grid-column: 1 / span 5;
  aspect-ratio: 3 / 4;
  width: 100%;
  min-width: 0;
}

.wnetrze-kasyno__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wnetrze-kasyno__content {
  grid-column: 6 / span 7;
  max-width: 680px;
  min-width: 0;
  padding-inline-end: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-kasyno__eyebrow {
  margin-block-end: 0;
  color: var(--color-terakota);
}

.wnetrze-kasyno__title {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-kasyno__subtitle {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-kasyno__content p {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

/* Stoły do gry */
.wnetrze-stoly {
  background-color: var(--color-tlo-kosc);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-stoly__container {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.wnetrze-stoly__eyebrow {
  margin-block-end: 0;
}

.wnetrze-stoly__title {
  margin-block-end: 0;
  max-width: 800px;
}

.wnetrze-stoly__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.wnetrze-stoly__card {
  min-width: 0;
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  transition: border-color 200ms ease;
}

.wnetrze-stoly__card:hover {
  border-color: var(--color-terakota);
}

.wnetrze-stoly__card-title {
  margin-block-end: 0;
}

.wnetrze-stoly__card p {
  margin-block-end: 0;
}

/* Detale */
.wnetrze-detale {
  background-color: var(--color-tlo-kosc);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-detale__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: stretch;
}

.wnetrze-detale__content {
  grid-column: 1 / span 6;
  max-width: 560px;
  min-width: 0;
  padding-inline-start: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-detale__eyebrow {
  margin-block-end: 0;
}

.wnetrze-detale__title {
  margin-block-end: 0;
}

.wnetrze-detale__subtitle {
  margin-block-end: 0;
}

.wnetrze-detale__content p {
  margin-block-end: 0;
}

.wnetrze-detale__line {
  grid-column: 7 / span 6;
  align-self: stretch;
  width: 1px;
  background-color: var(--color-terakota);
  justify-self: end;
  margin-inline-end: var(--space-5);
}

/* Bez alkoholu */
.wnetrze-bez-alkoholu {
  background-color: var(--color-kosc-ciemna);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-bez-alkoholu__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.wnetrze-bez-alkoholu__content {
  grid-column: 6 / span 7;
  max-width: 680px;
  min-width: 0;
  padding-inline-end: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-bez-alkoholu__eyebrow {
  margin-block-end: 0;
}

.wnetrze-bez-alkoholu__title {
  margin-block-end: 0;
}

.wnetrze-bez-alkoholu__subtitle {
  margin-block-end: 0;
}

.wnetrze-bez-alkoholu__content p {
  margin-block-end: 0;
}

/* Rezerwacja */
.wnetrze-rezerwacja {
  background-color: var(--color-granat);
  color: var(--color-tekst-na-ciemnym);
  padding-block: var(--section-padding-desktop);
}

.wnetrze-rezerwacja__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: center;
}

.wnetrze-rezerwacja__content {
  grid-column: 1 / span 6;
  max-width: 560px;
  min-width: 0;
  padding-inline-start: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wnetrze-rezerwacja__eyebrow {
  margin-block-end: 0;
  color: var(--color-terakota);
}

.wnetrze-rezerwacja__title {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-rezerwacja__content p {
  margin-block-end: 0;
  color: var(--color-tekst-na-ciemnym);
}

.wnetrze-rezerwacja__cta {
  grid-column: 7 / span 6;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wnetrze-rezerwacja__button {
  max-width: 300px;
  width: 100%;
  min-width: 0;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .wnetrze-hero__container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--space-5);
    min-height: auto;
  }

  .wnetrze-hero__media {
    grid-column: 1 / span 7;
    aspect-ratio: 3 / 4;
  }

  .wnetrze-hero__content {
    grid-column: 8 / span 5;
    max-width: 100%;
    padding-block-start: var(--space-5);
  }

  .wnetrze-wejscie__content {
    grid-column: 1 / span 8;
    max-width: 100%;
  }

  .wnetrze-sala__media {
    grid-column: 1 / span 5;
  }

  .wnetrze-sala__content {
    grid-column: 6 / span 7;
    max-width: 100%;
  }

  .wnetrze-przejscie__content {
    grid-column: 1 / span 7;
    max-width: 100%;
  }

  .wnetrze-przejscie__line {
    grid-column: 8 / span 5;
  }

  .wnetrze-kasyno__media {
    grid-column: 1 / span 5;
  }

  .wnetrze-kasyno__content {
    grid-column: 6 / span 7;
    max-width: 100%;
  }

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

  .wnetrze-detale__content {
    grid-column: 1 / span 7;
    max-width: 100%;
  }

  .wnetrze-detale__line {
    grid-column: 8 / span 5;
  }

  .wnetrze-bez-alkoholu__content {
    grid-column: 5 / span 8;
    max-width: 100%;
  }

  .wnetrze-rezerwacja__content {
    grid-column: 1 / span 7;
    max-width: 100%;
  }

  .wnetrze-rezerwacja__cta {
    grid-column: 8 / span 5;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .wnetrze-hero {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-hero__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-height: auto;
  }

  .wnetrze-hero__media {
    width: 100%;
    aspect-ratio: 4 / 5;
  }

  .wnetrze-hero__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    padding-block-start: 0;
    gap: var(--space-3);
  }

  .wnetrze-hero__title {
    font-size: var(--text-h1);
    line-height: var(--leading-h1);
  }

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

  .wnetrze-wejscie {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-wejscie__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .wnetrze-wejscie__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-sala {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-sala__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .wnetrze-sala__media {
    width: 100%;
    aspect-ratio: 4 / 5;
  }

  .wnetrze-sala__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-przejscie {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-przejscie__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .wnetrze-przejscie__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-przejscie__line {
    width: 100%;
    height: 0.5px;
    margin: 0;
    order: -1;
    background-color: var(--color-terakota);
  }

  .wnetrze-kasyno {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-kasyno__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .wnetrze-kasyno__media {
    width: 100%;
    aspect-ratio: 4 / 5;
  }

  .wnetrze-kasyno__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-stoly {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-stoly__container {
    gap: var(--space-4);
  }

  .wnetrze-stoly__grid {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .wnetrze-stoly__card {
    width: 100%;
    padding: var(--space-5);
  }

  .wnetrze-detale {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-detale__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .wnetrze-detale__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-detale__line {
    width: 100%;
    height: 0.5px;
    margin: 0;
    order: -1;
    background-color: var(--color-terakota);
  }

  .wnetrze-bez-alkoholu {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-bez-alkoholu__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .wnetrze-bez-alkoholu__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-rezerwacja {
    padding-block: var(--section-padding-mobile);
  }

  .wnetrze-rezerwacja__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .wnetrze-rezerwacja__content {
    width: 100%;
    max-width: 100%;
    padding: var(--space-5);
    gap: var(--space-3);
  }

  .wnetrze-rezerwacja__cta {
    width: 100%;
    justify-content: stretch;
  }

  .wnetrze-rezerwacja__button {
    max-width: 100%;
    width: 100%;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .wnetrze-hero__content,
  .wnetrze-wejscie__content,
  .wnetrze-sala__content,
  .wnetrze-przejscie__content,
  .wnetrze-kasyno__content,
  .wnetrze-detale__content,
  .wnetrze-bez-alkoholu__content,
  .wnetrze-rezerwacja__content {
    transition: none;
    opacity: 1;
  }
}