/* AirlyGo R2.6.7 H6 — search-shell consistency follow-up.
   Presentation only: no supplier/LiteAPI/PREBOOK, reservation, pricing, FX,
   payment, auth, booking, autocomplete ownership or saved-state logic changes. */
:root{
  --ag267h6-navy:#102a49;
  --ag267h6-orange:#ff6b0b;
  --ag267h6-line:#d7e1ec;
  --ag267h6-muted:#60738a;
}

/* --------------------------------------------------------------------------
   Results shell — calendar returns to the neutral navy icon requested by the
   owner. Keep the H2 grouped date control and its existing date engine.
   -------------------------------------------------------------------------- */
html body.hotel-search-page #hotelResultsForm #hotelResultsDates svg,
html body.hotel-search-page #hotelResultsForm #hotelResultsDates svg *{
  color:var(--ag267h6-navy)!important;
  stroke:var(--ag267h6-navy)!important;
  fill:none!important;
}
html body.hotel-search-page #hotelResultsForm .ag267h2-date-part small{
  font-size:10px!important;
}
html body.hotel-search-page #hotelResultsForm .ag267h2-date-part strong{
  font-size:15px!important;
  line-height:1.18!important;
}

/* Results desktop Travelers surface — reduce visual mass without changing the
   mobile bottom-sheet treatment or the existing counters/business rules. */
@media(min-width:641px){
  html body.hotel-search-page #hotelGuestsPopover{
    width:292px!important;
    max-width:292px!important;
    padding:6px 10px 9px!important;
    border-radius:13px!important;
  }
  html body.hotel-search-page #hotelGuestsPopover .guest-row{
    gap:10px!important;
    padding:7px 1px!important;
  }
  html body.hotel-search-page #hotelGuestsPopover .guest-row>span:first-child strong{
    font-size:12.5px!important;
  }
  html body.hotel-search-page #hotelGuestsPopover .guest-row>span:first-child small{
    font-size:10px!important;
  }
  html body.hotel-search-page #hotelGuestsPopover .stepper{
    gap:6px!important;
  }
  html body.hotel-search-page #hotelGuestsPopover .stepper button{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    font-size:17px!important;
  }
  html body.hotel-search-page #hotelGuestsPopover .stepper strong{
    min-width:18px!important;
    font-size:13px!important;
  }
  html body.hotel-search-page #hotelGuestsDone{
    min-height:38px!important;
    margin-top:6px!important;
    padding:7px 12px!important;
    border-radius:9px!important;
    font-size:13.5px!important;
  }
}

/* Save glyph: use absolute 50/50 anchoring inside the existing 40px circle.
   This is deterministic even when map-rail legacy positioning rules are active. */
html body.hotel-search-page .ag4165-save-hotel,
html body.hotel-search-page .ag4166-rail-heart{
  padding:0!important;
  text-align:center!important;
}
html body.hotel-search-page .ag4165-save-hotel::before,
html body.hotel-search-page .ag4166-rail-heart::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  translate:none!important;
  transform:translate(-50%,-50%)!important;
  align-self:auto!important;
  justify-self:auto!important;
}

/* --------------------------------------------------------------------------
   Home Stays — destination suggestions use an actual location-pin symbol.
   The API/autocomplete selection handler remains untouched.
   -------------------------------------------------------------------------- */
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StaySuggestions .v6-suggestion>span:first-child{
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:transparent!important;
  border-radius:0!important;
  position:relative!important;
  align-self:center!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StaySuggestions .v6-suggestion>span:first-child::before{
  content:""!important;
  width:17px!important;
  height:17px!important;
  display:block!important;
  background:var(--ag267h6-navy)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Zm0-9.2A2.8 2.8 0 1 1 12 6a2.8 2.8 0 0 1 0 5.8Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Zm0-9.2A2.8 2.8 0 1 1 12 6a2.8 2.8 0 0 1 0 5.8Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

/* Desktop Home search CTA matches the 62px utility fields exactly. */
@media(min-width:721px){
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm>#v6StaySearch{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    align-self:stretch!important;
    margin:0!important;
  }
}

/* Home Stays dates now use the same information architecture as Results:
   one leading calendar glyph + Check-in | Check-out. Existing two trigger
   buttons stay in place so the existing calendar engine remains authoritative. */
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm>.v1124-stay-dates{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm>.v1124-stay-dates::before{
  content:""!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:18px!important;
  height:18px!important;
  pointer-events:none!important;
  background:var(--ag267h6-navy)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm>.v1124-stay-dates>.v6-field:first-child{
  grid-column:2!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm>.v1124-stay-dates>.v6-field:nth-child(2){
  grid-column:3!important;
  border-left:1px solid var(--ag267h6-line)!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm.ag1254-stay-date-ready .ag1254-stay-date-trigger{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:0!important;
  padding:7px 10px!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm.ag1254-stay-date-ready .ag1254-stay-date-trigger>svg{
  display:none!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm.ag1254-stay-date-ready .ag1254-stay-date-trigger>span{
  font-size:10px!important;
  margin-bottom:2px!important;
}
html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm.ag1254-stay-date-ready .ag1254-stay-date-trigger>strong{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.18!important;
}

/* Home desktop guest popover: reduce width/spacing while preserving the existing
   counter engine and mobile bottom-sheet rules. */
@media(min-width:721px){
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6GuestPopover{
    width:286px!important;
    max-width:286px!important;
    box-sizing:border-box!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6GuestPopover>div{
    padding:8px 1px!important;
  }
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6GuestPopover>div>div{
    gap:8px!important;
  }
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6GuestPopover button[data-v6-guest]{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    font-size:17px!important;
  }
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6GuestDone{
    min-height:38px!important;
    margin-top:9px!important;
    padding:8px 10px!important;
    border-radius:9px!important;
  }
}

/* Keep H5 phone containment authoritative. The grouped Home date control still
   stays inside the single-column mobile shell without horizontal overflow. */
@media(max-width:720px){
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm>.v1124-stay-dates{
    grid-template-columns:38px minmax(0,1fr) minmax(0,1fr)!important;
  }
  html body#agHome.ag125-home.ag260-home[data-ag-home-release="r266"][data-ag-h5-search-shell="1"] #v6StayForm.ag1254-stay-date-ready .ag1254-stay-date-trigger{
    padding:7px 8px!important;
  }
}