/* Production visual QA fixes, 2026-10-22. Own site components only. */
/* Own lead dialog: provider's global html * max-height must not remove its viewport cap. */
html[data-ot-type="interests"] #lead-dialog,
html[data-ot-type="hotels"] #lead-dialog {
  box-sizing:border-box;
  position:fixed;
  inset-block:0;
  margin-block:auto;
  max-block-size:calc(100dvh - 1.5rem);
  overflow-y:auto;
  overscroll-behavior:contain;
}
html[data-ot-type="interests"] #lead-dialog h2,
html[data-ot-type="hotels"] #lead-dialog h2,
html[data-ot-type="interests"] #lead-dialog .consent span,
html[data-ot-type="hotels"] #lead-dialog .consent span {
  min-inline-size:0;
  overflow-wrap:anywhere;
}
html[data-ot-type="interests"] #lead-dialog .messenger-options,
html[data-ot-type="hotels"] #lead-dialog .messenger-options {
  flex-wrap:wrap;
}
html[data-ot-type="interests"] #lead-dialog .messenger-options>label,
html[data-ot-type="hotels"] #lead-dialog .messenger-options>label {
  flex:1 1 6rem;
  min-inline-size:0;
}
html[data-ot-type="interests"] #lead-dialog .messenger-options span,
html[data-ot-type="hotels"] #lead-dialog .messenger-options span {
  min-inline-size:0;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Own mount only: preserve the provider's loaded desktop form on smaller viewports. */
html[data-ot-type="hotels"] .tour-shell,
html[data-ot-type="hotels"] #tourvisor-mount {
  min-inline-size:0;
  max-inline-size:100%;
}
html[data-ot-type="hotels"] #tourvisor-mount {
  overflow-x:auto;
}

/* The native country placeholder needs one full field on narrow trip grids. */
@media (max-width:600px) {
  html[data-ot-type="interests"] [data-interest-trip]>label:has(>select[name="country_id"]) {
    grid-column:1 / -1;
  }
}

/* First-party radar controls only; preserve native select UI and sort field. */
@media(max-width:640px){html[data-ot-type="radar"] .filter-extra>label:has(> #nights){grid-column:1/-1}}
html[data-ot-type="radar"] #nights{inline-size:100%;min-inline-size:0;max-inline-size:100%}
html[data-ot-type="radar"] #hotel-search{font-size:var(--ot-type-body,1rem)!important;line-height:1.5}
html[data-ot-type="radar"] .quick-filters [data-quick]{font-size:var(--ot-type-meta,.875rem)!important;line-height:1.45}
html[data-ot-type="radar"] .card-more,
html[data-ot-type="radar"] .compare-button,
html[data-ot-type="radar"] .text-button[data-compare]{font-size:var(--ot-type-body,1rem)!important;line-height:1.5;white-space:normal}

/* Own fallback only; retain its dark green surface and existing geometry. */
#ot-landing-subscription-fallback > a.primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}