/* Ranczo Kozanów — style podstrony /menu.
   Dołączane tylko w menu.html. Kolory biorą się z :root w style.css. */

.nav-home { display: block; flex-shrink: 0; }
.nav-links a.is-active {
  color: #fff;
  border-bottom: 2px solid var(--gold);
  padding-bottom: 2px;
}

.menu-page { padding: 56px 24px 64px; }
.menu-intro {
  margin: 0 auto;
  font-size: 16px;
  color: var(--text-muted);
  max-width: 560px;
}

.menu-card-lg {
  max-width: 760px;
  margin: 0 auto;
  background: var(--cream-card);
  border: 2px solid var(--cream-alt);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(59, 39, 22, 0.10);
  padding: 12px 34px 30px;
}

.menu-cat { padding-top: 26px; }
.menu-cat + .menu-cat { border-top: 1px dashed var(--cream-alt); margin-top: 26px; }
.menu-cat h2 {
  margin: 0 0 4px;
  font-size: 21px;
  color: var(--green-dark);
  letter-spacing: 0.5px;
}

.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-item {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 13px 0;
}
.menu-item + .menu-item { border-top: 1px solid rgba(201, 164, 104, 0.28); }

.menu-item-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.menu-item-name {
  font-size: 17px;
  color: var(--brown-dark);
  line-height: 1.3;
}
.menu-item-desc {
  font-size: 14px;
  font-style: italic;
  color: var(--text-muted-2);
  line-height: 1.4;
}

/* Kropkowana linia prowadzi wzrok do ceny; kurczy się, nigdy nie spycha ceny do nowej linii. */
.menu-item-dots {
  flex: 1 1 auto;
  min-width: 12px;
  align-self: flex-end;
  margin-bottom: 5px;
  border-bottom: 2px dotted rgba(122, 90, 56, 0.35);
}

.menu-item-price {
  flex-shrink: 0;
  font-family: 'Alfa Slab One', Georgia, serif;
  font-size: 17px;
  color: var(--brown-mid);
  white-space: nowrap;
}

.menu-back {
  margin-top: 36px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

/* .btn-outline jest pod ciemne tło — tu potrzebny wariant na kremowym. */
.btn-ghost {
  background: transparent;
  color: var(--brown-dark) !important;
  border-color: var(--gold);
  box-shadow: none;
}
.btn-ghost:hover { background: rgba(201, 164, 104, 0.18); color: var(--brown-dark) !important; }

@media (max-width: 640px) {
  .menu-page { padding: 40px 16px 48px; }
  .menu-card-lg { padding: 6px 20px 22px; border-radius: 12px; }
  .menu-item { gap: 4px; }
  .menu-item-name { font-size: 16px; }
  .menu-item-price { font-size: 16px; }
  .menu-item-dots { min-width: 8px; }
  .menu-back .btn { width: 100%; text-align: center; }
}

/* Zastrzezenie pod kategoria z alkoholem. */
.menu-note {
  margin: 18px 0 0;
  font-size: 13.5px;
  font-style: italic;
  color: var(--text-muted-2);
  text-align: right;
}