/**
 * APD 569 — the compact button is the terminal visual summary owner.
 *
 * APD568's DOM node is deliberately left in place for backwards compatibility.
 * Legacy visual owners are removed from layout while the opaque,
 * pointer-transparent pseudo-element paints the only right-hand value.
 */
@media (max-width: 1024px) {
  html body #apd5-search#apd5-search > [data-search-field]
  > button:first-child.apd569-summary-ready,
  html body form[data-apd-editor-key="global-search"][data-apd-editor-key="global-search"]
  > [data-search-field] > button:first-child.apd569-summary-ready {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  /*
   * Some APD568 nodes carry inline `display:block!important`.  Position and
   * clip them instead of relying on display so those inline declarations can
   * never reserve flex space or cover the APD569 value.
   */
  html body #apd5-search#apd5-search > [data-search-field]
  > button:first-child.apd569-summary-ready > :is(
    .apd568-row-summary,
    .apd567-row-summary,
    .apd536-row-value,
    .apd394-summary-owner,
    .apd394-native-summary-mirror,
    .apd26-compact-summary,
    #apd5-service-summary,
    #apd5-guest-summary
  ),
  html body form[data-apd-editor-key="global-search"][data-apd-editor-key="global-search"]
  > [data-search-field] > button:first-child.apd569-summary-ready > :is(
    .apd568-row-summary,
    .apd567-row-summary,
    .apd536-row-value,
    .apd394-summary-owner,
    .apd394-native-summary-mirror,
    .apd26-compact-summary,
    #apd5-service-summary,
    #apd5-guest-summary
  ) {
    position: absolute !important;
    inset: auto !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    max-inline-size: 1px !important;
    max-block-size: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  /*
   * More specific than APD568's two-ID `content:none` rule.  The explicit
   * apd568+apd569 selector also wins if both generations are active at once.
   */
  html body #apd5-search#apd5-search > [data-search-field]
  > button:first-child.apd568-summary-ready.apd569-summary-ready::after,
  html body #apd5-search#apd5-search > [data-search-field]
  > button:first-child.apd569-summary-ready::after,
  html body form[data-apd-editor-key="global-search"][data-apd-editor-key="global-search"]
  > [data-search-field] > button:first-child.apd569-summary-ready::after {
    -webkit-appearance: none !important;
    appearance: none !important;
    content: attr(data-apd569-visible-summary) !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    z-index: 9 !important;
    top: 50% !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 72% !important;
    height: auto !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 0 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #222 !important;
    opacity: 1 !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 650 !important;
    font-style: normal !important;
    letter-spacing: -.02em !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
  }

  html body #apd5-search#apd5-search > [data-search-field]
  > button:first-child.apd569-summary-ready > span:first-child,
  html body form[data-apd-editor-key="global-search"][data-apd-editor-key="global-search"]
  > [data-search-field] > button:first-child.apd569-summary-ready > span:first-child {
    position: relative !important;
    z-index: 10 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 42% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}