/* =========================
   HOME ACTIVITIES / ARTIKEL
   MIRIP RS PERSAHABATAN
========================= */

.home-activities-section{
  padding:56px 0 72px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.home-activities-section .container{
  width:min(1680px,calc(100% - 48px)) !important;
  margin:0 auto !important;
}

/* HILANGKAN HEADER BESAR LAMA */
.rsko-healthpedia__header{
  display:none !important;
}

/* HEADER FILTER */
.home-activities-filter-header{
  width:100% !important;
  margin:0 0 34px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:24px !important;
}

.home-activities-filter-header h2{
  margin:0 0 18px !important;
  font-size:30px !important;      /* lebih kecil */
  line-height:1.15 !important;
  font-weight:800 !important;     /* sedikit lebih ringan */
  letter-spacing:-0.02em !important;
  color:#111827 !important;
  font-family:'Poppins',sans-serif !important;
}

.home-activities-tabs{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.home-activities-tab{
  border:1px solid #dbe7ef !important;
  background:#fff !important;
  color:#111827 !important;
  cursor:pointer !important;
 padding:10px 24px !important;
  font-size:15px !important;
  font-weight:700 !important;
  border-radius:999px !important;
  min-width:120px;

}

.home-activities-tab.is-active{
   color:#fff !important;
   background:#11998e !important;
  border-color:#11998e !important;
}

.home-activities-seeall{
  display:none !important;
}

/* HIDE FILTER DEFAULT DRUPAL */
.rsko-healthpedia__tabs-wrap,
.views-exposed-form,
.view-filters{
  display:none !important;
}

/* SLIDER */
.home-activities__slider{
  position:relative !important;
  padding:0 52px !important;
}

.home-activities__viewport{
  overflow:hidden !important;
}

.home-activities__track{
  display:flex !important;
  gap:26px !important;
  transition:transform .4s ease !important;
  will-change:transform !important;
}

.home-activities__slide{
  flex:0 0 auto !important;
}

/* CARD */
.rsko-healthpedia .rsko-article-card,
.rsko-article-card{
  width:300px !important;
  min-height:390px !important;
  background:#fff !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid #e5edf5 !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}

.rsko-article-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.08) !important;
}

/* IMAGE */
.rsko-article-card__image-link{
  display:block !important;
  text-decoration:none !important;
}

.rsko-healthpedia .rsko-article-card__image,
.rsko-article-card__image{
  height:175px !important;
  overflow:hidden !important;
  background:#eef2f6 !important;
}

.rsko-article-card__image img,
.rsko-article-card__image picture,
.rsko-article-card__image picture img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* BODY */
.rsko-healthpedia .rsko-article-card__body,
.rsko-article-card__body{
  padding:16px 20px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

/* META: TOPIK + TANGGAL */
.rsko-article-card__meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 12px !important;
}

.rsko-article-card__category{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#0f9f8f !important;
}

.rsko-healthpedia .rsko-article-card__date,
.rsko-article-card__date{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  color:#94a3b8 !important;
  white-space:nowrap !important;
}

/* TITLE */
.rsko-healthpedia .rsko-article-card__title,
.rsko-healthpedia .rsko-article-card__title a,
.rsko-article-card__title,
.rsko-article-card__title a{
  margin:0 0 10px !important;
  font-size:17px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#111827 !important;
  letter-spacing:-.02em !important;
  text-decoration:none !important;
}

.rsko-article-card__title{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* SUMMARY */
.rsko-healthpedia .rsko-article-card__summary,
.rsko-article-card__summary{
  margin:0 0 14px !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:#64748b !important;

  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;

  max-height:none !important;
  flex:none !important;
}

/* LINK */
.rsko-healthpedia .rsko-article-card__more,
.rsko-article-card__more{
  margin-top:auto !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#2563eb !important;
  text-decoration:none !important;
}

.rsko-article-card__more:hover{
  text-decoration:underline !important;
}

/* NAVIGATION */
.home-activities__slider > .slider-btn{
  position:absolute !important;
  top:45% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(15,23,42,.14) !important;
  color:#111827 !important;
  cursor:pointer !important;
  z-index:20 !important;
}

.home-activities__slider > .slider-btn.prev{
  left:6px !important;
}

.home-activities__slider > .slider-btn.next{
  right:6px !important;
}

/* RESPONSIVE */
@media(max-width:1200px){
  .rsko-article-card{
    width:280px !important;
  }
}

@media(max-width:768px){
  .home-activities-section{
    padding:42px 0 56px !important;
}

  .home-activities-section .container{
    width:calc(100% - 24px) !important;
  }

  .home-activities-filter-header{
    display:block !important;
  }


  .home-activities-filter-header h2{
    font-size:26px !important;
    margin-bottom:18px !important;
  }

  .home-activities__slider{
    padding:0 !important;
  }

  .rsko-article-card{
    width:260px !important;
    min-height:360px !important;
  }

  .rsko-article-card__image{
    height:150px !important;
  }

  .rsko-article-card__title,
  .rsko-article-card__title a{
    font-size:16px !important;
  }

  .home-activities__slider > .slider-btn{
    display:none !important;
  }

  .home-activities-tab{
      min-width:auto;
      padding:10px 18px !important;
      font-size:14px !important;
  }

}

.home-activities__slide[hidden],
.home-activities__slide.is-filtered-out {
  display: none !important;
}

.home-activities-empty {
  width: min(1440px, calc(100% - 48px));
  margin: 28px auto 0;
  padding: 26px;
  border: 1px solid #dbe4ec;
  border-radius: 18px;
  background: #f8fafc;
  color: #64748b;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

.home-activities-tab {
  cursor: pointer;
}

.home-activities-tab.is-active {
  background: #0f9f8f;
  border-color: #0f9f8f;
  color: #ffffff;
}

.home-activities-tab {
  position: relative;
  z-index: 20;
  pointer-events: auto !important;
  cursor: pointer;
  touch-action: manipulation;
}

.home-activities-tabs {
  position: relative;
  z-index: 20;
}

.home-activities__slide[hidden],
.home-activities__slide.is-filtered-out {
  display: none !important;
}

.home-activities-empty {
  width: min(1400px, calc(100% - 48px));
  margin: 28px auto;
  padding: 30px;
  border: 1px solid #dbe4ec;
  border-radius: 18px;
  background: #f8fafc;
  color: #64748b;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

.home-activities-tab.is-active {
  border-color: #0f9f8f !important;
  background: #0f9f8f !important;
  color: #ffffff !important;
}

/* =========================================================
   HOME ACTIVITIES TAB CLICK FIX
========================================================= */

.home-activities-filter-section {
  position: relative !important;
  isolation: isolate;
}

.home-activities-filter-header {
  position: relative !important;
  z-index: 100 !important;
  pointer-events: auto !important;
}

.home-activities-filter-header__inner {
  position: relative !important;
  z-index: 101 !important;
  pointer-events: auto !important;
}

.home-activities-tabs {
  position: relative !important;
  z-index: 102 !important;
  pointer-events: auto !important;
}

.home-activities-tab {
  position: relative !important;
  z-index: 103 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}

.home-activities-tab * {
  pointer-events: none !important;
}

.home-activities-tab::before,
.home-activities-tab::after {
  pointer-events: none !important;
}

.home-activities-tab.is-active {
  color: #ffffff !important;
  background: #0f9f8f !important;
  border-color: #0f9f8f !important;
  box-shadow: 0 12px 28px rgba(15, 159, 143, 0.2) !important;
}

.home-activities__inner,
.home-activities__viewport,
.home-activities__track {
  position: relative;
  z-index: 1;
}

.home-activities__slide.is-filtered-out,
.home-activities__slide[hidden] {
  display: none !important;
}

.home-activities-empty[hidden] {
  display: none !important;
}

.home-activities-empty {
  width: min(1200px, calc(100% - 40px));
  margin: 30px auto;
  padding: 28px;
  border: 1px solid #dbe4ec;
  border-radius: 16px;
  background: #f8fafc;
  color: #64748b;
  text-align: center;
  font-size: 16px;
}