/* BuddySocial v10.76
   - smooth vertical Laatste nieuws
   - mobile searchbar never clips
   - smooth left-moving news lightkrant while preserving card styling
*/

/* 1) Laatste nieuws: preserve the current look, improve scrolling behavior */
.news-center-pro .news-side-list{
  scroll-behavior:auto !important; /* JS provides truly continuous movement */
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* 2) Nieuws cards as a smooth horizontal lightkrant */
.news-center-pro .news-must-know-grid.bs-news-lightkrant{
  display:flex !important;
  grid-template-columns:none !important;
  gap:8px !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  scroll-behavior:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none;
  padding:9px !important;
  touch-action:pan-y;
}
.news-center-pro .news-must-know-grid.bs-news-lightkrant::-webkit-scrollbar{display:none !important;}
.news-center-pro .news-must-know-grid.bs-news-lightkrant .news-must-card{
  flex:0 0 calc((100% - 16px) / 3) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.news-center-pro .news-must-know-grid.bs-news-lightkrant .news-must-card.bs-news-clone{
  pointer-events:none;
}

/* 3) Searchbar: always fit fully inside mobile/app menu */
@media (max-width:1100px){
  body .retro-nav,
  body .retro-nav .retro-navin,
  body .retro-nav #main-nav-links,
  body .retro-nav #main-nav-links .nav-utilities{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body .retro-nav #main-nav-links .retro-search{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(62px,auto) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body .retro-nav #main-nav-links .retro-search input{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body .retro-nav #main-nav-links .retro-search button{
    width:auto !important;
    min-width:62px !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:390px){
  body .retro-nav #main-nav-links .retro-search{
    grid-template-columns:minmax(0,1fr) 62px !important;
    gap:5px !important;
    padding:6px !important;
  }
  body .retro-nav #main-nav-links .retro-search button{
    width:62px !important;
    min-width:62px !important;
    padding:0 5px !important;
    font-size:11px !important;
  }
  body .retro-nav #main-nav-links .retro-search input{
    padding:0 7px !important;
    font-size:12px !important;
  }

  .news-center-pro .news-must-know-grid.bs-news-lightkrant .news-must-card{
    flex-basis:84% !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .news-center-pro .news-must-know-grid.bs-news-lightkrant{
    overflow-x:auto !important;
  }
}