/* BuddySocial v9.94 - horizontal Wie Wat Waar moments */

.www-moments-rail,
.status-history-list{
  display:flex !important;
  align-items:stretch !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 2px 9px !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:#8eafc5 #edf4f8 !important;
}

.www-moments-rail::-webkit-scrollbar,
.status-history-list::-webkit-scrollbar{
  height:9px !important;
}
.www-moments-rail::-webkit-scrollbar-track,
.status-history-list::-webkit-scrollbar-track{
  background:#edf4f8 !important;
  border:1px solid #d4e1e9 !important;
}
.www-moments-rail::-webkit-scrollbar-thumb,
.status-history-list::-webkit-scrollbar-thumb{
  background:#8eafc5 !important;
  border:1px solid #7097b1 !important;
  border-radius:999px !important;
}

.www-moment-card,
.status-history-list .status-history-row{
  flex:0 0 clamp(250px,31vw,365px) !important;
  min-width:250px !important;
  max-width:365px !important;
  scroll-snap-align:start !important;
  box-sizing:border-box !important;
  padding:8px !important;
  border:1px solid #b5cad9 !important;
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),
    var(--site-bg-image,linear-gradient(180deg,#fff,#eef6fa)) center/cover !important;
  box-shadow:0 2px 6px rgba(31,65,91,.07) !important;
}

.www-moment-card{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.www-moment-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding-bottom:5px !important;
  border-bottom:1px solid #dfe8ee !important;
}

.www-moment-head b{
  color:#2b6188 !important;
  font-size:10px !important;
}

.www-moment-head small{
  color:#748897 !important;
  font-size:8px !important;
}

.www-moment-text{
  color:#2f536b !important;
  font-size:10px !important;
  line-height:1.42 !important;
  min-height:34px !important;
}

.www-moment-location{
  color:#708596 !important;
}

.www-moment-card .www-profile-image,
.status-history-list .status-history-row img{
  display:block !important;
  width:100% !important;
  max-height:190px !important;
  object-fit:cover !important;
  border:1px solid #c1d2de !important;
  margin:0 !important;
}

.www-moment-card .www-profile-delete-form{
  margin-top:auto !important;
  padding-top:5px !important;
  border-top:1px solid #e0e8ee !important;
}

.www-moment-card .www-delete-btn{
  width:100% !important;
}

.www-moments-hint{
  margin-top:2px !important;
  color:#718696 !important;
  font-size:8px !important;
  text-align:right !important;
}

.status-history-list .status-history-row{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:7px !important;
}

.status-history-list .status-history-main{
  width:100% !important;
}

.status-history-list .status-history-delete-form{
  width:100% !important;
  margin-top:auto !important;
}

.status-history-list .status-history-delete-form .www-delete-btn{
  width:100% !important;
}

@media(max-width:760px){
  .www-moment-card,
  .status-history-list .status-history-row{
    flex:0 0 84vw !important;
    min-width:84vw !important;
    max-width:84vw !important;
  }

  .www-moments-hint{
    text-align:left !important;
  }
}