/* ==========================================================
   BuddySocial v10.58 - NEWS ARCHIVE ONE IN SCROLL
   Alleen voor het blok "Alle updates"
   - 1 item zichtbaar
   - rest in verticale scroll rechts
   ========================================================== */

.news-archive-box{
  --news-archive-card-height: 228px;
}

/* Alleen het archiefblok in een nette scroll zetten */
.news-archive-box .news-archive-list{
  display:block !important;
  max-height:calc(var(--news-archive-card-height) + 10px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:6px !important;
  scrollbar-width:thin;
  scrollbar-color:#75add4 #edf6fb;
  overscroll-behavior:contain;
}

/* Webkit scrollbar */
.news-archive-box .news-archive-list::-webkit-scrollbar{
  width:12px;
}
.news-archive-box .news-archive-list::-webkit-scrollbar-track{
  background:#edf6fb;
  border-left:1px solid #d2e5f0;
  border-radius:999px;
}
.news-archive-box .news-archive-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#74b0dc,#4c8dc2);
  border:2px solid #edf6fb;
  border-radius:999px;
}
.news-archive-box .news-archive-list::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#5fa2d6,#3d7fb7);
}

/* Kaarten zo houden dat er ongeveer 1 tegelijk zichtbaar is */
.news-archive-box .news-list-card{
  min-height:var(--news-archive-card-height) !important;
  align-items:start !important;
  margin-right:2px !important;
}

/* Mooier, compacter */
.news-archive-box .news-list-thumb{
  min-height:190px !important;
}
.news-archive-box .news-list-thumb img{
  min-height:190px !important;
}

.news-archive-box .news-list-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}

.news-archive-box .news-list-copy h3{
  margin-bottom:8px !important;
  line-height:1.22 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.news-archive-box .news-list-copy p{
  max-width:none !important;
  line-height:1.5 !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.news-archive-box .news-list-actions{
  margin-top:auto !important;
  padding-top:8px !important;
}

/* Leegstaat */
.news-archive-box .news-no-results{
  min-height:180px !important;
}

/* Tablet */
@media (max-width:1100px){
  .news-archive-box{
    --news-archive-card-height: 212px;
  }

  .news-archive-box .news-list-thumb,
  .news-archive-box .news-list-thumb img{
    min-height:170px !important;
  }
}

/* Mobiel */
@media (max-width:700px){
  .news-archive-box{
    --news-archive-card-height: 198px;
  }

  .news-archive-box .news-archive-list{
    padding-right:4px !important;
  }

  .news-archive-box .news-list-card{
    min-height:var(--news-archive-card-height) !important;
  }

  .news-archive-box .news-list-thumb,
  .news-archive-box .news-list-thumb img{
    min-height:112px !important;
  }

  .news-archive-box .news-list-copy h3{
    -webkit-line-clamp:2;
  }

  .news-archive-box .news-list-copy p{
    -webkit-line-clamp:3;
  }
}