/* V416 — Global booking usability: visible scrollbars + consistent visible Back navigation.
   Additive only: no pricing, cutoff, payment, availability or calculation rules. */

/* All scrollable booking/navigation surfaces receive a deliberately visible scrollbar. */
.v416-scroll-host,
.v84-full-page,
.booking-modal-panel,
.content-tab-panel,
.tour-modal-panel,
.site-modal-panel,
.nyerere-panel,
.selous-package-panel,
.tz-package-panel,
.v350-booking-panel,
.v351-transfer-panel,
.v352-leisure-modal,
.v353-day-panel,
.v354-combo-panel,
.v356-turtle-panel,
.v357-booking-navigator-body,
.v385-leisure-detail-panel,
.v386-hotel-detail-panel,
.v402-marine-modal {
  scrollbar-width:auto;
  scrollbar-color:#f56b16 #dfe7ec;
  scrollbar-gutter:stable;
  scroll-behavior:auto!important;
  overscroll-behavior:contain;
}

/* Chromium / Edge / Safari scrollbar styling. */
.v416-scroll-host::-webkit-scrollbar,
.v84-full-page::-webkit-scrollbar,
.booking-modal-panel::-webkit-scrollbar,
.content-tab-panel::-webkit-scrollbar,
.tour-modal-panel::-webkit-scrollbar,
.site-modal-panel::-webkit-scrollbar,
.nyerere-panel::-webkit-scrollbar,
.selous-package-panel::-webkit-scrollbar,
.tz-package-panel::-webkit-scrollbar,
.v350-booking-panel::-webkit-scrollbar,
.v351-transfer-panel::-webkit-scrollbar,
.v352-leisure-modal::-webkit-scrollbar,
.v353-day-panel::-webkit-scrollbar,
.v354-combo-panel::-webkit-scrollbar,
.v356-turtle-panel::-webkit-scrollbar,
.v357-booking-navigator-body::-webkit-scrollbar,
.v385-leisure-detail-panel::-webkit-scrollbar,
.v386-hotel-detail-panel::-webkit-scrollbar,
.v402-marine-modal::-webkit-scrollbar {
  width:12px;
  height:12px;
}
.v416-scroll-host::-webkit-scrollbar-track,
.v84-full-page::-webkit-scrollbar-track,
.booking-modal-panel::-webkit-scrollbar-track,
.content-tab-panel::-webkit-scrollbar-track,
.tour-modal-panel::-webkit-scrollbar-track,
.site-modal-panel::-webkit-scrollbar-track,
.nyerere-panel::-webkit-scrollbar-track,
.selous-package-panel::-webkit-scrollbar-track,
.tz-package-panel::-webkit-scrollbar-track,
.v350-booking-panel::-webkit-scrollbar-track,
.v351-transfer-panel::-webkit-scrollbar-track,
.v352-leisure-modal::-webkit-scrollbar-track,
.v353-day-panel::-webkit-scrollbar-track,
.v354-combo-panel::-webkit-scrollbar-track,
.v356-turtle-panel::-webkit-scrollbar-track,
.v357-booking-navigator-body::-webkit-scrollbar-track,
.v385-leisure-detail-panel::-webkit-scrollbar-track,
.v386-hotel-detail-panel::-webkit-scrollbar-track,
.v402-marine-modal::-webkit-scrollbar-track {
  background:#dfe7ec;
  border-radius:999px;
}
.v416-scroll-host::-webkit-scrollbar-thumb,
.v84-full-page::-webkit-scrollbar-thumb,
.booking-modal-panel::-webkit-scrollbar-thumb,
.content-tab-panel::-webkit-scrollbar-thumb,
.tour-modal-panel::-webkit-scrollbar-thumb,
.site-modal-panel::-webkit-scrollbar-thumb,
.nyerere-panel::-webkit-scrollbar-thumb,
.selous-package-panel::-webkit-scrollbar-thumb,
.tz-package-panel::-webkit-scrollbar-thumb,
.v350-booking-panel::-webkit-scrollbar-thumb,
.v351-transfer-panel::-webkit-scrollbar-thumb,
.v352-leisure-modal::-webkit-scrollbar-thumb,
.v353-day-panel::-webkit-scrollbar-thumb,
.v354-combo-panel::-webkit-scrollbar-thumb,
.v356-turtle-panel::-webkit-scrollbar-thumb,
.v357-booking-navigator-body::-webkit-scrollbar-thumb,
.v385-leisure-detail-panel::-webkit-scrollbar-thumb,
.v386-hotel-detail-panel::-webkit-scrollbar-thumb,
.v402-marine-modal::-webkit-scrollbar-thumb {
  background:#f56b16;
  border:3px solid #dfe7ec;
  border-radius:999px;
  min-height:44px;
}
.v416-scroll-host::-webkit-scrollbar-thumb:hover,
.v84-full-page::-webkit-scrollbar-thumb:hover,
.booking-modal-panel::-webkit-scrollbar-thumb:hover,
.content-tab-panel::-webkit-scrollbar-thumb:hover,
.tour-modal-panel::-webkit-scrollbar-thumb:hover,
.site-modal-panel::-webkit-scrollbar-thumb:hover,
.nyerere-panel::-webkit-scrollbar-thumb:hover,
.selous-package-panel::-webkit-scrollbar-thumb:hover,
.tz-package-panel::-webkit-scrollbar-thumb:hover,
.v350-booking-panel::-webkit-scrollbar-thumb:hover,
.v351-transfer-panel::-webkit-scrollbar-thumb:hover,
.v352-leisure-modal::-webkit-scrollbar-thumb:hover,
.v353-day-panel::-webkit-scrollbar-thumb:hover,
.v354-combo-panel::-webkit-scrollbar-thumb:hover,
.v356-turtle-panel::-webkit-scrollbar-thumb:hover,
.v357-booking-navigator-body::-webkit-scrollbar-thumb:hover,
.v385-leisure-detail-panel::-webkit-scrollbar-thumb:hover,
.v386-hotel-detail-panel::-webkit-scrollbar-thumb:hover,
.v402-marine-modal::-webkit-scrollbar-thumb:hover {background:#d9560c}

/* Safety-net Back control. It is inserted only where no visible Back control already exists. */
.v416-booking-back {
  position:sticky;
  top:12px;
  z-index:1000;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:12px 0 -54px 12px;
  padding:9px 15px;
  border:2px solid #f56b16;
  border-radius:999px;
  background:#062a47;
  color:#fff;
  font:inherit;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(6,42,71,.22);
}
.v416-booking-back:hover,.v416-booking-back:focus-visible{background:#f56b16;outline:none}

/* Keep existing Back controls obvious as navigation, not faint text. */
.v352-leisure-back,.v351-transfer-back,.v353-day-back,.v356-turtle-back,
.v402-marine-back,.v394-universal-back,
.booking-modal-close .back-label,.content-tab-close .back-label {
  opacity:1!important;
  visibility:visible!important;
}

@media(max-width:760px){
  .v416-booking-back{top:9px;margin-left:9px;padding:9px 13px}
  .v416-scroll-host::-webkit-scrollbar,
  .v84-full-page::-webkit-scrollbar,
  .booking-modal-panel::-webkit-scrollbar,
  .content-tab-panel::-webkit-scrollbar,
  .tour-modal-panel::-webkit-scrollbar,
  .site-modal-panel::-webkit-scrollbar,
  .nyerere-panel::-webkit-scrollbar,
  .selous-package-panel::-webkit-scrollbar,
  .tz-package-panel::-webkit-scrollbar,
  .v350-booking-panel::-webkit-scrollbar,
  .v351-transfer-panel::-webkit-scrollbar,
  .v352-leisure-modal::-webkit-scrollbar,
  .v353-day-panel::-webkit-scrollbar,
  .v354-combo-panel::-webkit-scrollbar,
  .v356-turtle-panel::-webkit-scrollbar,
  .v357-booking-navigator-body::-webkit-scrollbar,
  .v385-leisure-detail-panel::-webkit-scrollbar,
  .v386-hotel-detail-panel::-webkit-scrollbar,
  .v402-marine-modal::-webkit-scrollbar {width:10px;height:10px}
}