/* V2K Social - Vertical snap scroll on feed
   - .feed-scroll is the scroll container
   - Cards snap one-by-one like TikTok
   - Does NOT change media sizing/layout
*/

/* Make sure feed page itself isn't adding weird margins */
.page.page-feed {
  margin: 0;
  padding: 0;
}

/* Inner scroll area under top bar / above bottom nav */
.page-feed .feed-scroll {
  position: relative;
  margin: 0;
  padding: 0;

  /* Approx: full viewport minus top bar + bottom nav */
  height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;

  scroll-snap-type: y mandatory !important;
  -webkit-scroll-snap-type: y mandatory !important;
  -webkit-overflow-scrolling: touch;
}

/* Each card is a snap target */
.page-feed article.feed-card {
  scroll-snap-align: start !important;
  scroll-snap-stop: always;
}

/* Small safety tweak on very tall screens (desktop) */
@media (min-width: 900px) {
  .page-feed .feed-scroll {
    height: calc(100vh - 120px);
  }
}