/* SEAQIS News Archive v1.0 — tambahan kecil; CSS lama di halaman tidak diubah. */

/* Gambar gagal/tidak ada -> blok hijau brand */
.sa-noimg { background: linear-gradient(135deg, #119849 0%, #0d6e36 100%); }
[data-seaqis-archive] .news-card-image img,
.featured-story-image img { background: #eef5f0; }

/* Judul & ringkasan panjang dipotong rapi */
[data-seaqis-archive] .news-card-title {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-seaqis-archive] .news-card-excerpt {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* Filter tahun: <select> dengan gaya tombol bawaan */
select.sa-year {
  appearance: none; -webkit-appearance: none;
  padding-right: 34px; cursor: pointer; font: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}

/* Hasil pencarian kosong */
.sa-empty {
  grid-column: 1 / -1;
  padding: 48px 24px; text-align: center;
  border: 1px dashed #dfe7e2; border-radius: 16px; background: #fbfdfb;
}
.sa-empty-title { font-size: 18px; font-weight: 700; color: #241615; margin-bottom: 6px; }
.sa-empty-text  { font-size: 14px; color: #777; margin-bottom: 16px; }
.sa-empty-reset {
  font: inherit; font-size: 13px; font-weight: 700; color: #fff; background: #119849;
  border: 0; border-radius: 999px; padding: 10px 20px; cursor: pointer;
}
.sa-empty-reset:hover { background: #0d6e36; }

/* Tautan ke arsip lama */
.sa-archive-note {
  max-width: 1280px; margin: 28px auto 0; padding: 0 24px;
  text-align: center; font-size: 14px; color: #666;
}
.sa-archive-note a { color: #119849; font-weight: 700; text-decoration: none; }
.sa-archive-note a:hover { text-decoration: underline; }

.pagination-btn:disabled { cursor: not-allowed; }

/* Bilah filter & urutan hanya tampil setelah data siap (tanpa data, tombolnya tidak berfungsi) */
.filter-bar:not(.sa-ready) { display: none; }
[data-seaqis-archive]:not([data-source]) .news-meta-sort { display: none; }

/* Tombol kategori: satu baris, bisa digeser ke samping bila tidak muat */
.filter-bar.sa-ready .filter-chips {
  flex: 0 1 auto; min-width: 0; max-width: 100%;
  flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin;
  padding-bottom: 2px;
}
@media (min-width: 901px) {
  .filter-bar.sa-ready .filter-bar-inner { flex-wrap: nowrap; }
  .filter-bar.sa-ready .filter-search { flex: 1 1 240px; }
}
@media (max-width: 900px) {
  .filter-bar.sa-ready .filter-search { flex: 0 0 auto; }
}
/* Di ponsel bilah filter tidak menempel, agar tidak menutupi separuh layar */
@media (max-width: 640px) {
  .filter-bar.sa-ready { position: static; }
}