/* ---- Asking for a trip like this one --------------------------------- */

/* The offer at the end of a public deck. It sits in the deck's own card
   scale, so it reads as part of the page rather than as an advertisement
   pasted under it. */
.itinerary-deck__enquire {
  display: grid;
  justify-items: start;
  gap: 0.75rem;
  margin-top: 2.5rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 0.85rem;
  background: var(--panel);
}

.itinerary-deck__enquire h2 {
  margin: 0;
  font-family: var(--deck-display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 500;
  line-height: 1.15;
}

.itinerary-deck__enquire p {
  max-width: 44rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

/* The same offer, two lighter weights.

   `--band` is the one that interrupts the reading half way down. It has to be
   noticed without pretending to be the next day of the trip, so it keeps the
   card scale but turns the accent tint on. */
.itinerary-deck__enquire--band,
.travel-book__enquire--band {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 0;
  padding: 1.1rem clamp(1rem, 2.5vw, 1.6rem);
  border: 1px solid #dce8fb;
  border-radius: 0.85rem;
  background: #f4f8ff;
}

.itinerary-deck__enquire--band p,
.travel-book__enquire--band p {
  max-width: 34rem;
  margin: 0;
  color: var(--foreground);
  font-size: 0.9rem;
  line-height: 1.6;
}

.travel-book__enquire--band {
  font-family: var(--book-sans);
  border-color: #e3d8cd;
  background: #faf5ef;
}

/* The hero button. On the deck it joins the dates card; on the book's dark
   cover it must not sink into the board. */
.itinerary-deck__enquire-button { justify-self: start; font-size: 0.78rem; }
/* The book keeps its own palette. The deck's blue would read as a banner
   pasted onto the cover board, so the call wears the seal's terracotta. */
.travel-book__enquire-button,
.travel-book__enquire--band .primary-button,
.travel-book__closing .primary-button {
  border-color: var(--book-accent);
  background: var(--book-accent);
  color: #fffdf7;
  font-family: var(--book-sans);
  font-size: 0.78rem;
}

.travel-book__enquire-button:hover,
.travel-book__enquire--band .primary-button:hover,
.travel-book__closing .primary-button:hover { background: #90452f; border-color: #90452f; }

.travel-book__enquire-button { display: inline-block; margin: 0 0 2rem; }

/* Two links close the public book: the offer, then the practical itinerary. */
.travel-book__closing > a { display: inline-block; margin: 0 0.75rem; }

.curated-map__all-work {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.85rem;
}

/* ---- The form -------------------------------------------------------- */

.enquiry-page {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 4.5rem);
}

.enquiry-panel {
  flex: 1;
  width: min(1180px, calc(100% - 3rem));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 1fr);
  align-items: start;
  gap: clamp(2rem, 6vw, 6rem);
  margin: 0 auto;
  padding: clamp(2.5rem, 7vw, 6rem) 0;
}

.enquiry-intro h1 {
  max-width: 16ch;
  margin: 0.5rem 0 0;
  font-family: var(--font-heading);
  font-size: clamp(2.2rem, 4.5vw, 3.6rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.enquiry-intro > p:not(.eyebrow) {
  max-width: 32rem;
  margin: 1.5rem 0;
  color: var(--discover-muted);
  font-size: clamp(1rem, 1.5vw, 1.12rem);
  line-height: 1.75;
}

.enquiry-card {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid var(--discover-line);
  border-radius: var(--radius-l);
  background: var(--discover-panel);
  box-shadow: var(--discover-shadow);
}

.enquiry-card .solid-button { width: 100%; }
.enquiry-card textarea { resize: vertical; }

/* Out of sight and out of reach for a person, still in the page for a bot.
   `display: none` would tell a careful bot to skip it. */
.enquiry-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---- The Creator's list ---------------------------------------------- */

.enquiry-count { margin: 0 0 1.5rem; font-size: 0.9rem; }

.enquiry-list {
  display: grid;
  gap: 1rem;
  max-width: 52rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.enquiry {
  display: grid;
  gap: 0.4rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--line);
  border-radius: 0.75rem;
  background: var(--surface);
}

.enquiry__heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 1rem;
}

.enquiry__name { font-weight: 600; }
.enquiry__heading time,
.enquiry__about,
.enquiry__dates { color: var(--ink-soft); font-size: 0.85rem; }
.enquiry p { margin: 0; }
.enquiry__reach { font-size: 0.9rem; }
.enquiry__message { margin-top: 0.4rem; line-height: 1.7; }
.enquiry__message p + p { margin-top: 0.75rem; }
.enquiry-empty { color: var(--ink-soft); }

@media (max-width: 900px) {
  .enquiry-panel { grid-template-columns: minmax(0, 1fr); width: min(100% - 2rem, 1180px); }
}