/* === Numbered AJAX Pagination for tagDiv Blocks (fixed) === */

/* 1) Sembunyikan panah default, TAPI jangan sembunyikan .td-num */
.td-ajax-numbered .td-next-prev-wrap a:not(.td-num),
.td-ajax-numbered .td-next-prev-wrap i {
  display: none !important;
  visibility: hidden !important;
}

/* 2) Kontainer & tombol angka (mobile default: tampil) */
.td-ajax-numbered .td-numbered {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin-top: 8px;
}
.td-ajax-numbered .td-numbered .td-num {
  display: inline-block !important;
  visibility: visible !important;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}
.td-ajax-numbered .td-numbered .td-num.is-current {
  font-weight: 700;
  border-color: #bbb;
}
.td-ajax-numbered .td-numbered .td-num.is-disabled {
  opacity: 0.55;
  pointer-events: none;
}

/* 3) Sembunyikan angka di DESKTOP (>=768px) */
@media (min-width: 768px) {
  .td-ajax-numbered .td-numbered {
    display: none !important;
    visibility: hidden !important;
  }
}

/* 4) GRID: 3 kolom desktop, 1 kolom mobile */
.td-ajax-numbered .td_block_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.td-ajax-numbered .td_block_inner .td_module_wrap {
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* Desktop (>=992px): 3 kolom */
@media (min-width: 992px) {
  .td-ajax-numbered .td_block_inner .td_module_wrap {
    flex: 0 0 32%;
  }
}


/* === SEMBUNYIKAN seluruh konten di DESKTOP === */
@media (min-width: 768px) {
  .td-ajax-numbered {
    display: none !important;
    visibility: hidden !important;
  }
}

/* === SEMBUNYIKAN ELEMEN DI DESKTOP SAJA === */
@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
    visibility: hidden !important;
  }
}

/* opsional: pastikan tetap tampil di mobile */
@media (max-width: 767.98px) {
  .hide-desktop {
    display: block !important;
    visibility: visible !important;
  }
}