/* Adagium professional UI refinements — 2026-09-10 */

:root {
	--adagium-navy: #07324a;
	--adagium-navy-deep: #041f31;
	--adagium-teal: #087dac;
	--adagium-cyan: #159bc7;
	--adagium-gold: #f2c94c;
	--adagium-ink: #17384b;
	--adagium-muted: #647985;
	--adagium-line: #d7e8ef;
	--adagium-soft: #f4fafc;
}

/* Long-form editorial text */
body .pkp_structure_main .article-abstract,
body .pkp_structure_main .article-abstract p,
body .pkp_structure_main .article-references,
body .pkp_structure_main .article-references p,
body .pkp_structure_main .references,
body .pkp_structure_main .references p,
body .pkp_structure_main .additional_content p,
body .pkp_structure_main .current_issue .description,
body .pkp_structure_main .current_issue .description p,
body .pkp_structure_main .page_issue .description,
body .pkp_structure_main .page_issue .description p,
body .pkp_structure_main .page_about p,
body .pkp_structure_main .page_submissions p,
body .pkp_structure_main .page_contact p,
body .pkp_structure_main .page_static p,
body .pkp_structure_main .page > p,
body .pkp_structure_main .ajh-description p,
body .pkp_structure_main .ajh-table-section p,
body .pkp_structure_main .ajh-author-notice,
body .pkp_structure_main .adagium-inline-preview-content,
body .pkp_structure_main .adagium-inline-preview-content p {
	text-align: justify !important;
	text-justify: inter-word;
	-webkit-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
}

body #adagium-journal-home .ajh-author-notice {
	text-align: justify !important;
}

/* Coordinated editorial headings */
body .pkp_structure_main h1.page-header,
body .pkp_structure_main .page-header > h2,
body .pkp_structure_main .article-main > h2:not(.sr-only),
body .pkp_structure_main .article-details .article-summary > h2,
body .pkp_structure_main .page_about > h2,
body .pkp_structure_main .page_submissions > h2,
body .pkp_structure_main .page_contact > h2,
body .pkp_structure_main .page_static > h2 {
	color: var(--adagium-teal) !important;
	font-weight: 800 !important;
	line-height: 1.22;
	letter-spacing: -0.02em;
}

body .pkp_structure_main .page-header > h2 {
	position: relative;
	padding-bottom: 13px;
	border-bottom: 1px solid var(--adagium-line);
}

body .pkp_structure_main .page-header > h2::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 72px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--adagium-teal), var(--adagium-gold));
	content: "";
}

body .media-list .article-summary.media .media-heading a {
	color: var(--adagium-teal) !important;
	font-weight: 800;
}

body .media-list .article-summary.media .media-heading a:hover,
body .media-list .article-summary.media .media-heading a:focus {
	color: var(--adagium-navy) !important;
}

/* Author names and matching numbered affiliations */
body .article-details .authors {
	display: grid;
	gap: 10px;
	margin: 18px 0 26px;
}

body .article-details .authors .author {
	position: relative;
	padding: 12px 15px 12px 18px;
	border: 1px solid var(--adagium-line);
	border-left: 4px solid var(--adagium-cyan);
	border-radius: 10px;
	background: linear-gradient(135deg, #ffffff 0%, var(--adagium-soft) 100%);
}

body .article-details .article-author-name {
	display: inline-block;
	color: var(--adagium-ink);
	font-size: 1.02em;
	font-weight: 750;
}

body .author-affiliation-marker {
	position: relative;
	top: -0.12em;
	margin-left: 3px;
	color: var(--adagium-teal);
	font-size: 0.68em;
	font-weight: 800;
	line-height: 0;
}

body .article-details .article-author-affiliation {
	margin-top: 4px;
	color: var(--adagium-muted);
	font-size: 0.94em;
	line-height: 1.5;
}

body .article-details .article-author-affiliation > .author-affiliation-marker {
	top: -0.05em;
	margin-right: 5px;
	margin-left: 0;
}

body .article-details .article-author-affiliation svg {
	width: 23px;
	height: auto;
	margin-left: 5px;
	vertical-align: middle;
}

body .media-list .article-summary.media .article-summary-authors {
	margin-top: 8px;
	color: #435b68;
	line-height: 1.55;
}

body .article-summary-author-line {
	font-weight: 600;
}

body .article-summary-affiliations {
	margin-top: 5px;
	padding-left: 1px;
	color: var(--adagium-muted);
	font-size: 0.88em;
	line-height: 1.45;
}

body .article-summary-affiliation {
	display: block;
}

body .article-summary-affiliation > .author-affiliation-marker {
	top: -0.04em;
	margin-right: 5px;
	margin-left: 0;
}

/* Professional article actions */
body .media-list .article-summary.media .btn-group {
	display: inline-flex !important;
	gap: 9px;
	max-width: 100%;
	flex-wrap: wrap;
}

body .media-list .article-summary.media .btn-group > .btn,
body.pkp_page_article .article-details .galley-link.btn {
	min-height: 42px;
	padding: 10px 17px;
	border-radius: 9px !important;
	font-weight: 750;
	line-height: 20px;
	transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body .media-list .article-summary.media .galley-link.btn,
body.pkp_page_article .article-details .galley-link.btn {
	border: 1px solid var(--adagium-navy) !important;
	background: linear-gradient(135deg, var(--adagium-navy) 0%, var(--adagium-teal) 100%) !important;
	box-shadow: 0 7px 16px rgba(7, 50, 74, 0.17);
	color: #fff !important;
}

body .media-list .article-summary.media .adagium-preview-toggle {
	border: 1px solid #82c7df !important;
	background: #ffffff !important;
	box-shadow: 0 7px 16px rgba(8, 125, 172, 0.10);
	color: var(--adagium-teal) !important;
}

body .media-list .article-summary.media .btn-group > .btn:hover,
body .media-list .article-summary.media .btn-group > .btn:focus,
body.pkp_page_article .article-details .galley-link.btn:hover,
body.pkp_page_article .article-details .galley-link.btn:focus {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(7, 50, 74, 0.20);
}

body .media-list .article-summary.media .adagium-preview-toggle:hover,
body .media-list .article-summary.media .adagium-preview-toggle:focus,
body .media-list .article-summary.media .adagium-preview-toggle[aria-expanded="true"] {
	border-color: var(--adagium-teal) !important;
	background: var(--adagium-soft) !important;
	color: var(--adagium-navy) !important;
}

body .media-list .article-summary.media .btn-group > .btn:focus,
body.pkp_page_article .article-details .galley-link.btn:focus {
	outline: 3px solid rgba(242, 201, 76, 0.42);
	outline-offset: 2px;
}

/* Hide the default OJS/PKP branding column and reclaim its space */
body .footer > .container > .row > .col-md-2[role="complementary"] {
	display: none !important;
}

body .footer > .container > .row > .col-md-10 {
	width: 100% !important;
	float: none !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

body .footer img[src$="/templates/images/ojs_brand.png"],
body .footer img[alt*="OJS/PKP"] {
	display: none !important;
}

/* Focused, modern authentication pages */
body.pkp_page_login .pkp_structure_sidebar,
body.pkp_page_user.pkp_op_register .pkp_structure_sidebar {
	display: none !important;
}

body.pkp_page_login .pkp_structure_main,
body.pkp_page_user.pkp_op_register .pkp_structure_main {
	width: 100% !important;
	float: none !important;
}

body.pkp_page_login .page_login,
body.pkp_page_user.pkp_op_register .page_register {
	position: relative;
	box-sizing: border-box;
	max-width: 920px;
	margin: 34px auto 64px;
	padding: 0 38px 38px;
	border: 1px solid var(--adagium-line);
	border-top: 5px solid var(--adagium-teal);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(5, 48, 72, 0.11);
	overflow: hidden;
}

body.pkp_page_login .page_login {
	max-width: 660px;
}

body.pkp_page_login .page_login::after,
body.pkp_page_user.pkp_op_register .page_register::after {
	position: absolute;
	top: -72px;
	right: -72px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: linear-gradient(145deg, rgba(21, 155, 199, 0.13), rgba(242, 201, 76, 0.08));
	content: "";
	pointer-events: none;
}

body.pkp_page_login .page_login .cmp_breadcrumbs,
body.pkp_page_user.pkp_op_register .page_register .cmp_breadcrumbs {
	position: relative;
	z-index: 1;
	margin: 0 -38px 30px;
	padding: 13px 38px;
	border-bottom: 1px solid var(--adagium-line);
	background: var(--adagium-soft);
}

body.pkp_page_login .page_login .breadcrumb,
body.pkp_page_user.pkp_op_register .page_register .breadcrumb {
	margin: 0;
	padding: 0;
	background: transparent;
}

body.pkp_page_login form.login,
body.pkp_page_user.pkp_op_register form.register {
	position: relative;
	z-index: 1;
}

html[lang^="id"] body.pkp_page_login form.login::before {
	content: "Masuk ke Akun Adagium";
}

html[lang^="en"] body.pkp_page_login form.login::before {
	content: "Sign in to Adagium";
}

body.pkp_page_login form.login::before {
	display: block;
	margin-bottom: 25px;
	color: var(--adagium-navy);
	font-size: 27px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

html[lang^="id"] body.pkp_page_user.pkp_op_register form.register::before {
	content: "Buat Akun Adagium";
}

html[lang^="en"] body.pkp_page_user.pkp_op_register form.register::before {
	content: "Create an Adagium Account";
}

body.pkp_page_user.pkp_op_register form.register::before {
	display: block;
	margin-bottom: 26px;
	color: var(--adagium-navy);
	font-size: 29px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

body.pkp_page_login .form-group,
body.pkp_page_user.pkp_op_register .form-group {
	margin-bottom: 20px;
}

body.pkp_page_login label,
body.pkp_page_user.pkp_op_register label {
	width: 100%;
	color: var(--adagium-ink);
	font-weight: 700;
}

body.pkp_page_login .form-control,
body.pkp_page_user.pkp_op_register .form-control {
	box-sizing: border-box;
	width: 100% !important;
	height: 48px;
	margin-top: 7px;
	padding: 11px 13px;
	border: 1px solid #bfd4de;
	border-radius: 9px;
	background: #fbfdfe;
	box-shadow: none;
	color: #19394a;
	font-size: 15px;
	transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

body.pkp_page_login .form-control:focus,
body.pkp_page_user.pkp_op_register .form-control:focus {
	border-color: var(--adagium-teal);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(21, 155, 199, 0.15);
	outline: 0;
}

body.pkp_page_login .checkbox label,
body.pkp_page_user.pkp_op_register .checkbox label {
	font-weight: 500;
}

body.pkp_page_login form.login .buttons,
body.pkp_page_user.pkp_op_register form.register > .buttons {
	display: flex;
	gap: 11px;
	align-items: center;
	margin-top: 26px;
}

body.pkp_page_login form.login .buttons .btn,
body.pkp_page_user.pkp_op_register form.register > .buttons .btn {
	min-width: 138px;
	min-height: 46px;
	padding: 11px 22px;
	border-radius: 9px;
	font-weight: 750;
}

body.pkp_page_login form.login .buttons .btn-primary,
body.pkp_page_user.pkp_op_register form.register > .buttons .btn-primary {
	border-color: var(--adagium-navy) !important;
	background: linear-gradient(135deg, var(--adagium-navy), var(--adagium-teal)) !important;
	box-shadow: 0 8px 18px rgba(7, 50, 74, 0.18);
	color: #fff !important;
}

body.pkp_page_login form.login .register-button,
body.pkp_page_user.pkp_op_register form.register > .buttons .btn-default {
	border-color: #9ccbdc;
	background: #fff;
	color: var(--adagium-teal);
}

body.pkp_page_user.pkp_op_register form.register fieldset {
	min-width: 0;
	margin: 0 0 24px;
	padding: 22px 23px 4px;
	border: 1px solid var(--adagium-line);
	border-radius: 13px;
	background: #fbfdfe;
}

body.pkp_page_user.pkp_op_register form.register fieldset legend {
	width: auto;
	margin: 0;
	padding: 0 10px;
	border: 0;
	color: var(--adagium-teal);
	font-size: 19px;
	font-weight: 800;
}

body.pkp_page_user.pkp_op_register form.register fieldset.identity > .fields,
body.pkp_page_user.pkp_op_register form.register fieldset.login > .fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 20px;
}

body.pkp_page_user.pkp_op_register form.register .form-group.affiliation {
	grid-column: 1 / -1;
}

body.pkp_page_user.pkp_op_register .form-control-required {
	color: #b04a36;
	font-weight: 800;
}

body.pkp_page_user.pkp_op_register .consent,
body.pkp_page_user.pkp_op_register .reviewer {
	color: #395363;
}

@media (max-width: 767px) {
	body .pkp_structure_main h1.page-header {
		font-size: 28px;
	}

	body .pkp_structure_main .page-header > h2,
	body .pkp_structure_main .article-main > h2:not(.sr-only) {
		font-size: 27px;
	}

	body .article-details .authors .author {
		padding: 11px 12px 11px 14px;
	}

	body .media-list .article-summary.media .btn-group {
		width: 100%;
	}

	body .media-list .article-summary.media .btn-group > .btn {
		min-width: 0;
		flex: 1 1 calc(50% - 5px);
		white-space: normal;
	}

	body.pkp_page_login .page_login,
	body.pkp_page_user.pkp_op_register .page_register {
		margin: 18px auto 42px;
		padding: 0 17px 24px;
		border-radius: 14px;
	}

	body.pkp_page_login .page_login .cmp_breadcrumbs,
	body.pkp_page_user.pkp_op_register .page_register .cmp_breadcrumbs {
		margin: 0 -17px 24px;
		padding: 12px 17px;
	}

	body.pkp_page_login form.login::before,
	body.pkp_page_user.pkp_op_register form.register::before {
		font-size: 24px;
	}

	body.pkp_page_user.pkp_op_register form.register fieldset {
		padding: 18px 15px 2px;
	}

	body.pkp_page_user.pkp_op_register form.register fieldset.identity > .fields,
	body.pkp_page_user.pkp_op_register form.register fieldset.login > .fields {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	body.pkp_page_user.pkp_op_register form.register .form-group.affiliation {
		grid-column: auto;
	}

	body.pkp_page_login form.login .buttons,
	body.pkp_page_user.pkp_op_register form.register > .buttons {
		align-items: stretch;
		flex-direction: column;
	}

	body.pkp_page_login form.login .buttons .btn,
	body.pkp_page_user.pkp_op_register form.register > .buttons .btn {
		width: 100%;
	}
}

@media (max-width: 390px) {
	body .media-list .article-summary.media .btn-group > .btn {
		flex-basis: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	body .media-list .article-summary.media .btn-group > .btn,
	body.pkp_page_login .form-control,
	body.pkp_page_user.pkp_op_register .form-control {
		transition: none;
	}
}