/**
 * @file plugins/generic/journalPages/css/frontend.css
 *
 * @brief Tampilan publik plugin Journal Pages: kartu orang (Editorial Team/Reviewer)
 *  dan blok sidebar "Journal Navigation". Memakai warna tema ITCEA bila ada,
 *  dengan nilai cadangan untuk tema lain.
 */
.jp-people-page,
.block_journal_pages {
	--jp-ink: var(--tx-ink, #1b2533);
	--jp-soft: var(--tx-ink-soft, #55607a);
	--jp-faint: var(--tx-ink-faint, #808aa0);
	--jp-line: var(--tx-line, #e3e7ef);
	--jp-bg: var(--tx-bg, #f4f6fa);
	--jp-accent: var(--tx-blue-600, #1e6292);
	--jp-accent-2: var(--tx-cyan-400, #22b8cf);
	--jp-dark: var(--tx-navy-800, #12305a);
}

/* ---------- Halaman orang ---------- */
.jp-intro { margin-bottom: 28px; }
.jp-group { margin: 0 0 32px; }
.jp-group:last-child { margin-bottom: 0; }
.jp-people-page .jp-group__title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
	font-size: 18px;
	line-height: 1.3;
	color: var(--jp-ink);
}
.jp-people-page .jp-group__title::before {
	content: "";
	width: 4px;
	height: 20px;
	border-radius: 4px;
	background: linear-gradient(var(--jp-accent-2), var(--jp-accent));
}
.jp-people-page .jp-people {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.jp-people-page .jp-person {
	display: flex;
	gap: 14px;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--jp-line);
	border-radius: 14px;
	background: #fff;
	transition: border-color .2s, box-shadow .2s;
}
.jp-people-page .jp-person::before { content: none; }
.jp-people-page .jp-person:hover { border-color: color-mix(in srgb, var(--jp-accent) 40%, transparent); box-shadow: 0 8px 24px -14px rgba(13, 26, 51, .35); }
.jp-person__photo,
.jp-person__avatar {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 14px;
	object-fit: cover;
}
.jp-person__avatar {
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--jp-dark), var(--jp-accent));
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .02em;
}
.jp-person__body { min-width: 0; flex: 1; }
.jp-people-page .jp-person__name {
	margin: 2px 0 4px;
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--jp-ink);
}
.jp-people-page .jp-person__aff,
.jp-people-page .jp-person__country,
.jp-people-page .jp-person__links {
	margin: 0 0 6px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--jp-soft);
}
.jp-people-page .jp-person__country {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--jp-ink);
	font-weight: 500;
}
.jp-flag {
	display: block;
	width: 20px;
	height: 15px;
	border-radius: 3px;
	object-fit: cover;
	box-shadow: 0 0 0 1px rgba(13, 26, 51, .12);
}
.jp-people-page .jp-person__links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0 0;
}
.jp-people-page .jp-id {
	display: inline-flex;
	align-items: center;
	padding: 3px 9px;
	border: 1px solid var(--jp-line);
	border-radius: 999px;
	background: var(--jp-bg);
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--jp-soft);
	text-decoration: none;
	transition: background .2s, color .2s, border-color .2s;
}
.jp-people-page .jp-id::before {
	content: "";
	width: 7px;
	height: 7px;
	margin-right: 6px;
	border-radius: 50%;
	background: currentColor;
	opacity: .8;
}
.jp-people-page .jp-id--scholar { color: #1a73e8; }
.jp-people-page .jp-id--sinta { color: #c2410c; }
.jp-people-page .jp-id--scopus { color: #e9711c; }
.jp-people-page .jp-id--orcid { color: #6b9c1f; }
.jp-people-page .jp-id--wos { color: #5e33bf; }
.jp-people-page .jp-id:hover { background: #fff; border-color: currentColor; }

/* ---------- Blok sidebar "Journal Navigation" ---------- */
.block_journal_pages .jp-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.block_journal_pages .jp-nav li {
	margin: 0;
	border-bottom: 1px solid var(--jp-line);
}
.block_journal_pages .jp-nav li:last-child { border-bottom: 0; }
.block_journal_pages .jp-nav a {
	position: relative;
	display: block;
	padding: 10px 26px 10px 10px;
	border-radius: 8px;
	color: var(--jp-ink);
	font-weight: 500;
	text-decoration: none;
	transition: background .2s, color .2s, padding .2s;
}
.block_journal_pages .jp-nav a::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
	opacity: .4;
}
.block_journal_pages .jp-nav a:hover,
.block_journal_pages .jp-nav a:focus-visible {
	background: var(--jp-bg);
	color: var(--jp-accent);
	padding-left: 14px;
}
.block_journal_pages .jp-nav li.is-current a {
	background: color-mix(in srgb, var(--jp-accent) 8%, transparent);
	color: var(--jp-accent);
	font-weight: 600;
	box-shadow: inset 3px 0 0 var(--jp-accent);
}

@media (max-width: 600px) {
	.jp-person__photo, .jp-person__avatar { width: 52px; height: 52px; font-size: 17px; }
}

/* Kartu tautan blok sidebar (dibuat dari tab Sidebar). Selektor :where() tanpa
   spesifisitas agar gaya tema (.tx-tile di itceaTech/mantapCommunity) tetap menang. */
:where(.jp-tiles) { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
:where(.jp-tiles) li { margin: 0; }
:where(.jp-tiles .tx-tile) { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--tx-line, #e3e7ef); border-radius: 10px; color: inherit; text-decoration: none; }
:where(.jp-tiles .tx-tile:hover) { border-color: var(--tx-blue-600, #1d5fe0); }
:where(.jp-tiles .tx-tile__mark) { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 8px; background: #64748b; color: #fff; font-weight: 700; font-size: 12.5px; }
:where(.jp-tiles .tx-tile__text) { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
:where(.jp-tiles .tx-tile__text small) { font-size: 12px; opacity: .7; }
:where(.tx-tiles-note) { margin: 10px 0 0; font-size: 12px; opacity: .75; }