/* APD 223 — immutable visible destination in the collapsed mobile Lugar row.
   A dedicated .apd223-location-value is used instead of trusting the native
   summary node, which older controllers can rewrite during panel transitions. */
@media (max-width: 767px) {
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"],
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"],
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    width:100% !important;
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
    flex:0 0 62px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:24px !important;
  }

  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"] > button:first-child,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] > button:first-child,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"] > button:first-child {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:100% !important;
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
    padding:0 22px !important;
    overflow:hidden !important;
  }

  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"] > button:first-child > span:first-child,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] > button:first-child > span:first-child,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"] > button:first-child > span:first-child {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
    margin:0 !important;
    color:#6f6f6f !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    white-space:nowrap !important;
  }

  /* The APD 223 value is hidden everywhere until a place is really selected. */
  #apd5-search .apd223-location-value {
    display:none !important;
  }

  /* Once selected, this node alone owns the right-hand visible value. */
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"].apd223-has-location .apd223-location-value,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"].apd223-has-location .apd223-location-value,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"].apd223-has-location .apd223-location-value {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:74% !important;
    margin-left:auto !important;
    color:#111 !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Only suppress legacy/native summaries after APD 223 has a confirmed value.
     If no value exists, native rendering remains available as a fallback. */
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"].apd223-has-location #apd5-location-summary,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"].apd223-has-location #apd5-location-summary,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"].apd223-has-location #apd5-location-summary,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"] .apd26-compact-summary,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] .apd26-compact-summary,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"] .apd26-compact-summary,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"] .apd26-search-leading-icon,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] .apd26-search-leading-icon,
  html body.apd223-mobile-location-pin.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="service"] > [data-search-field="location"] .apd26-search-leading-icon {
    display:none !important;
    visibility:hidden !important;
  }
}