/* Travel Atlas V7 photo navigation.
   Normal Map + Photos uses the bottom Previous/Next bar.
   True fullscreen uses exactly one Previous arrow at the left edge and one
   dedicated Next arrow at the right edge. */

body.viewer-active .photo-inspector .inspector-controls{
  position:relative!important;
  overflow:visible!important;
}
body.viewer-active .photo-inspector .inspector-controls #prev,
body.viewer-active .photo-inspector .inspector-controls #next{
  position:absolute!important;
  bottom:7px!important;
  top:auto!important;
  z-index:1900!important;
}
body.viewer-active .photo-inspector .inspector-controls #prev{left:18px!important;right:auto!important}
body.viewer-active .photo-inspector .inspector-controls #next{right:18px!important;left:auto!important}

/* Original large side arrows are used in Photos Only. */
body.viewer-active .photo-inspector #sideprev,
body.viewer-active .photo-inspector #sidenext{
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:52px!important;
  min-width:52px!important;
  height:76px!important;
  padding:0!important;
  margin:0!important;
  z-index:2300!important;
  pointer-events:auto!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(10,18,32,.48)!important;
  color:#fff!important;
  font:400 54px/62px Georgia,serif!important;
  text-align:center!important;
}
body.viewer-active .photo-inspector #sideprev{left:14px!important;right:auto!important}
body.viewer-active .photo-inspector #sidenext{right:14px!important;left:auto!important}

/* Map + Photos does not show the large side arrows unless browser fullscreen is active. */
body.viewer-active:not(.photos-only) .photo-inspector:not(:fullscreen):not(:-webkit-full-screen):not(.is-fullscreen) #sideprev,
body.viewer-active:not(.photos-only) .photo-inspector:not(:fullscreen):not(:-webkit-full-screen):not(.is-fullscreen) #sidenext{
  display:none!important;
}

body.photos-only.viewer-active #sideprev,
body.photos-only.viewer-active #sidenext{
  display:block!important;
  visibility:visible!important;
  opacity:.88!important;
}

/* True fullscreen: retain only the original Previous arrow. */
.photo-inspector:fullscreen #sideprev,
.photo-inspector:-webkit-full-screen #sideprev,
.photo-inspector.is-fullscreen #sideprev{
  display:block!important;
  visibility:visible!important;
  opacity:.88!important;
  position:fixed!important;
  left:14px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2147483000!important;
}

/* The legacy right arrow is deliberately disabled in true fullscreen.
   viewer_layout_guard_v7.js supplies the single right-edge Next button. */
.photo-inspector:fullscreen #sidenext,
.photo-inspector:-webkit-full-screen #sidenext,
.photo-inspector.is-fullscreen #sidenext{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Hide the bottom control bar buttons while in true fullscreen so there is no
   second Previous/Next control competing with the edge arrows. */
.photo-inspector:fullscreen .inspector-controls #prev,
.photo-inspector:fullscreen .inspector-controls #next,
.photo-inspector:-webkit-full-screen .inspector-controls #prev,
.photo-inspector:-webkit-full-screen .inspector-controls #next,
.photo-inspector.is-fullscreen .inspector-controls #prev,
.photo-inspector.is-fullscreen .inspector-controls #next{
  display:none!important;
}

/* One dedicated fullscreen Next button, always fixed to the physical right edge. */
#ta-fullscreen-next-fixed{
  display:none!important;
  position:fixed!important;
  right:14px!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  padding:0!important;
  margin:0!important;
  z-index:2147483646!important;
  pointer-events:auto!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(10,18,32,.72)!important;
  color:#fff!important;
  font:400 54px/62px Georgia,serif!important;
  line-height:62px!important;
  text-align:center!important;
  cursor:pointer!important;
  opacity:.96!important;
  outline:none!important;
  box-shadow:none!important;
}
.photo-inspector:fullscreen #ta-fullscreen-next-fixed,
.photo-inspector:-webkit-full-screen #ta-fullscreen-next-fixed,
.photo-inspector.is-fullscreen #ta-fullscreen-next-fixed,
#ta-fullscreen-next-fixed.show{
  display:flex!important;
  visibility:visible!important;
  align-items:center!important;
  justify-content:center!important;
}

#ta-fullscreen-prev,#ta-fullscreen-next{display:none!important}