/* ==========================================================================
   Tour Ceylon +94 — Enquiry layout + form controls
   Ported from the static design's pages.css. Every length, colour and
   duration resolves through a theme.json token, so Global Styles still
   re-skins this section.
   ========================================================================== */

/* Enquiry layout: form left, supporting panel right */
.tc94-enquiry__layout {
  display: grid;
  gap: var(--wp--preset--spacing--90);
}

@media (min-width: 64rem) {
  .tc94-enquiry__layout {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--wp--preset--spacing--110);
    align-items: start;
  }
}

.tc94-enquiry__aside {
  background-color: var(--wp--preset--color--surface-dark);
  color: var(--wp--custom--color--on-dark-muted);
  border-radius: var(--wp--custom--radius--lg);
  padding: var(--wp--preset--spacing--80);
  box-shadow: var(--wp--custom--shadow--lg);
}

.tc94-enquiry__aside h2,
.tc94-enquiry__aside h3 { color: var(--wp--custom--color--heading-on-dark); }

.tc94-enquiry__aside .tc94-tick-list { margin-top: var(--wp--preset--spacing--50); }

.tc94-enquiry__aside figure {
  margin-top: var(--wp--preset--spacing--70);
  border-radius: var(--wp--custom--radius--md);
  overflow: hidden;
}

.tc94-enquiry__aside figure img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

/* --------------------------------------------------------------------------
   Form
   -------------------------------------------------------------------------- */
.tc94-form {
  display: grid;
  gap: var(--wp--preset--spacing--60);
}

.tc94-form__row {
  display: grid;
  gap: var(--wp--preset--spacing--60);
}

@media (min-width: 40rem) {
  .tc94-form__row--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* A <select> is as wide as its longest option, and a grid item will not shrink
   below its content's minimum width, so "Airport transfers or transport only"
   put a 341px floor under the whole enquiry layout and pushed the page sideways
   on a 320px screen. Clearing that floor on the cells and the controls lets the
   form follow the container; an open dropdown still shows every option in full. */
.tc94-field {
  display: grid;
  gap: var(--wp--preset--spacing--20);
  min-width: 0;
}

.tc94-field label {
  font-size: var(--wp--preset--font-size--sm);
  font-weight: var(--wp--custom--weight--semibold);
  color: var(--wp--custom--color--text);
}

.tc94-field__hint {
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--custom--color--text-subtle);
  font-weight: var(--wp--custom--weight--regular);
}

.tc94-field input,
.tc94-field select,
.tc94-field textarea {
  width: 100%;
  min-width: 0;
  min-height: var(--wp--custom--control--height);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--line-strong);
  border-radius: var(--wp--custom--radius--sm);
  font-size: var(--wp--preset--font-size--base);
  color: var(--wp--custom--color--text);
  transition: border-color var(--tc94-transition-base), box-shadow var(--tc94-transition-base);
}

.tc94-field textarea {
  min-height: 8.5rem;
  resize: vertical;
  line-height: var(--wp--custom--leading--normal);
}

.tc94-field select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
                    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(50% + 2px), calc(100% - 14px) calc(50% + 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: var(--wp--preset--spacing--100);
}

.tc94-field input:focus,
.tc94-field select:focus,
.tc94-field textarea:focus {
  outline: none;
  border-color: var(--wp--preset--color--ocean-deep);
  box-shadow: var(--wp--custom--shadow--focus);
}

.tc94-form__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--50);
}

.tc94-form__note {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--custom--color--text-muted);
  max-width: var(--wp--custom--measure--short);
}

/* Tick list inside the dark enquiry panel */
.tc94-enquiry__aside .tc94-tick-list .tc94-icon { color: var(--wp--preset--color--highlight); }
.tc94-enquiry__aside .tc94-tick-list li { color: var(--wp--custom--color--on-dark-muted); }

/* Confirmation message shown after the WhatsApp link is opened */
.tc94-form__status {
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
  border-radius: var(--wp--custom--radius--md);
  border: 1px solid var(--wp--preset--color--line);
  border-left: 3px solid var(--wp--preset--color--accent);
  background-color: var(--wp--preset--color--ocean-soft);
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--custom--color--text);
}

.tc94-form__status:focus-visible { box-shadow: var(--wp--custom--shadow--focus); }