/* V4.6.9.19 mobile segment single-row horizontal scroll */
/* Keep the home/path selection chips on one line on phones and allow horizontal scrolling */

@media (max-width: 767px){
  body.phone-shell .segment-bar{
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth;
    padding-bottom: 10px !important;
    scroll-snap-type: x proximity;
    mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  }

  body.phone-shell .segment-bar::-webkit-scrollbar{
    display: none !important;
  }

  body.phone-shell .segment-bar .segment-chip{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    scroll-snap-align: start;
  }
}