/**
 * APD 534 — definitive right-hand summaries for the compact Dónde step.
 *
 * Values are real DOM text inside the submitted #apd5-search form.  No ::after
 * copy is used: the APD436 version read attr(data-apd-canonical-value) from the
 * field even though that attribute lives on its child button, so selected rows
 * became visually blank while the hidden query remained correct.
 */
@media (max-width: 767px) {
  #apd5-search[data-active-panel="location"] > [data-search-field="dates"] > button:first-child,
  #apd5-search[data-active-panel="location"] > [data-search-field="guests"] > button:first-child,
  #apd5-search[data-active-panel="location"] > [data-search-field="service"] > button:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 0 22px !important;
    overflow: hidden !important;
  }

  #apd5-search[data-active-panel="location"] > [data-search-field="dates"] > button:first-child > #apd5-date-summary,
  #apd5-search[data-active-panel="location"] > [data-search-field="guests"] > button:first-child > #apd5-guest-summary,
  #apd5-search[data-active-panel="location"] > [data-search-field="service"] > button:first-child > #apd5-service-summary {
    display: block !important;
    visibility: visible !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 68% !important;
    margin-left: auto !important;
    color: #222 !important;
    opacity: 1 !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 650 !important;
    letter-spacing: -.02em !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
  }

  /* Retire the broken field-level pseudo copy completely. */
  #apd5-search[data-active-panel="location"] > [data-search-field="dates"] > button:first-child::after,
  #apd5-search[data-active-panel="location"] > [data-search-field="guests"] > button:first-child::after,
  #apd5-search[data-active-panel="location"] > [data-search-field="service"] > button:first-child::after {
    content: none !important;
    display: none !important;
  }

  /* Left labels retain the softer Airbnb-like inactive tone. */
  #apd5-search[data-active-panel="location"] > [data-search-field="dates"] > button:first-child > span:first-child,
  #apd5-search[data-active-panel="location"] > [data-search-field="guests"] > button:first-child > span:first-child,
  #apd5-search[data-active-panel="location"] > [data-search-field="service"] > button:first-child > span:first-child {
    flex: 0 0 auto !important;
    color: #717171 !important;
    font-size: 16.5px !important;
    line-height: 1 !important;
    font-weight: 450 !important;
    letter-spacing: -.01em !important;
  }
}