/* ============================================================
   JURNALRISET.COM — Card Jurnal (Minimal & Terisolasi)
   Selector: body.pkp_op_index (HANYA ada di site homepage)
   Tidak mempengaruhi jurnal individual sama sekali
   ============================================================ */

/* Grid 2 kolom */
body.pkp_op_index .journals > ul {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Card */
body.pkp_op_index .journals > ul > li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  transition: box-shadow 0.2s, transform 0.2s;
}
body.pkp_op_index .journals > ul > li:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.13) !important;
  transform: translateY(-3px);
}

/* Thumbnail */
body.pkp_op_index .journals .thumb {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.5rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #f8f9fa !important;
}
body.pkp_op_index .journals .thumb img {
  max-height: 200px !important;
  width: auto !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Body (nama + tombol) */
body.pkp_op_index .journals .thumb + .body {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 1.25rem 1.25rem 1.5rem !important;
  flex: 1;
}

/* Sembunyikan deskripsi, tabel info, paragraf panjang */
body.pkp_op_index .journals .body > p,
body.pkp_op_index .journals .body .description,
body.pkp_op_index .journals .body table,
body.pkp_op_index .journals .body dl,
body.pkp_op_index .journals .body .pkp_helpers_align_left,
body.pkp_op_index .journals .body .pkp_helpers_align_right {
  display: none !important;
}

/* Nama jurnal */
body.pkp_op_index .journals h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 0 1rem !important;
  line-height: 1.4;
}

/* Tombol-tombol */
body.pkp_op_index .journals .links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  justify-content: center !important;
  margin-top: auto !important;
  padding: 0 !important;
  border: none !important;
  list-style: none !important;
}
body.pkp_op_index .journals .links li {
  display: inline-block !important;
  margin: 0 !important;
}
body.pkp_op_index .journals .links a {
  display: inline-block !important;
  padding: 0.45rem 1.1rem !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.2s ease;
}

/* Tombol View Journal (biru) */
body.pkp_op_index .journals .links li:first-child a {
  background: #1176a8 !important;
  color: #ffffff !important;
  border: 2px solid #1176a8 !important;
}
body.pkp_op_index .journals .links li:first-child a:hover {
  background: #0b4d8a !important;
  border-color: #0b4d8a !important;
  color: #ffffff !important;
}

/* Tombol Submit (hijau outline) */
body.pkp_op_index .journals .links li:nth-child(2) a {
  background: transparent !important;
  color: #0e8a6a !important;
  border: 2px solid #0e8a6a !important;
}
body.pkp_op_index .journals .links li:nth-child(2) a:hover {
  background: #0e8a6a !important;
  color: #ffffff !important;
}

/* Mobile: 1 kolom */
@media (max-width: 767px) {
  body.pkp_op_index .journals > ul {
    grid-template-columns: 1fr !important;
  }
}

/* ===================== HEADER ===================== */

.pkp_structure_head {
  background: linear-gradient(135deg, #0d1b2e 0%, #1565C0 60%, #0288D1 100%);
  box-shadow: 0 3px 15px rgba(0,0,0,0.3);
  position: relative;
  /* overflow: hidden dihapus agar menu mobile tidak tertutup */
}

.pkp_structure_head::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: rgba(255,213,79,0.05);
  pointer-events: none;
}

.pkp_structure_head::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #FFD54F 0%, #FFEE58 50%, #FFD54F 100%);
}

/* ===== PERBAIKAN HEADER IMAGE FULL WIDTH ===== */

/* Paksa wrapper header full width tanpa padding/margin */
.pkp_structure_head .pkp_navigation_primary_wrapper,
.pkp_structure_head > .pkp_navigation_primary_wrapper {
  padding: 0 !important;
  max-width: 100% !important;
}

/* Container utama header full width */
.pkp_site_name_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Anchor link di site name full width */
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.pkp_site_name > a {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  line-height: 0 !important; /* hilangkan gap bawah gambar */
}

/* Gambar header FULL WIDTH */
.pkp_site_name .is_img,
.pkp_site_name .is_img a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;       /* full width */
  max-width: 100% !important;
  max-height: none !important;  /* hilangkan batasan tinggi */
  height: auto !important;      /* proporsional */
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Pastikan row/container OJS tidak membatasi lebar */
.pkp_structure_head .pkp_site_name_wrapper .row,
.pkp_structure_head .container,
.pkp_structure_head .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ===== AKHIR PERBAIKAN ===== */