/* AG-D4166R2.6.24 — results search shell = hotel details search shell (desktop). Mobile: collapsed "Your stay" card, Edit opens the form. */
@media (min-width:901px){
  html body #hotelResultsForm#hotelResultsForm .destination-field{position:relative!important;padding:0 18px 0 72px!important}
  html body #hotelResultsForm#hotelResultsForm .destination-field>label{position:absolute!important;left:72px!important;top:4px!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:nowrap!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;color:#5b6b85!important;text-transform:none!important;letter-spacing:0!important}
  html body #hotelResultsForm#hotelResultsForm .destination-field .field-control>svg{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;padding:12px!important;box-sizing:border-box!important;border-radius:50%!important;background:#eef2f8!important;color:#0b2a5b!important}
  html body #hotelResultsForm#hotelResultsForm #hotelDestination{padding-top:16px!important;font-size:16px!important;font-weight:600!important;color:#111b36!important}
  html body #hotelResultsForm#hotelResultsForm .destination-field .field-control,html body #hotelResultsForm#hotelResultsForm #hotelGuestsButton .field-control{position:static!important;display:block!important;gap:0!important;padding:30px 0 0!important}
  html body #hotelResultsForm#hotelResultsForm .destination-field .field-control::before,html body #hotelResultsForm#hotelResultsForm .destination-field .field-control::after,html body #hotelResultsForm#hotelResultsForm #hotelGuestsButton .field-control::before{content:none!important;display:none!important}
  html body #hotelResultsForm#hotelResultsForm .destination-field>label{top:10px!important}
  html body #hotelResultsForm#hotelResultsForm .destination-field{flex-direction:column!important;justify-content:center!important;align-items:stretch!important}
  html body #hotelResultsForm#hotelResultsForm #hotelDestination{padding:0!important;height:auto!important;min-height:0!important;line-height:1.25!important;background:transparent!important}
  /* dates: one line like details */
  html body #hotelResultsForm#hotelResultsForm #hotelResultsDates{border-left:1px solid #e3e9f0!important;border-radius:0!important;background:transparent!important}
  html body #hotelResultsForm#hotelResultsForm .ag-trip-date-trigger{display:flex!important;align-items:center!important;gap:12px!important;padding:0 16px!important;border-radius:0!important;background:transparent!important}
  html body #hotelResultsForm#hotelResultsForm .ag-trip-date-trigger>svg{flex:none!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;padding:12px!important;box-sizing:border-box!important;border-radius:50%!important;background:#eef2f8!important;color:#0b2a5b!important}
  html body #hotelResultsForm#hotelResultsForm .ag267h2-date-segments,html body #hotelResultsForm#hotelResultsForm .ag-trip-date-copy{display:none!important}
  html body #hotelResultsForm#hotelResultsForm .ag2624-dates{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;text-align:left!important}
  html body #hotelResultsForm#hotelResultsForm .ag2624-dates-label{font-size:13px!important;font-weight:600!important;line-height:1.2!important;color:#5b6b85!important}
  html body #hotelResultsForm#hotelResultsForm .ag2624-dates-value{font-size:16px!important;font-weight:600!important;line-height:1.25!important;color:#111b36!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  /* guests */
  html body #hotelResultsForm#hotelResultsForm #hotelGuestsButton{position:relative!important;border-left:1px solid #e3e9f0!important;border-radius:0!important;padding:0 16px 0 72px!important;background:transparent!important}
  html body #hotelResultsForm#hotelResultsForm #hotelGuestsButton>span:not(.field-control){position:absolute!important;left:72px!important;top:10px!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:nowrap!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;color:#5b6b85!important;text-transform:none!important;letter-spacing:0!important}
  html body #hotelResultsForm#hotelResultsForm #hotelGuestsButton .field-control>svg{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;padding:12px!important;box-sizing:border-box!important;border-radius:50%!important;background:#eef2f8!important;color:#0b2a5b!important}
  html body #hotelResultsForm#hotelResultsForm #hotelGuestsSummary{display:block!important;text-align:left!important;padding-top:0!important;font-size:16px!important;font-weight:600!important;color:#111b36!important}
  html body #hotelResultsForm#hotelResultsForm .guest-field-wrap{border:0!important}
  /* button */
  html body #hotelResultsForm#hotelResultsForm .search-submit>svg{display:none!important}
  html body #hotelResultsForm#hotelResultsForm .search-submit{justify-content:center!important}
}
@media (max-width:900px){
  html body.ag170-search-ready:not(.ag170-search-editing):not(#ag2624a) #hotelResultsForm{display:none!important}
}
/* the one-line dates value only exists in the desktop shell and the mobile sheet */
#hotelResultsForm .ag2624-dates{display:none}
/* mobile "Edit your stay" sheet = hotel details sheet (bottom sheet, one icon per row, label above value) */
@media (max-width:900px){
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:10px!important;transform:translateX(-50%)!important;z-index:3100!important;width:min(680px,calc(100% - 20px))!important;max-width:680px!important;max-height:calc(100dvh - 20px)!important;margin:0!important;padding:0 14px calc(14px + env(safe-area-inset-bottom))!important;overflow:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"head" "destination" "dates" "guests" "submit" "status"!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:10px!important;background:#fff!important;border-radius:22px!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm>.ag170-search-sheet-head{grid-area:head!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag-trip-date-trigger,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelGuestsButton{position:relative!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;justify-items:start!important;text-align:left!important;padding:10px 14px!important;min-height:64px!important;height:auto!important;width:100%!important;box-sizing:border-box!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelResultsDates{height:auto!important;min-height:64px!important;padding:0!important;overflow:visible!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag-trip-date-trigger{min-height:60px!important;border:0!important;background:transparent!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .guest-field-wrap{border:0!important;padding:0!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .field-control{display:contents!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field svg,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag-trip-date-trigger>svg,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelGuestsButton svg{grid-column:1!important;grid-row:1/3!important;position:static!important;transform:none!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;padding:10px!important;margin:0!important;box-sizing:border-box!important;border-radius:12px!important;background:#eef4ff!important;color:#1a5fd0!important;fill:currentColor!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag-trip-date-trigger>svg{fill:none!important;stroke:currentColor!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field>label,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelGuestsButton>span:not(.field-control){grid-column:2!important;grid-row:1!important;position:static!important;display:block!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;color:#66768a!important;text-transform:none!important;letter-spacing:0!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelDestination,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelGuestsSummary{grid-column:2!important;grid-row:2!important;position:static!important;display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:16px!important;font-weight:800!important;line-height:1.3!important;color:#12233a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}
  /* guests panel: inside the sheet (the sheet is transformed, so fixed = relative to the sheet), above every field */
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelGuestsPopover:not([hidden]){position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;max-width:none!important;z-index:40!important;margin:0!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-shadow:0 -10px 30px rgba(4,20,40,.18)!important;transform:none!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .guest-field-wrap{position:static!important;z-index:auto!important;transform:none!important;filter:none!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field,html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field>label,html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field svg,html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelDestination{z-index:auto!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .hotel-suggestions{grid-column:1/-1!important;grid-row:3!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag267h2-date-segments,
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag-trip-date-copy{display:none!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag2624-dates{grid-column:2!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;max-width:100%!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag2624-dates-label{font-size:12px!important;font-weight:700!important;line-height:1.2!important;color:#66768a!important}
  html body.ag170-search-editing:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag2624-dates-value{font-size:16px!important;font-weight:800!important;line-height:1.3!important;color:#12233a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
}
/* small laptops / tablets landscape: one row, like the hotel details shell */
@media (min-width:901px) and (max-width:1080px){
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm{grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,1fr) 120px!important;grid-template-areas:"destination dates guests submit" "status status status status"!important;grid-template-rows:58px auto!important;height:auto!important;min-height:72px!important;padding:6px!important;align-items:center!important}
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm .destination-field{grid-area:destination!important;height:58px!important;border:0!important;box-shadow:none!important;background:transparent!important}
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelResultsDates{grid-area:dates!important;height:58px!important}
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm .guest-field-wrap{grid-area:guests!important;height:58px!important}
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm #hotelGuestsButton{height:58px!important;width:100%!important}
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm .search-submit{grid-area:submit!important;width:100%!important;height:58px!important;min-height:0!important}
  html body:not(#ag2624a) #hotelResultsForm#hotelResultsForm .ag2624-dates-value{font-size:15px!important}
}
/* outline icons (same set as the hotel details shell) */
html body #hotelResultsForm#hotelResultsForm svg.ag2624-ico,html body #hotelResultsForm#hotelResultsForm svg.ag2624-ico *{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
