/* Keep Destination in place while typing, with its matching options directly below. */
.home-destination { position: relative; width: 100%; min-width: 0; }
.home-destination.is-editing > [data-slot="select-trigger"] { visibility: hidden; }
.home-destination .home-destination-input {
  position: absolute; inset: 0; width: 100%; height: 100%;
  margin: 0; padding: 8px 22px; border: 0; border-radius: 0;
  background: #fffdf8; color: #173f59; font: 500 16px/1.5 var(--font-body);
  outline: 0; box-shadow: inset 0 -2px #407a61;
}
.home-destination-input::placeholder { color: #5f7584; opacity: 1; }
.home-destination .home-destination-panel {
  position: absolute; z-index: 60; inset: 100% 0 auto; padding: 5px;
  max-height: 220px; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid #eaf2ed; border-radius: 8px;
  background: #fffdf8; box-shadow: 0 8px 24px #102e411a;
}
.home-destination [role="option"] {
  display: flex; align-items: center; width: 100%; min-height: 42px; padding: 10px 12px;
  border: 0; border-radius: 4px; background: transparent; color: #173f59;
  font: 500 .875rem/1.4 var(--font-body); text-align: left;
}
.home-destination [role="option"][hidden],
.home-destination [hidden] { display: none; }
.home-destination [role="option"]:hover,
.home-destination [role="option"].is-active { background: #eaf2ed; }
.home-destination [role="option"][aria-selected="true"]::after { content: '✓'; margin-left: auto; padding-left: 8px; color: #407a61; }
.home-destination .home-destination-empty { padding: 12px; color: #5f7584; font-size: .875rem; }