/* ============================================================
   1. GLOBAL STYLES (Scope: Seluruh Site)
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

body {
  height: 100%;
  background: transparent !important;
}

body,
.pkp_structure_main,
.pkp_structure_page,
.pkp_navigation_primary,
.pkp_navigation_user,
.pkp_site_name,
.pkp_head_wrapper,
.pkp_page_content {
  font-family: "Poppins", sans-serif !important;
}

.pkp_site_name .is_img img {
  max-height: 200px !important;
}

.pkp_brand_footer {
  display: none !important;
}

/* ============================================================
   2. HOMEPAGE ONLY (publications.usk.ac.id/)
   ============================================================ */

body.pkp_page_index .pkp_structure_main {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 2rem 1rem !important;
  float: none !important;
}

/* ── Grid: 2 kolom, semua baris sama tinggi ── */
body.pkp_page_index .journals > ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-auto-rows: 1fr !important;
  gap: 24px !important;
  column-gap: 40px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
}

/* ── Card ── */
body.pkp_page_index .journals > ul > li {
  display: flex !important;
  flex-direction: row !important;
  background: #ffffff !important;
  border: 1px solid #e0e6ed !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  height: auto !important;        /* ← hapus fixed height */
  min-height: 0 !important;       /* ← biarkan konten yang tentukan */
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.pkp_page_index .journals > ul > li:hover {
  box-shadow: 0 10px 28px rgba(15, 46, 68, 0.15) !important;
  transform: translateY(-2px) !important;   /* ← efek angkat elegan */
}

/* ── Thumbnail ── */
body.pkp_page_index .journals > ul > li > .thumb {
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  background: #f4f7fa !important;
  border-right: 1px solid #edf2f7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 10px !important;
  overflow: hidden !important;
  align-self: stretch !important;  /* ← ikuti tinggi card, bukan konten */
}

body.pkp_page_index .journals > ul > li > .thumb img {
  width: 100% !important;  
  height: auto !important;
  max-height: 130px !important;    /* ← lebih compact */
  object-fit: contain !important;
  display: block !important;
}

/* ── Body (konten kanan) ── */
body.pkp_page_index .journals > ul > li > .body {
  flex: 1 !important;
  padding: 14px 16px 0 16px !important;  /* ← padding bawah 0, biar links yang handle */
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* ── Judul: maks 2 baris, tinggi tetap ── */
body.pkp_page_index .journals > ul > li > .body h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px 0 !important;
  height: 2.8em !important; /* 2 baris */
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  flex-shrink: 0 !important;
}

body.pkp_page_index .journals > ul > li > .body h3 a {
  color: #0f2e44 !important;
  text-decoration: none !important;
}

body.pkp_page_index .journals > ul > li > .body h3 a:hover {
  color: #e8811a !important;
}

/* ── Deskripsi ── */
body.pkp_page_index .journals > ul > li > .body > .description {
  position: relative !important;
  max-height: 56px !important;
  min-height: 56px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  margin-bottom: 0 !important;
}

/* Gradient fade di bawah deskripsi */
body.pkp_page_index .journals > ul > li > .body > .description::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 32px !important;
  background: linear-gradient(to bottom, transparent, #ffffff) !important;
  pointer-events: none !important;
}

/* Reset semua elemen di dalam deskripsi jadi teks biasa */
body.pkp_page_index .description,
body.pkp_page_index .description p,
body.pkp_page_index .description div,
body.pkp_page_index .description span,
body.pkp_page_index .description strong,
body.pkp_page_index .description em,
body.pkp_page_index .description a {
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #5a6a7a !important;
  font-weight: 400 !important;
  font-style: normal !important;
  display: inline !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* Sembunyikan elemen visual yang merusak layout */
body.pkp_page_index .description table,
body.pkp_page_index .description thead,
body.pkp_page_index .description tbody,
body.pkp_page_index .description tfoot,
body.pkp_page_index .description tr,
body.pkp_page_index .description th,
body.pkp_page_index .description td,
body.pkp_page_index .description colgroup,
body.pkp_page_index .description col,
body.pkp_page_index .description img,
body.pkp_page_index .description figure,
body.pkp_page_index .description h1,
body.pkp_page_index .description h2,
body.pkp_page_index .description h3,
body.pkp_page_index .description h4,
body.pkp_page_index .description h5,
body.pkp_page_index .description h6,
body.pkp_page_index .description ul,
body.pkp_page_index .description ol,
body.pkp_page_index .description li,
body.pkp_page_index .description hr,
body.pkp_page_index .description br {
  display: none !important;
}

/* ── Tombol: mendorong ke bawah card ── */
body.pkp_page_index .journals > ul > li > .body ul.links {
  display: flex !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding: 10px 0 14px 0 !important;  /* ← atas & bawah seimbang */
  border-top: 1px solid #f1f5f9 !important;
  list-style: none !important;
  flex-shrink: 0 !important;
  align-items: center !important;
}

body.pkp_page_index .journals > ul > li > .body ul.links li {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
}

body.pkp_page_index .journals > ul > li > .body ul.links a {
  display: inline-block !important;
  font-size: 10px !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* Tombol View Journal */
body.pkp_page_index .journals li.view a {
  background: #0f2e44 !important;
  color: #fff !important;
  border: none !important;
}

body.pkp_page_index .journals li.view a:hover {
  background: #1a4a6b !important;
}

/* Tombol Current Issue */
body.pkp_page_index .journals li.current a {
  border: 1.5px solid #e8811a !important;
  color: #e8811a !important;
  background: transparent !important;
}

body.pkp_page_index .journals li.current a:hover {
  background: #e8811a !important;
  color: #fff !important;
}

/* ── Heading "Journals" ── */
body.pkp_page_index .journals > h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f2e44 !important;
  margin-bottom: 20px !important;
  padding-bottom: 10px !important;
  border-bottom: 3px solid #e8811a !important;
}

/* ============================================================
   3. SIDEBAR PROTECTION
   ============================================================ */
body.pkp_page_index .pkp_structure_content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  body.pkp_page_index .journals > ul {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }

 
}