/*
 * e-Jurnal FEB UNISMU — lapisan tampilan bersama
 *
 * Dipasang sebagai "site style sheet" OJS, jadi dimuat di portal dan ketiga jurnal,
 * sesudah stylesheet tema AshVisualTheme. Warna tiap jurnal diatur oleh stylesheet
 * jurnal masing-masing lewat variabel --fej-* (lihat gaya/warna-*.css); nilai di
 * bawah hanya cadangan untuk halaman portal.
 *
 * Kelas konten buatan sendiri berawalan .fej- supaya tidak bergantung pada Bootstrap,
 * yang hanya dimuat bila lisensi tema aktif.
 */

:root {
	--fej-utama: var(--fej-j-utama, #8e1b1b);
	--fej-gelap: var(--fej-j-gelap, #5c0f12);
	--fej-aksen: var(--fej-j-aksen, #f2b035);
	--fej-lembut: var(--fej-j-lembut, #fbf1f1);
	--fej-teks: #1f2a30;
	--fej-redup: #5b6770;
	--fej-garis: #e3e8ec;
	--fej-latar: #f3f5f7;
	--fej-sudut: 14px;
	--fej-bayang: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .06);
}

/* ---------- Dasar ---------- */

body {
	background: var(--fej-latar);
	color: var(--fej-teks);
}

.pkp_structure_page {
	background: var(--fej-latar);
}

a {
	color: var(--fej-utama);
}

a:hover,
a:focus {
	color: var(--fej-gelap);
}

/* ---------- Kepala ---------- */

/*
 * Lapisan kepala (desktop): gradasi warna jurnal + pola titik + cahaya lembut,
 * label kecil di atas judul (--fej-j-label), bilah menu "kaca", dan sampul jurnal
 * yang menyembul dari tepi bawah kepala (--fej-j-sampul). Portal memakai tiga sampul.
 *
 * Kepala TIDAK boleh overflow:hidden — dropdown menu utama keluar melewati tepi
 * bawahnya. Karena itu sampul digambar sebagai latar ::before (terpotong oleh kotaknya
 * sendiri) memakai gambar yang sudah dimiringkan (miring-N.webp), bukan transform.
 * --fej-kanan = jarak tepi kanan kontainer dari tepi kanan layar.
 */
:root {
	--fej-kanan: calc(50vw - 468px);
	--fej-label-kepala: var(--fej-j-label, "Portal Jurnal Ilmiah · Fakultas Ekonomi dan Bisnis");
	--fej-sampul-kepala: var(--fej-j-sampul,
		url("/public/site/images/fej/miring-3.webp"),
		url("/public/site/images/fej/miring-2.webp"),
		url("/public/site/images/fej/miring-1.webp"));
	--fej-sampul-posisi: var(--fej-j-sampul-posisi,
		right var(--fej-kanan) top 50px,
		right calc(var(--fej-kanan) + 92px) top 74px,
		right calc(var(--fej-kanan) + 184px) top 98px);
	--fej-sampul-ukuran: var(--fej-j-sampul-ukuran, 128px auto, 128px auto, 128px auto);
	--fej-sampul-lebar: var(--fej-j-sampul-lebar, 300px);
}

@media (min-width: 1200px) {
	:root {
		--fej-kanan: calc(50vw - 572px);
	}
}

.pkp_structure_head {
	background:
		radial-gradient(circle at 12% 120%, rgba(255, 255, 255, .16) 0, rgba(255, 255, 255, 0) 38%),
		radial-gradient(circle at 88% -30%, rgba(255, 255, 255, .20) 0, rgba(255, 255, 255, 0) 42%),
		radial-gradient(rgba(255, 255, 255, .10) 1px, transparent 1.4px) 0 0 / 18px 18px,
		linear-gradient(115deg, var(--fej-gelap) 0%, var(--fej-utama) 58%, var(--fej-utama) 100%);
	border-bottom: 0;
	position: relative;
	z-index: 20; /* dropdown menu tampil di atas kartu isi */
}

.pkp_structure_head::after {
	/* garis aksen di bawah kepala */
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--fej-aksen) 0%, var(--fej-aksen) 70%, rgba(255, 255, 255, .6) 100%);
	z-index: 3;
}

.pkp_head_wrapper {
	position: relative;
	z-index: 4; /* di atas garis aksen, supaya dropdown tidak tertimpa */
}

.pkp_site_name .is_text {
	font-weight: 800;
	letter-spacing: -.015em;
	line-height: 1.2;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}

.pkp_site_name .is_img img {
	max-height: 72px;
	width: auto;
	background: #fff;
	padding: 8px 14px;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_search_wrapper a {
	border-radius: 999px;
	transition: background-color .15s ease, color .15s ease;
}

@media (min-width: 992px) {
	/* tema melebarkan kepala penuh bila judul berupa teks; samakan dengan versi berlogo */
	.pkp_head_wrapper {
		width: auto;
		max-width: 952px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		padding-top: 3.1rem;
		padding-bottom: 1.4rem;
		min-height: 200px;
	}

	/* sampul yang menyembul dari tepi bawah; top tetap supaya tak menabrak Register/Login */
	.pkp_structure_head::before {
		content: "";
		position: absolute;
		inset: 0 0 4px 0;
		background-image: var(--fej-sampul-kepala);
		background-repeat: no-repeat;
		background-position: var(--fej-sampul-posisi);
		background-size: var(--fej-sampul-ukuran);
		filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .28));
		clip-path: inset(0); /* bayangan tidak bocor ke bawah garis kepala */
		pointer-events: none;
		z-index: 1;
	}

	.pkp_site_name_wrapper {
		padding-right: calc(var(--fej-sampul-lebar) + 1rem);
	}

	.pkp_site_name::before {
		/* label kecil di atas judul */
		content: var(--fej-label-kepala);
		display: inline-block;
		margin-bottom: .7rem;
		padding: .28rem .8rem;
		border-radius: 999px;
		background: rgba(255, 255, 255, .14);
		border: 1px solid rgba(255, 255, 255, .22);
		color: #fff;
		font-size: .72rem;
		font-weight: 700;
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.pkp_site_name .is_text {
		display: block;
		font-size: 2rem;
		max-width: 46rem;
	}

	.pkp_site_name .is_img {
		display: block;
	}

	/* bilah menu "kaca" */
	.pkp_navigation_primary_row {
		margin-top: 1.25rem;
		margin-right: calc(var(--fej-sampul-lebar) + 1rem);
		padding: .35rem .45rem;
		background: rgba(255, 255, 255, .10);
		border: 1px solid rgba(255, 255, 255, .20);
		border-radius: 999px;
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
	}

	.pkp_navigation_primary_wrapper {
		display: flex;
		align-items: center;
		padding: 0;
		width: 100%;
		max-width: none;
	}

	.pkp_navigation_primary {
		flex: 1 1 auto;
	}

	.pkp_navigation_primary > li > a {
		padding: .45rem 1rem;
		margin: 0 .1rem 0 0;
		border-bottom: 0;
		font-weight: 600;
	}

	.pkp_navigation_primary > li:first-child > a {
		margin-left: 0;
	}

	.pkp_navigation_primary > li > a:hover,
	.pkp_navigation_primary > li > a:focus {
		background: #fff;
		border-bottom: 0;
		color: var(--fej-gelap);
	}

	.pkp_navigation_primary > li > a:hover::after,
	.pkp_navigation_primary > li > a:focus::after {
		border-top-color: var(--fej-gelap);
	}

	.pkp_navigation_search_wrapper {
		float: none;
		margin: 0 0 0 auto;
		padding: 0;
	}

	.pkp_navigation_search_wrapper a {
		display: inline-block;
		padding: .45rem 1rem;
		margin: 0;
		border: 0;
		background: rgba(0, 0, 0, .16);
		font-weight: 600;
	}

	.pkp_navigation_search_wrapper a:hover,
	.pkp_navigation_search_wrapper a:focus {
		background: #fff;
		color: var(--fej-gelap);
		border: 0;
	}

	/*
	 * Dropdown (menu utama & menu pengguna). Tema/popper menaruh posisi lewat gaya
	 * inline translate3d(…, 40px) yang tidak cocok dengan tinggi menu baru → dikunci
	 * tepat di bawah induknya. Jembatan ::before menutup celah supaya hover tidak putus.
	 */
	.pkp_nav_list > li > ul {
		top: 100% !important;
		bottom: auto !important;
		left: 0 !important;
		transform: none !important;
		margin-top: .5rem !important;
		min-width: 15rem;
		width: max-content;
		max-width: 22rem;
		padding: .45rem;
		background: #fff;
		border: 1px solid var(--fej-garis);
		border-radius: 14px;
		box-shadow: 0 18px 40px rgba(16, 24, 40, .18), 0 2px 6px rgba(16, 24, 40, .06);
		text-align: left;
		z-index: 1000;
	}

	.pkp_nav_list > li > ul::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: calc(-.5rem - 2px);
		height: calc(.5rem + 2px);
	}

	.pkp_nav_list > li:hover > ul,
	.pkp_nav_list > li:focus-within > ul {
		display: block;
		left: 0;
	}

	.pkp_navigation_user > li > ul {
		left: auto !important;
		right: 0 !important;
		min-width: 12rem;
	}

	.pkp_nav_list ul li {
		display: block;
	}

	.pkp_nav_list ul a,
	.pkp_nav_list ul li:first-child a,
	.pkp_nav_list ul li:last-child a {
		display: block;
		margin: 0;
		padding: .6rem .85rem;
		border: 0;
		border-radius: 9px;
		color: var(--fej-teks);
		font-size: .9rem;
		font-weight: 600;
		line-height: 1.35;
		white-space: normal;
	}

	.pkp_nav_list ul a:hover,
	.pkp_nav_list ul a:focus {
		background: var(--fej-lembut);
		color: var(--fej-gelap);
		outline: 0;
	}

	.pkp_nav_list ul a:focus-visible {
		box-shadow: inset 0 0 0 2px var(--fej-utama);
	}

	/* panah kecil pada menu yang punya submenu */
	.pkp_nav_list [aria-haspopup]::after {
		margin-left: .4em;
		transition: transform .15s ease;
	}

	.pkp_nav_list > li:hover > [aria-haspopup]::after,
	.pkp_nav_list > li > [aria-expanded="true"]::after {
		transform: rotate(180deg);
	}

	/* Daftar / Masuk di pojok kanan atas */
	.pkp_navigation_user_wrapper {
		top: .75rem;
	}

	.pkp_navigation_user > li > a {
		padding: .3rem .9rem;
		font-size: .82rem;
		font-weight: 600;
		border: 1px solid rgba(255, 255, 255, .35);
		margin-left: .4rem;
	}

	.pkp_navigation_user > li:last-child > a {
		background: #fff;
		border-color: #fff;
		color: var(--fej-gelap);
	}

	.pkp_navigation_user > li > a:hover,
	.pkp_navigation_user > li > a:focus {
		background: rgba(255, 255, 255, .18);
		color: #fff;
	}

	.pkp_navigation_user > li:last-child > a:hover,
	.pkp_navigation_user > li:last-child > a:focus {
		background: var(--fej-aksen);
		border-color: var(--fej-aksen);
		color: #1f2a30;
	}
}

.pkp_site_nav_menu {
	background: transparent;
}

@media (max-width: 991px) {
	/* menu geser di ponsel tetap berlatar warna jurnal */
	.pkp_site_nav_menu {
		background: var(--fej-gelap);
		padding: .5rem 0 1rem;
	}

	.pkp_site_nav_menu .pkp_nav_list > li {
		display: block;
	}

	.pkp_site_nav_menu .pkp_nav_list > li > a {
		display: block;
		margin: 0;
		padding: .7rem 1rem;
		border: 0;
		border-radius: 0;
		color: #fff;
		font-weight: 600;
	}

	.pkp_site_nav_menu .pkp_nav_list > li + li > a {
		border-top: 1px solid rgba(255, 255, 255, .10);
	}

	/* submenu: selalu terbuka dan berjenjang (aturan dasar tema menyembunyikannya di -9999px) */
	.pkp_site_nav_menu .pkp_nav_list ul {
		position: static !important;
		left: auto !important;
		transform: none !important;
		display: block;
		width: auto;
		margin: 0 0 .4rem 1rem;
		padding: 0 0 0 .75rem;
		background: transparent;
		border-left: 2px solid rgba(255, 255, 255, .22);
		border-radius: 0;
		box-shadow: none;
	}

	.pkp_site_nav_menu .pkp_nav_list ul a {
		display: block;
		padding: .45rem .5rem;
		border: 0;
		color: rgba(255, 255, 255, .85);
		font-size: .9rem;
	}

	.pkp_site_nav_menu .pkp_nav_list ul a:hover,
	.pkp_site_nav_menu .pkp_nav_list ul a:focus {
		background: rgba(255, 255, 255, .10);
		color: #fff;
		border-radius: 6px;
	}

	.pkp_site_nav_menu .pkp_nav_list [aria-haspopup]::after {
		display: none;
	}

	.pkp_navigation_search_wrapper a {
		display: block;
		padding: .7rem 1rem;
		color: #fff;
		border: 0;
		border-top: 1px solid rgba(255, 255, 255, .10);
		border-radius: 0;
	}

	/* menu pengguna (Register/Login atau akun) di bawah menu utama */
	.pkp_navigation_user_wrapper {
		position: static;
		transform: none;
		padding: 0;
		text-align: left;
		border-top: 1px solid rgba(255, 255, 255, .10);
	}

	.pkp_navigation_user > li > a {
		display: block;
		padding: .7rem 1rem;
		margin: 0;
		color: #fff;
	}
}

@media (min-width: 1200px) {
	.pkp_head_wrapper {
		max-width: 1160px;
	}
}

/* portal tidak punya menu utama: jangan tampilkan bilah kosong */
.pkp_navigation_primary_row:not(:has(li)) {
	display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.pkp_site_name .is_text {
		font-size: 1.6rem;
	}
}

@media (max-width: 991px) {
	/* judul jurnal panjang: dua baris, bukan terpotong */
	.pkp_site_name_wrapper {
		height: auto;
		min-height: 3.4rem;
		padding-top: .6rem;
		padding-bottom: .6rem;
	}

	.pkp_site_name {
		position: static;
		padding-left: 3rem;
		padding-right: .5rem;
	}

	.pkp_site_name .is_text {
		white-space: normal;
		font-size: 1rem;
		overflow: visible;
		text-overflow: clip;
		display: block;
	}

	.pkp_site_name .is_img img {
		max-height: 40px;
		padding: 3px 8px;
		border-radius: 8px;
		box-shadow: none;
	}

	.pkp_site_nav_toggle {
		top: 50%;
		transform: translateY(-50%);
	}
}

/* ---------- Kerangka isi ---------- */

.pkp_structure_content {
	background: #fff;
	border-radius: var(--fej-sudut);
	box-shadow: var(--fej-bayang);
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding-top: 0;
}

.pkp_structure_content {
	/* main dan sidebar di tema bawaan memakai float */
	display: flow-root;
}

/* portal & halaman tanpa bilah samping: pakai lebar penuh kartu */
.pkp_structure_content:not(.has_sidebar) .pkp_structure_main {
	float: none;
	width: auto;
	max-width: none;
}

@media (min-width: 992px) {
	.pkp_structure_content:not(.has_sidebar) .pkp_structure_main {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

@media (min-width: 992px) {
	.pkp_structure_main::before,
	.pkp_structure_main::after {
		display: none;
	}

	.pkp_structure_sidebar {
		border-left: 1px solid var(--fej-garis);
		padding-top: 1.5rem;
	}
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
	color: var(--fej-teks);
}

.page h1,
.page > h2 {
	position: relative;
	padding-bottom: .6rem;
}

.page h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 56px;
	height: 3px;
	border-radius: 3px;
	background: var(--fej-aksen);
}

/* Tombol bawaan OJS di halaman depan (baca selengkapnya, dsb.) */
.cmp_button,
.read_more,
.cmp_form .buttons button,
.page_submissions .cmp_notification a {
	border-radius: 999px;
}

/* ---------- Beranda jurnal ---------- */

.page_index_journal .homepage_about {
	padding-top: 1.75rem;
}

/* judul "About the Journal" diganti kartu pembuka */
.page_index_journal .homepage_about > h2 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.fej-hero {
	display: flex;
	gap: 1.75rem;
	align-items: flex-start;
	padding: 1.5rem;
	border-radius: var(--fej-sudut);
	background:
		radial-gradient(circle at 100% 0%, var(--fej-lembut) 0%, rgba(255, 255, 255, 0) 55%),
		linear-gradient(180deg, #fff 0%, #fafbfc 100%);
	border: 1px solid var(--fej-garis);
}

.fej-hero-sampul {
	flex: 0 0 168px;
	display: block;
}

.fej-hero-sampul img {
	display: block;
	width: 168px;
	height: auto;
	/* sampul berupa mockup 3D yang sudah berbayang */
	transition: transform .2s ease;
}

.fej-hero-sampul:hover img {
	transform: translateY(-3px);
}

.fej-hero-isi {
	flex: 1 1 auto;
	min-width: 0;
}

.fej-label {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--fej-utama);
	background: var(--fej-lembut);
	padding: .25rem .7rem;
	border-radius: 999px;
	margin: 0 0 .75rem;
}

.fej-hero h2.fej-judul {
	font-size: 1.45rem;
	line-height: 1.3;
	margin: 0 0 .6rem;
	color: var(--fej-teks);
}

.fej-hero p {
	margin: 0 0 .9rem;
	line-height: 1.7;
	color: #33414a;
}

.fej-cip {
	list-style: none;
	margin: 0 0 1.1rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
}

.fej-cip li {
	font-size: .8rem;
	font-weight: 600;
	color: var(--fej-gelap);
	background: #fff;
	border: 1px solid var(--fej-garis);
	padding: .3rem .75rem;
	border-radius: 999px;
}

.fej-cip li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--fej-aksen);
	margin-right: .45rem;
	vertical-align: 1px;
}

.fej-aksi {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin: 0;
}

a.fej-tombol {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .6rem 1.15rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: .9rem;
	text-decoration: none;
	border: 1.5px solid var(--fej-utama);
	color: var(--fej-utama);
	background: #fff;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

a.fej-tombol:hover,
a.fej-tombol:focus {
	background: var(--fej-lembut);
	color: var(--fej-gelap);
}

a.fej-tombol.fej-utama {
	background: var(--fej-utama);
	color: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}

a.fej-tombol.fej-utama:hover,
a.fej-tombol.fej-utama:focus {
	background: var(--fej-gelap);
	color: #fff;
}

/* Ringkasan jurnal (fakta) */
.fej-fakta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: .75rem;
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
}

.fej-fakta li {
	background: #fff;
	border: 1px solid var(--fej-garis);
	border-top: 3px solid var(--fej-utama);
	border-radius: 10px;
	padding: .8rem .95rem;
}

.fej-fakta span {
	display: block;
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--fej-redup);
	margin-bottom: .25rem;
}

.fej-fakta strong {
	display: block;
	font-size: .92rem;
	line-height: 1.4;
	color: var(--fej-teks);
}

/* Ruang lingkup */
.fej-lingkup {
	margin-top: 1.5rem;
}

.fej-lingkup h3 {
	font-size: 1.05rem;
	margin: 0 0 .6rem;
}

.fej-lingkup ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}

.fej-lingkup li {
	font-size: .85rem;
	background: var(--fej-latar);
	border-radius: 6px;
	padding: .3rem .65rem;
	color: #33414a;
}

@media (max-width: 767px) {
	.fej-hero {
		flex-direction: column;
		padding: 1.1rem;
		gap: 1.1rem;
	}

	.fej-hero-sampul {
		flex-basis: auto;
		align-self: center;
	}

	.fej-hero-sampul img {
		width: 150px;
	}

	.fej-hero h2.fej-judul {
		font-size: 1.2rem;
	}

	.fej-aksi a.fej-tombol {
		flex: 1 1 100%;
		justify-content: center;
	}
}

/* ---------- Indeksasi (konten tambahan beranda) ---------- */

.additional_content {
	margin-top: 2rem;
}

.fej-indeks {
	border-top: 1px solid var(--fej-garis);
	padding-top: 1.5rem;
}

.fej-indeks h3 {
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--fej-redup);
	text-align: center;
	margin: 0 0 1rem;
}

.fej-indeks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .75rem;
}

.fej-indeks li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	background: #fff;
	border: 1px solid var(--fej-garis);
	border-radius: 10px;
	padding: .5rem .75rem;
}

.fej-indeks img {
	max-width: 100%;
	max-height: 44px;
	width: auto;
	height: auto;
	filter: grayscale(1);
	opacity: .75;
	transition: filter .2s ease, opacity .2s ease;
}

.fej-indeks li:hover img {
	filter: none;
	opacity: 1;
}

@media (max-width: 767px) {
	.fej-indeks ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ---------- Bilah samping ---------- */

.pkp_block.block_make_submission {
	background: #fff;
	border: 1px solid var(--fej-garis);
	border-radius: var(--fej-sudut);
	overflow: hidden;
	padding: 0 !important;
}

.pkp_block.block_make_submission .content {
	padding: 0;
	margin: 0;
}

.pkp_block.block_make_submission .content + .content {
	border-top: 1px solid var(--fej-garis);
}

a.block_make_submission_link {
	display: block;
	position: relative;
	margin: 0 !important;
	padding: .72rem 2rem .72rem 1rem;
	border: 0;
	border-left: 3px solid transparent;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: var(--fej-teks);
	font-weight: 600;
	font-size: .88rem;
	line-height: 1.35;
	text-align: left;
	text-decoration: none;
	text-shadow: none;
}

a.block_make_submission_link::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #a9b3ba;
}

a.block_make_submission_link:hover,
a.block_make_submission_link:focus {
	background: var(--fej-lembut);
	border-left-color: var(--fej-utama);
	color: var(--fej-gelap);
	box-shadow: none;
}

.pkp_structure_sidebar .pkp_block.mt-4 {
	background: #fff;
	border: 1px solid var(--fej-garis);
	border-radius: var(--fej-sudut);
	padding: 1rem !important;
}

.pkp_structure_sidebar .pkp_block.mt-4 h6 {
	font-size: .8rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--fej-redup);
	margin: 0 0 .5rem;
}

.pkp_structure_sidebar .pkp_block.mt-4 h6 span {
	font-family: inherit !important;
}

/* ---------- Kaki ---------- */

.pkp_structure_footer_wrapper {
	background: #14191d;
	color: #c9d1d7;
	border-top: 4px solid var(--fej-aksen);
}

.pkp_structure_footer {
	padding-top: 0;
}

.pkp_footer_content {
	padding: 2.5rem 0 1rem;
	color: #c9d1d7;
}

.pkp_footer_content a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}

.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
	color: var(--fej-aksen);
	border-bottom-color: var(--fej-aksen);
}

.pkp_brand_footer {
	padding: 1rem 0 2rem;
	opacity: .55;
}

.pkp_brand_footer img {
	filter: brightness(0) invert(1);
	max-width: 120px;
}

.fej-kaki {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 2rem;
}

.fej-kaki-merek {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

.fej-kaki-merek img {
	flex: 0 0 auto;
	height: 64px;
	width: auto;
	max-width: 150px;
	object-fit: contain;
	background: #fff;
	border-radius: 12px;
	padding: 6px;
}

.fej-kaki h3 {
	color: #fff;
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin: 0 0 .8rem;
}

.fej-kaki h3.fej-kaki-nama {
	text-transform: none;
	letter-spacing: 0;
	font-size: 1rem;
	line-height: 1.35;
	margin-bottom: .4rem;
}

.fej-kaki p {
	margin: 0 0 .5rem;
	font-size: .88rem;
	line-height: 1.6;
}

.fej-kaki ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fej-kaki li {
	font-size: .88rem;
	margin: 0 0 .55rem;
	line-height: 1.5;
	word-break: break-word;
}

.fej-kaki li .fa {
	width: 1.2em;
	color: var(--fej-aksen);
}

.fej-kaki-bawah {
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, .12);
	font-size: .8rem;
	color: #8d99a2;
}

.fej-kaki-bawah a {
	color: #c9d1d7;
}

@media (max-width: 991px) {
	.pkp_footer_content,
	.pkp_brand_footer {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 767px) {
	.fej-kaki {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

/* ---------- Portal (daftar jurnal) ---------- */

.page_index_site .about_site {
	margin: 1.5rem 0 0;
}

.fej-portal {
	border-radius: var(--fej-sudut);
	padding: 2rem 2rem 1.75rem;
	color: #fff;
	background:
		radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 45%),
		linear-gradient(120deg, var(--fej-gelap) 0%, var(--fej-utama) 100%);
}

.fej-portal .fej-label {
	background: rgba(255, 255, 255, .16);
	color: #fff;
}

.fej-portal h2 {
	color: #fff !important;
	font-size: 1.7rem;
	line-height: 1.25;
	margin: 0 0 .6rem;
}

.fej-portal p {
	margin: 0;
	max-width: 46rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, .9);
}

.page_index_site .journals > h2 {
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--fej-redup);
	margin: 2rem 0 1rem;
	border: 0;
}

.page_index_site .journals > ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	border: 0;
}

.page_index_site .journals > ul > li {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border: 1px solid var(--fej-garis);
	border-radius: var(--fej-sudut);
	overflow: hidden;
	background: #fff;
	transition: box-shadow .2s ease, transform .2s ease;
}

.page_index_site .journals > ul > li:hover {
	box-shadow: var(--fej-bayang);
	transform: translateY(-2px);
}

.page_index_site .journals .thumb {
	float: none;
	width: auto;
	max-width: none;
	padding: 1.25rem 1.25rem 0;
	margin: 0;
	background: linear-gradient(180deg, var(--fej-latar) 0%, #fff 100%);
	text-align: center;
}

.page_index_site .journals .thumb img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: 230px;
	object-fit: contain;
}

.page_index_site .journals .body {
	float: none;
	width: auto;
	padding: 1rem 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.page_index_site .journals h3 {
	font-size: 1.02rem;
	line-height: 1.35;
	margin: 0 0 .5rem;
}

.page_index_site .journals h3 a {
	color: var(--fej-teks);
	text-decoration: none;
}

/* deskripsi jurnal di portal: cukup kalimat pembuka */
.page_index_site .journals .description {
	font-size: .86rem;
	line-height: 1.6;
	color: var(--fej-redup);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 1rem;
}

.page_index_site .journals .description .fej-hero-sampul,
.page_index_site .journals .description .fej-label,
.page_index_site .journals .description .fej-judul,
.page_index_site .journals .description .fej-cip,
.page_index_site .journals .description .fej-aksi,
.page_index_site .journals .description .fej-fakta,
.page_index_site .journals .description .fej-lingkup {
	display: none;
}

.page_index_site .journals .description .fej-hero {
	display: block;
	padding: 0;
	border: 0;
	background: none;
}

.page_index_site .journals .links {
	margin-top: auto;
	display: flex;
	gap: .5rem;
	padding: 0;
}

.page_index_site .journals .links li {
	margin: 0;
}

.page_index_site .journals .links a {
	display: inline-block;
	padding: .45rem .9rem;
	border-radius: 999px;
	border: 1.5px solid var(--fej-utama);
	font-size: .82rem;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
	text-decoration: none;
}

.page_index_site .journals .links .view a {
	background: var(--fej-utama);
	color: #fff;
}

@media (max-width: 991px) {
	.page_index_site .journals > ul {
		grid-template-columns: 1fr;
	}

	.fej-portal {
		padding: 1.5rem 1.25rem;
	}

	.fej-portal h2 {
		font-size: 1.35rem;
	}
}

/* ---------- Tim redaksi (halaman Editorial Team) ----------
 * Konten redaksi ditulis dengan kelas Bootstrap + .team_icon dari mode premium tema.
 * Di mode dasar gaya itu tidak dimuat sehingga ikon SVG melebar selebar kolom.
 * Semua diatur di sini supaya konten tidak perlu diubah dan anggota baru ikut rapi.
 */

.editorial-show {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	gap: .9rem;
	margin: 1.75rem 0 0 !important;
	padding: 0 !important;
}

/* clearfix .row milik tema (::before/::after) akan jadi sel kosong di grid/flex */
.editorial-show::before,
.editorial-show::after,
.editorial-show .row::before,
.editorial-show .row::after {
	display: none !important;
	content: none !important;
}

.editorial-show > .col-12 {
	grid-column: 1 / -1;
	padding: 0;
}

.editorial-show h2.section_title {
	position: relative;
	margin: .5rem 0 .25rem;
	padding-left: .85rem;
	font-size: 1.1rem;
	color: var(--fej-teks);
}

.editorial-show h2.section_title::before {
	content: "";
	position: absolute;
	left: 0;
	top: .15em;
	bottom: .15em;
	width: 4px;
	border-radius: 4px;
	background: var(--fej-utama);
}

.editorial-show > .col-sm-6 {
	margin: 0 !important;
	padding: 1rem;
	background: #fff;
	border: 1px solid var(--fej-garis);
	border-radius: var(--fej-sudut);
	transition: box-shadow .2s ease, border-color .2s ease;
}

.editorial-show > .col-sm-6:hover {
	border-color: transparent;
	box-shadow: var(--fej-bayang);
}

.editorial-show > .col-sm-6 > .row {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
	padding: 0 !important;
}

.editorial-show .col-md-4 {
	flex: 0 0 auto;
	width: auto;
	padding: 0;
}

.editorial-show .col-md-4 img {
	display: block;
	width: 84px;
	height: 84px;
	max-width: none;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid var(--fej-lembut);
	background: var(--fej-latar);
}

.editorial-show .editor-team {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
}

.editorial-show .editor-team h3 {
	margin: 0 !important;
	font-size: .98rem;
	line-height: 1.35;
	color: var(--fej-teks);
	text-transform: none !important;
}

.editorial-show .editor-team h5 {
	margin: .2rem 0 0 !important;
	font-size: .8rem;
	font-weight: 400;
	line-height: 1.4;
	color: var(--fej-redup);
}

.editorial-show .editor-team h5 + h5 {
	margin-top: 0 !important;
}

.editorial-show .editor-team .mt-3 {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin-top: .6rem !important;
}

.editorial-show .editor-team .mt-3 a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--fej-garis);
	border-radius: 8px;
	background: #fff;
	transition: border-color .15s ease, transform .15s ease;
}

.editorial-show .editor-team .mt-3 a:hover,
.editorial-show .editor-team .mt-3 a:focus {
	border-color: var(--fej-utama);
	transform: translateY(-1px);
}

img.team_icon {
	display: block;
	width: 18px !important;
	height: 18px !important;
	max-width: 18px;
	object-fit: contain;
}

/* profil yang belum diisi (href="#") dipudarkan dan tidak bisa diklik */
.editorial-show .editor-team .mt-3 a[href="#"] {
	opacity: .35;
	filter: grayscale(1);
	pointer-events: none;
}

@media (max-width: 480px) {
	.editorial-show {
		grid-template-columns: 1fr;
	}

	.editorial-show .col-md-4 img {
		width: 68px;
		height: 68px;
	}
}

/* ---------- Halaman arsip, artikel, dan lainnya ---------- */

.obj_issue_summary .cover img,
.obj_article_details .cover_image img {
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(16, 24, 40, .12);
}

.obj_galley_link {
	border-radius: 999px;
	border-color: var(--fej-utama);
	color: var(--fej-utama);
}

.obj_galley_link:hover,
.obj_galley_link:focus {
	background: var(--fej-utama);
	color: #fff;
}

.cmp_breadcrumbs a {
	color: var(--fej-redup);
}