/*
 * Blok Jurnal — gaya lima blok lajur samping. Memakai variabel tema stiaModern
 * (--stia-*) dengan nilai cadangan, sehingga tetap rapi bila tema diganti.
 */

/* Kirim Naskah (blok bawaan OJS): tombol selebar blok, paling menonjol di lajur samping. */
.pkp_block.block_make_submission { padding: 14px; }
.pkp_block.block_make_submission .content a.block_make_submission_link {
	display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; box-sizing: border-box;
	padding: 13px 16px; border: 0; border-radius: 14px; font-size: 15px; letter-spacing: .01em; text-decoration: none;
	color: var(--stia-biru-tua, #0a1a4f);
	background: linear-gradient(135deg, var(--stia-emas, #f5c542), #ffd96b);
	box-shadow: 0 10px 22px -12px rgba(245, 197, 66, .9);
	transition: transform .2s, box-shadow .2s;
}
.pkp_block.block_make_submission .content a.block_make_submission_link:after { content: "\2192"; font-weight: 800; }
.pkp_block.block_make_submission .content a.block_make_submission_link:hover,
.pkp_block.block_make_submission .content a.block_make_submission_link:focus-visible {
	transform: translateY(-1px); box-shadow: 0 14px 26px -12px rgba(245, 197, 66, 1); color: var(--stia-biru-tua, #0a1a4f);
}

/* Menu Jurnal */
.block_blokjurnal .bj-menu { list-style: none; margin: 0; padding: 0; }
.block_blokjurnal .bj-menu li { margin: 0; padding: 0; border: 0; }
.block_blokjurnal .bj-menu a {
	position: relative; display: block; padding: 8px 10px 8px 26px; margin: 0 -10px;
	border-radius: 10px; font-size: 14px; line-height: 1.35; text-decoration: none;
	color: var(--stia-teks, #1b2333);
	transition: background .2s, color .2s;
}
.block_blokjurnal .bj-menu a:before {
	content: ""; position: absolute; left: 10px; top: 50%; width: 6px; height: 6px; margin-top: -3px;
	border-top: 2px solid var(--stia-langit, #2f8fd8); border-right: 2px solid var(--stia-langit, #2f8fd8);
	transform: rotate(45deg);
}
.block_blokjurnal .bj-menu a:hover,
.block_blokjurnal .bj-menu a:focus-visible { background: var(--stia-latar, #f3f6fb); color: var(--stia-biru, #163a8a); }

/* Template Artikel */
.block_blokjurnal .bj-unduh {
	display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px;
	text-decoration: none; color: #fff;
	background: linear-gradient(135deg, var(--stia-biru-tua, #0a1a4f), var(--stia-biru, #163a8a) 70%, var(--stia-langit, #2f8fd8));
	box-shadow: 0 8px 20px -12px rgba(10, 26, 79, .55);
	transition: transform .2s, box-shadow .2s;
}
.block_blokjurnal .bj-unduh:hover,
.block_blokjurnal .bj-unduh:focus-visible { color: #fff; transform: translateY(-1px); box-shadow: 0 12px 24px -12px rgba(10, 26, 79, .6); }
.block_blokjurnal .bj-unduh-ikon {
	flex: none; display: grid; place-items: center; width: 34px; height: 40px; border-radius: 6px;
	background: #fff; color: #2b579a; font: 800 17px/1 "Plus Jakarta Sans", system-ui, sans-serif;
}
.block_blokjurnal .bj-unduh-teks { display: flex; flex-direction: column; line-height: 1.25; }
.block_blokjurnal .bj-unduh-teks strong { font-size: 14px; }
.block_blokjurnal .bj-unduh-teks small { margin-top: 2px; font-size: 12px; color: var(--stia-emas, #f5c542); }
.block_blokjurnal .bj-catatan { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--stia-redup, #5a6476); }

/* Identitas Jurnal */
.block_blokjurnal .bj-identitas { display: grid; grid-template-columns: auto 1fr; gap: 7px 12px; margin: 0; font-size: 13.5px; line-height: 1.35; }
.block_blokjurnal .bj-identitas dt { margin: 0; font-weight: 600; color: var(--stia-redup, #5a6476); }
.block_blokjurnal .bj-identitas dd { margin: 0; color: var(--stia-teks, #1b2333); overflow-wrap: anywhere; }
.block_blokjurnal .bj-identitas a { color: var(--stia-biru, #163a8a); }

/* Artikel Terpopuler */
.block_blokjurnal .bj-populer { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.block_blokjurnal .bj-populer li { display: flex; gap: 10px; margin: 0; padding: 9px 0; border: 0; border-top: 1px solid var(--stia-garis, #e1e7f1); }
.block_blokjurnal .bj-populer li:first-child { border-top: 0; padding-top: 2px; }
.block_blokjurnal .bj-urut {
	flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
	font-size: 12px; font-weight: 700; color: var(--stia-biru-tua, #0a1a4f); background: var(--stia-emas-muda, #fff4d1);
}
.block_blokjurnal .bj-populer li:first-child .bj-urut { background: var(--stia-emas, #f5c542); }
.block_blokjurnal .bj-isi { display: flex; flex-direction: column; min-width: 0; }
.block_blokjurnal .bj-isi a {
	font-size: 13.5px; line-height: 1.4; font-weight: 600; text-decoration: none; color: var(--stia-teks, #1b2333);
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.block_blokjurnal .bj-isi a:hover,
.block_blokjurnal .bj-isi a:focus-visible { color: var(--stia-biru, #163a8a); text-decoration: underline; }
.block_blokjurnal .bj-isi small { margin-top: 3px; font-size: 11.5px; color: var(--stia-redup, #5a6476); font-variant-numeric: tabular-nums; }

/* Kata Kunci */
.block_blokjurnal .bj-kata { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.block_blokjurnal .bj-kata li { margin: 0; padding: 0; border: 0; }
.block_blokjurnal .bj-kata a {
	display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; line-height: 1.4;
	text-decoration: none; color: var(--stia-biru, #163a8a);
	background: var(--stia-latar, #f3f6fb); border: 1px solid var(--stia-garis, #e1e7f1);
	transition: background .2s, color .2s, border-color .2s;
}
.block_blokjurnal .bj-kata .bj-kata-2 { font-size: 13px; font-weight: 600; }
.block_blokjurnal .bj-kata .bj-kata-3 { font-size: 14px; font-weight: 700; color: var(--stia-biru-tua, #0a1a4f); background: var(--stia-emas-muda, #fff4d1); border-color: rgba(245, 197, 66, .5); }
.block_blokjurnal .bj-kata a:hover,
.block_blokjurnal .bj-kata a:focus-visible { color: #fff; background: var(--stia-biru, #163a8a); border-color: var(--stia-biru, #163a8a); }

@media (prefers-reduced-motion: reduce) {
	.pkp_block.block_make_submission .content a.block_make_submission_link { transition: none; }
	.block_blokjurnal .bj-unduh, .block_blokjurnal .bj-menu a, .block_blokjurnal .bj-kata a { transition: none; }
	.block_blokjurnal .bj-unduh:hover { transform: none; }
}