/* AG-D4166R2.6.47 - small site-wide phone fixes.
   1. Menu drawer: the "MENU / Explore AirlyGo" heading is always first; the current page is shown with an
      orange left bar and orange text (the old underline sat on the border of the next item).
   2. My trips / Saved stays: same phone header idea as the other pages - sticky, logo + menu button
      (a native <details> menu, works without script).
   3. Edit-your-stay sheets fit the screen when the keyboard is open (scroll inside the sheet). */
@media (max-width:1100px){
  html body #navLinks#navLinks.ag173-open>li.ag173-menu-head{order:-10!important}
  html body #navLinks#navLinks.ag173-open li.is-active>a::after,
  html body #navLinks#navLinks.ag173-open li>a.is-active::after,
  html body #navLinks#navLinks.ag173-open li>a[aria-current="page"]::after{content:none!important;display:none!important}
  html body #navLinks#navLinks.ag173-open>li.is-active,
  html body #navLinks#navLinks.ag173-open>li:has(>a.is-active),
  html body #navLinks#navLinks.ag173-open>li:has(>a[aria-current="page"]){box-shadow:inset 4px 0 0 #ff7a00!important}
  html body #navLinks#navLinks.ag173-open>li.is-active>a,
  html body #navLinks#navLinks.ag173-open>li>a.is-active,
  html body #navLinks#navLinks.ag173-open>li>a[aria-current="page"]{color:#c2410c!important;padding-left:14px!important}
}

/* My trips + Saved stays phone header */
html body header.site-header .ag47-mnav{display:none}
@media (max-width:760px){
  html body header.site-header.site-header{position:sticky!important;top:0!important;z-index:300!important}
  html body header.site-header .header-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:56px!important;padding-top:0!important;padding-bottom:0!important}
  html body header.site-header .header-inner>nav{display:none!important}
  html body header.site-header .ag47-mnav{display:block!important;position:static!important}
  html body header.site-header .ag47-mnav>summary{list-style:none!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin-right:-6px!important;cursor:pointer!important;border-radius:10px!important;color:#0b1b30!important}
  html body header.site-header .ag47-mnav>summary::-webkit-details-marker{display:none}
  html body header.site-header .ag47-mnav>summary:focus-visible{outline:3px solid #0b2a5b!important;outline-offset:2px!important}
  html body header.site-header .ag47-mnav>summary svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
  html body header.site-header .ag47-mnav>summary .ag47-x{display:none}
  html body header.site-header .ag47-mnav[open]>summary .ag47-bars{display:none}
  html body header.site-header .ag47-mnav[open]>summary .ag47-x{display:block}
  html body header.site-header .ag47-mnav-panel{align-items:stretch!important;text-align:left!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:301!important;display:flex!important;flex-direction:column!important;
    max-height:calc(100dvh - 56px)!important;overflow-y:auto!important;padding:4px 16px 16px!important;background:#fff8ef!important;border-bottom:1px solid #eadfce!important;box-shadow:0 18px 30px rgba(11,27,48,.12)!important}
  html body header.site-header .ag47-mnav-panel a{width:auto!important;max-width:none!important;margin:0!important;justify-content:flex-start!important;text-align:left!important;display:flex!important;align-items:center!important;min-height:52px!important;padding:0 12px!important;border-bottom:1px solid #eadfce!important;color:#0b1b30!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important}
  html body header.site-header .ag47-mnav-panel a[aria-current="page"]{color:#c2410c!important;box-shadow:inset 4px 0 0 #ff7a00!important}
  html body header.site-header .ag47-mnav-panel a:focus-visible{outline:3px solid #0b2a5b!important;outline-offset:-3px!important}
}

/* Edit-your-stay sheets (hotel search / hotel page, phones): stay inside the visible screen, scroll inside */
@media (max-width:900px){
  html body.ag170-search-editing #hotelResultsForm.ag170-mobile-search-form,
  html body.ag170-search-editing #agDetailsSearchForm.ag170-mobile-search-form{max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
}

/* Sort sheet heading (phones): "Sort by" on one line, close button a 44px square on the right */
@media (max-width:900px){
  html body #agSortMenu .ag4167-sort-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  html body #agSortMenu .ag4167-sort-sheet-head>strong{flex:1 1 auto!important;width:auto!important;white-space:nowrap!important}
  html body #agSortMenu .ag4167-sort-sheet-head>.ag4167-sort-close{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;margin:0 -8px 0 0!important;display:grid!important;place-items:center!important;font-size:24px!important;line-height:1!important;border-radius:10px!important}
}

/* Save (heart) on result photos: no white circle - a white heart outline on the photo with a soft shadow so it
   stays visible on light photos; saved = filled orange heart. Tap area stays 44px. */
html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(0,0,0,.25))!important}
html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel::before{width:26px!important;height:26px!important}
html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:hover{background:transparent!important;transform:scale(1.08)}
html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:is(.is-saved,[aria-pressed="true"]){color:#ff7a00!important}
html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:is(.is-saved,[aria-pressed="true"])::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='black' stroke='black' stroke-width='2' stroke-linejoin='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%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='black' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:focus-visible{outline:3px solid #fff!important;outline-offset:-3px!important;border-radius:12px!important}
@media (prefers-reduced-motion:reduce){html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:hover{transform:none}}

/* AG-D4166R2.6.55: desktop only (>=901px) - heart sits in a white circle, same as the map list cards.
   Phones keep the plain white outline above. Saved = orange heart. */
@media (min-width:901px){
  html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;
    border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#0b1f38!important;filter:none!important;box-shadow:0 2px 10px rgba(11,31,56,.18)!important;display:grid!important;place-items:center!important}
  html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel::before{width:21px!important;height:21px!important}
  html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:hover{background:#fff!important;transform:scale(1.06)}
  html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:is(.is-saved,[aria-pressed="true"]){color:#ff7a00!important}
  html body.hotel-search-page .hotel-photo .ag4165-save-hotel.ag4165-save-hotel:focus-visible{outline:3px solid #c2410c!important;outline-offset:2px!important;border-radius:999px!important}
}