/* Page-specific styles for Foglalás & Kapcsolat */

.foglalas-hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--aubergine-900);
}

.foglalas-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.foglalas-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.foglalas-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(45, 27, 46, 0.82) 0%, rgba(45, 27, 46, 0.68) 100%);
}

.foglalas-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  width: 70%;
  margin-inline: auto;
  padding-block: var(--space-7);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

.foglalas-hero__rule {
  margin-block-end: 0;
}

.foglalas-hero__title {
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
  color: var(--cream-50);
  margin-block-end: 0;
}

.foglalas-hero__lead {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--cream-100);
  max-width: 70ch;
  margin-block-end: 0;
}

.foglalas-hero__cta {
  min-width: 200px;
}

@media (min-width: 768px) {
  .foglalas-hero__content {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .foglalas-hero {
    min-height: 60vh;
  }

  .foglalas-hero__content {
    width: 100%;
    padding-inline: var(--space-4);
  }

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

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

  .foglalas-hero__cta {
    width: 100%;
  }
}

/* Bevezető a foglaláshoz */
.foglalas-bevezeto {
  background-color: var(--cream-200);
  color: var(--smoke-700);
}

.foglalas-bevezeto__grid {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: var(--space-6);
  align-items: center;
}

.foglalas-bevezeto__text {
  min-width: 0;
}

.foglalas-bevezeto__text h2,
.foglalas-bevezeto__text h3 {
  color: var(--smoke-700);
}

.foglalas-bevezeto__text p {
  color: var(--smoke-700);
  max-width: 60ch;
}

.foglalas-bevezeto__list {
  color: var(--smoke-700);
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-block-end: var(--space-4);
}

.foglalas-bevezeto__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  margin-block-end: 0;
}

.foglalas-bevezeto__list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--copper-500);
  font-weight: 700;
}

.foglalas-bevezeto__note {
  font-weight: 700;
  color: var(--copper-500);
}

.foglalas-bevezeto__media {
  min-width: 0;
  margin-block-end: 0;
}

.foglalas-bevezeto__image {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (max-width: 991px) {
  .foglalas-bevezeto__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .foglalas-bevezeto__text {
    order: 1;
  }

  .foglalas-bevezeto__media {
    order: 2;
  }
}

/* Foglalási lépések */
.foglalas-lepesek {
  background-color: var(--aubergine-900);
}

.foglalas-lepesek__header {
  text-align: center;
  margin-block-end: var(--space-6);
}

.foglalas-lepesek__header .rule-accent {
  margin-inline: auto;
}

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

.foglalas-lepesek__card {
  background-color: var(--aubergine-700);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-3);
  min-width: 0;
}

.foglalas-lepesek__icon {
  font-size: 2rem;
  line-height: 1;
  margin-block-end: var(--space-2);
}

.foglalas-lepesek__card h3 {
  color: var(--cream-50);
  margin-block-end: 0;
}

.foglalas-lepesek__card p {
  color: var(--cream-100);
  max-width: 90%;
  margin-inline: auto;
  margin-block-end: 0;
}

@media (max-width: 991px) {
  .foglalas-lepesek__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .foglalas-lepesek__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .foglalas-lepesek__grid {
    grid-template-columns: 1fr;
  }
}

/* Privát vacsora lehetőségek */
.foglalas-privat {
  background-color: var(--cream-200);
  color: var(--smoke-700);
}

.foglalas-privat__grid {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: var(--space-6);
  align-items: center;
}

.foglalas-privat__media {
  min-width: 0;
  margin-block-end: 0;
}

.foglalas-privat__image {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.foglalas-privat__text {
  min-width: 0;
}

.foglalas-privat__text h2,
.foglalas-privat__text h3 {
  color: var(--smoke-700);
}

.foglalas-privat__text p {
  color: var(--smoke-700);
  max-width: 60ch;
}

@media (max-width: 991px) {
  .foglalas-privat__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .foglalas-privat__media {
    order: 1;
  }

  .foglalas-privat__text {
    order: 2;
  }
}

/* Elérhetőségek */
.foglalas-kapcsolat {
  background-color: var(--aubergine-900);
}

.foglalas-kapcsolat__header {
  text-align: center;
  margin-block-end: var(--space-6);
}

.foglalas-kapcsolat__header .rule-accent {
  margin-inline: auto;
}

.foglalas-kapcsolat__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.foglalas-kapcsolat__card {
  background-color: var(--aubergine-700);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
}

.foglalas-kapcsolat__icon {
  font-size: 1.75rem;
  line-height: 1;
  margin-block-end: var(--space-2);
}

.foglalas-kapcsolat__card h3 {
  color: var(--cream-50);
  margin-block-end: 0;
}

.foglalas-kapcsolat__card p {
  color: var(--cream-100);
  margin-block-end: 0;
  word-break: break-word;
}

.foglalas-kapcsolat__card a {
  color: var(--copper-500);
  font-weight: 700;
}

.foglalas-kapcsolat__card a:hover {
  color: var(--copper-300);
}

.foglalas-kapcsolat__detail {
  font-size: var(--text-small);
  line-height: var(--leading-small);
  color: var(--smoke-500);
}

.foglalas-kapcsolat__strong {
  font-weight: 700;
  color: var(--cream-50);
}

@media (max-width: 1199px) {
  .foglalas-kapcsolat__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .foglalas-kapcsolat__grid {
    grid-template-columns: 1fr;
  }
}

/* Foglalási űrlap */
.foglalas-urlap {
  background-color: var(--cream-200);
  color: var(--smoke-700);
}

.foglalas-urlap__grid {
  display: grid;
  grid-template-columns: 70% 30%;
  gap: var(--space-6);
  align-items: start;
}

.foglalas-urlap__form-wrap {
  background-color: var(--white);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  box-shadow: var(--shadow-card);
  min-width: 0;
}

.foglalas-urlap__form-wrap h2 {
  color: var(--smoke-700);
}

.foglalas-urlap__intro {
  color: var(--smoke-700);
  margin-block-end: var(--space-5);
}

.foglalas-urlap__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.foglalas-urlap__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

.foglalas-urlap__row .form-group {
  margin-block-end: 0;
}

.foglalas-urlap__notice {
  background-color: var(--cream-200);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  color: var(--smoke-700);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.foglalas-urlap__notice p {
  margin-block-end: 0;
}

.foglalas-urlap__submit {
  align-self: flex-start;
}

.foglalas-urlap__success {
  color: #2e7d32;
  font-weight: 700;
  margin-block-start: var(--space-3);
}

.foglalas-urlap__aside {
  background-color: var(--aubergine-700);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  color: var(--cream-100);
  min-width: 0;
}

.foglalas-urlap__aside h3 {
  color: var(--cream-50);
  margin-block-end: var(--space-3);
}

.foglalas-urlap__aside ul {
  color: var(--cream-100);
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.foglalas-urlap__aside li {
  position: relative;
  padding-inline-start: var(--space-4);
  margin-block-end: 0;
}

.foglalas-urlap__aside li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--copper-500);
  font-weight: 700;
}

@media (max-width: 991px) {
  .foglalas-urlap__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .foglalas-urlap__aside {
    order: 2;
  }
}

@media (max-width: 767px) {
  .foglalas-urlap__form-wrap {
    padding: var(--space-4);
  }

  .foglalas-urlap__row {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .foglalas-urlap__submit {
    width: 100%;
  }
}

/* Foglalási feltételek és 18+ emlékeztető */
.foglalas-feltetelek {
  background-color: var(--aubergine-900);
}

.foglalas-feltetelek__inner {
  max-width: 800px;
  width: 80%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.foglalas-feltetelek__inner h2 {
  color: var(--cream-50);
  margin-block-end: 0;
}

.foglalas-feltetelek__inner p {
  color: var(--cream-100);
  margin-block-end: 0;
}

.foglalas-feltetelek__list {
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-block-end: 0;
}

.foglalas-feltetelek__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  color: var(--cream-100);
  margin-block-end: 0;
}

.foglalas-feltetelek__list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--copper-500);
  font-weight: 700;
}

.foglalas-feltetelek__reminder {
  color: var(--copper-500);
  font-weight: 700;
  font-size: var(--text-small);
  line-height: var(--leading-small);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .foglalas-feltetelek__inner {
    width: 100%;
  }
}

/* Záró CTA */
.foglalas-zaro {
  background-color: var(--aubergine-900);
}

.foglalas-zaro__inner {
  max-width: 600px;
  width: 60%;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

.foglalas-zaro__inner .rule-accent {
  margin-inline: auto;
}

.foglalas-zaro__inner h2 {
  color: var(--cream-50);
  margin-block-end: 0;
}

.foglalas-zaro__inner p {
  color: var(--cream-100);
  margin-block-end: 0;
}

.foglalas-zaro__cta {
  min-width: 200px;
}

@media (max-width: 767px) {
  .foglalas-zaro__inner {
    width: 100%;
  }

  .foglalas-zaro__cta {
    width: 100%;
  }
}