/* =========================================================
   KIJMR — FINAL CLEAN OJS STYLESHEET
   Kalakankar International Journal of Multidisciplinary Research

   FINAL DESKTOP LAYOUT
   Home | About | Editorial Board | Current | Archives | Contact        Search

   • Search stays at the RIGHT corner of the black menu bar.
   • Register and Login stay at the TOP-RIGHT of the journal header.
   • Desktop title stays in one line.
   • Mobile header and navigation remain responsive.
   ========================================================= */

:root {
	--kijmr-black: #000000;
	--kijmr-black-hover: #171717;
	--kijmr-navy: #08284d;
	--kijmr-blue: #0872c7;
	--kijmr-gold: #d8a43b;
	--kijmr-title: #101827;
	--kijmr-muted: #455a70;
}

/* =========================================================
   1. GLOBAL RESET
   ========================================================= */

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

.pkp_structure_head {
	position: relative !important;
	z-index: 30;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	border: 0 !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12) !important;
}

.pkp_structure_head .pkp_head_wrapper {
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

.pkp_site_name_wrapper.kijmr-final-wrapper {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	box-sizing: border-box !important;
}

/* Remove old experimental header parts, if any remain */
.kijmr-logo-caption,
.kijmr-meta-area,
.kijmr-art,
.kijmr-estd-box,
.kijmr-scope-box,
.kijmr-issn-box {
	display: none !important;
}

/* =========================================================
   2. JOURNAL HEADER
   ========================================================= */

.kijmr-final-header {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 108px minmax(0, 1fr) 108px !important;
	align-items: center !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 1760px !important;
	min-height: 154px !important;
	margin: 0 auto !important;
	padding: 45px clamp(20px, 3.2vw, 54px) 16px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	background:
		radial-gradient(circle at 8% 45%, rgba(26, 166, 220, 0.13), transparent 24%),
		radial-gradient(circle at 92% 43%, rgba(216, 164, 59, 0.09), transparent 23%),
		linear-gradient(105deg, #ffffff 0%, #f5faff 52%, #ffffff 100%) !important;
}

.kijmr-final-header *,
.kijmr-final-header *::before,
.kijmr-final-header *::after {
	box-sizing: border-box !important;
}

.kijmr-final-header::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 0 auto !important;
	height: 5px !important;
	background: linear-gradient(
		90deg,
		var(--kijmr-navy),
		var(--kijmr-blue),
		var(--kijmr-gold),
		var(--kijmr-blue),
		var(--kijmr-navy)
	) !important;
}

/* Logo */
.kijmr-final-logo {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
}

.kijmr-final-logo a {
	display: block !important;
	line-height: 0 !important;
	text-decoration: none !important;
}

.kijmr-final-logo img {
	display: block !important;
	width: 104px !important;
	max-width: 100% !important;
	height: 104px !important;
	object-fit: contain !important;
	filter: drop-shadow(0 6px 8px rgba(8, 40, 77, 0.19)) !important;
}

/* Centre header content */
.kijmr-final-center {
	min-width: 0 !important;
	text-align: center !important;
}

/* Website, email and ISSN */
.kijmr-final-info {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(16px, 2.3vw, 34px) !important;
	width: 100% !important;
	margin: 0 0 10px !important;
	color: var(--kijmr-navy) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: clamp(12px, 1vw, 14px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.kijmr-final-info a,
.kijmr-final-issn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	margin: 0 !important;
	color: var(--kijmr-navy) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.kijmr-final-info a:hover,
.kijmr-final-info a:focus {
	color: var(--kijmr-blue) !important;
	text-decoration: none !important;
}

.kijmr-final-info svg {
	display: block !important;
	width: 19px !important;
	height: 19px !important;
	flex: 0 0 19px !important;
	fill: none !important;
	stroke: var(--kijmr-blue) !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.kijmr-final-issn strong {
	color: var(--kijmr-blue) !important;
	font-weight: 900 !important;
	letter-spacing: 0.6px !important;
}

/* Desktop title — one line */
.kijmr-final-title {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	color: var(--kijmr-title) !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(17px, 2.15vw, 40px) !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.4px !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	text-align: center !important;
	text-shadow: 0 1px 0 #ffffff !important;
}

/* Separator */
.kijmr-final-decoration {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 720px !important;
	margin: 9px auto 6px !important;
}

.kijmr-final-decoration span {
	display: block !important;
	flex: 1 1 auto !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(8, 114, 199, 0.78)) !important;
}

.kijmr-final-decoration span:last-child {
	background: linear-gradient(90deg, rgba(8, 114, 199, 0.78), transparent) !important;
}

.kijmr-final-decoration i {
	display: block !important;
	width: 9px !important;
	height: 9px !important;
	border: 2px solid var(--kijmr-gold) !important;
	transform: rotate(45deg) !important;
}

/* Subtitle */
.kijmr-final-subtitle {
	display: block !important;
	margin: 0 !important;
	color: var(--kijmr-muted) !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(12px, 1vw, 15px) !important;
	font-weight: 700 !important;
	font-style: italic !important;
	line-height: 1.35 !important;
	text-align: center !important;
}

.kijmr-final-balance {
	display: block !important;
	width: 108px !important;
	height: 1px !important;
}

/* =========================================================
   3. REGISTER AND LOGIN — HEADER TOP-RIGHT
   ========================================================= */

@media screen and (min-width: 768px) {

	.pkp_structure_head .pkp_navigation_user_wrapper {
		position: absolute !important;
		z-index: 100 !important;
		top: 12px !important;
		right: clamp(20px, 3.2vw, 54px) !important;
		bottom: auto !important;
		left: auto !important;
		inset-inline-start: auto !important;
		inset-inline-end: clamp(20px, 3.2vw, 54px) !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		float: none !important;
		transform: none !important;
	}

	.pkp_structure_head .pkp_navigation_user {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}

	.pkp_structure_head .pkp_navigation_user > li {
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}

	.pkp_structure_head .pkp_navigation_user > li > a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		min-width: 76px !important;
		min-height: 34px !important;
		margin: 0 !important;
		padding: 0 13px !important;
		color: var(--kijmr-navy) !important;
		background: rgba(255, 255, 255, 0.97) !important;
		border: 1px solid rgba(8, 114, 199, 0.50) !important;
		border-radius: 7px !important;
		box-shadow: 0 4px 12px rgba(8, 40, 77, 0.11) !important;
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}

	.pkp_structure_head .pkp_navigation_user > li:last-child > a {
		color: #ffffff !important;
		background: linear-gradient(135deg, var(--kijmr-navy), var(--kijmr-blue)) !important;
		border-color: var(--kijmr-blue) !important;
	}

	.pkp_structure_head .pkp_navigation_user > li > a:hover,
	.pkp_structure_head .pkp_navigation_user > li > a:focus {
		color: #ffffff !important;
		background: var(--kijmr-blue) !important;
		border-color: var(--kijmr-blue) !important;
		transform: translateY(-1px) !important;
	}
}

/* =========================================================
   4. DESKTOP BLACK MENU BAR
   Primary menu LEFT — Search RIGHT
   ========================================================= */

@media screen and (min-width: 768px) {

	.pkp_structure_head .pkp_site_nav_menu {
		position: static !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 52px !important;
		margin: 0 !important;
		padding: 0 clamp(16px, 3.5vw, 58px) !important;
		background: var(--kijmr-black) !important;
		border: 0 !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
	}

	/* Main row */
	.pkp_structure_head .pkp_navigation_primary_row {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 52px !important;
		margin: 0 !important;
		padding: 0 !important;
		background: var(--kijmr-black) !important;
		border: 0 !important;
		box-sizing: border-box !important;
	}

	/* Primary links remain on the left */
	.pkp_structure_head .pkp_navigation_primary_wrapper {
		order: 1 !important;
		position: static !important;
		display: flex !important;
		align-items: stretch !important;
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		min-height: 52px !important;
		margin: 0 !important;
		padding: 0 !important;
		background: var(--kijmr-black) !important;
		box-sizing: border-box !important;
	}

	.pkp_structure_head .pkp_navigation_primary {
		display: flex !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: var(--kijmr-black) !important;
		list-style: none !important;
	}

	.pkp_structure_head .pkp_navigation_primary > li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		background: var(--kijmr-black) !important;
	}

	.pkp_structure_head .pkp_navigation_primary > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 52px !important;
		margin: 0 !important;
		padding: 0 clamp(12px, 1.35vw, 21px) !important;
		color: #ffffff !important;
		background: var(--kijmr-black) !important;
		border: 0 !important;
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: clamp(13px, 1vw, 15px) !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}

	.pkp_structure_head .pkp_navigation_primary > li > a:hover,
	.pkp_structure_head .pkp_navigation_primary > li > a:focus {
		color: #f2bf58 !important;
		background: var(--kijmr-black-hover) !important;
	}

	/* OJS Search wrapper — pushed to the right */
	.pkp_structure_head .pkp_navigation_search_wrapper {
		order: 2 !important;
		position: static !important;
		inset: auto !important;
		display: flex !important;
		align-items: stretch !important;
		justify-content: flex-end !important;
		flex: 0 0 auto !important;
		width: auto !important;
		height: 52px !important;
		min-height: 52px !important;
		margin: 0 0 0 auto !important;
		padding: 0 !important;
		background: var(--kijmr-black) !important;
		float: none !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	/* Search itself — right corner */
	.pkp_structure_head .pkp_navigation_search_wrapper .pkp_search,
	.pkp_structure_head .pkp_search {
		order: 2 !important;
		position: static !important;
		inset: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 auto !important;
		width: 108px !important;
		min-width: 108px !important;
		height: 52px !important;
		min-height: 52px !important;
		margin: 0 0 0 auto !important;
		padding: 0 18px !important;
		color: #ffffff !important;
		background: var(--kijmr-black-soft) !important;
		border: 0 !important;
		border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
		border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		text-align: center !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		float: none !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	.pkp_structure_head .pkp_navigation_search_wrapper .pkp_search:hover,
	.pkp_structure_head .pkp_navigation_search_wrapper .pkp_search:focus,
	.pkp_structure_head .pkp_search:hover,
	.pkp_structure_head .pkp_search:focus {
		color: #f2bf58 !important;
		background: #222222 !important;
	}

	/* Dropdown menus */
	.pkp_structure_head .pkp_navigation_primary ul,
	.pkp_structure_head .pkp_navigation_user ul {
		background: var(--kijmr-black) !important;
		border: 1px solid #292929 !important;
		box-shadow: 0 9px 22px rgba(0, 0, 0, 0.34) !important;
	}

	.pkp_structure_head .pkp_navigation_primary ul a,
	.pkp_structure_head .pkp_navigation_user ul a {
		color: #ffffff !important;
		background: var(--kijmr-black) !important;
	}

	.pkp_structure_head .pkp_navigation_primary ul a:hover,
	.pkp_structure_head .pkp_navigation_primary ul a:focus,
	.pkp_structure_head .pkp_navigation_user ul a:hover,
	.pkp_structure_head .pkp_navigation_user ul a:focus {
		color: #f1be55 !important;
		background: #171717 !important;
	}
}

/* =========================================================
   5. TABLET / SMALL DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

	.kijmr-final-header {
		grid-template-columns: 90px minmax(0, 1fr) 90px !important;
		gap: 10px !important;
		padding: 45px 18px 15px !important;
	}

	.kijmr-final-logo img {
		width: 86px !important;
		height: 88px !important;
	}

	.kijmr-final-balance {
		width: 90px !important;
	}

	.kijmr-final-info {
		gap: 14px !important;
		font-size: 12px !important;
	}

	.kijmr-final-title {
		font-size: clamp(17px, 2.15vw, 24px) !important;
	}

	.pkp_structure_head .pkp_site_nav_menu {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.pkp_structure_head .pkp_navigation_primary > li > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 12px !important;
	}

	.pkp_structure_head .pkp_navigation_search_wrapper .pkp_search,
	.pkp_structure_head .pkp_search {
		width: 86px !important;
		min-width: 86px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		font-size: 12px !important;
	}
}

/* =========================================================
   KIJMR FOOTER — FINAL JUSTIFIED & ALIGNED CSS
   Add this complete block at the VERY END of the journal CSS.
   It supports both current KIJMR footer class versions.
   ========================================================= */

/* ---------- OJS footer reset ---------- */
.pkp_structure_footer_wrapper {
	margin: 0 !important;
	padding: 0 !important;
	background: #061a31 !important;
	border: 0 !important;
}

.pkp_structure_footer {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.kijmr-footer,
.kijmr-short-footer,
.kijmr-footer *,
.kijmr-short-footer * {
	box-sizing: border-box !important;
}

/* ---------- Main footer background ---------- */
.kijmr-footer,
.kijmr-short-footer {
	position: relative !important;
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	color: #dce9f5 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	background:
		radial-gradient(circle at 8% 15%, rgba(8, 114, 199, 0.18), transparent 27%),
		radial-gradient(circle at 92% 85%, rgba(216, 164, 59, 0.09), transparent 24%),
		linear-gradient(135deg, #061a31 0%, #0a345b 55%, #061a31 100%) !important;
	border-top: 4px solid #0872c7 !important;
}

.kijmr-footer::before,
.kijmr-short-footer::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 0 auto !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, #d8a43b, transparent) !important;
}

/* =========================================================
   THREE-COLUMN DESKTOP LAYOUT
   Journal | Quick Links | Contact Us
   ========================================================= */

.kijmr-footer__content,
.kijmr-short-footer__main {
	display: grid !important;
	grid-template-columns:
		minmax(360px, 1.42fr)
		minmax(220px, 0.72fr)
		minmax(280px, 0.86fr) !important;
	align-items: start !important;
	justify-content: space-between !important;
	column-gap: clamp(38px, 5vw, 78px) !important;
	row-gap: 28px !important;
	width: min(100%, 1500px) !important;
	max-width: 1500px !important;
	margin: 0 auto !important;
	padding: 40px clamp(24px, 5vw, 76px) 36px !important;
}

/* Prevent columns from shrinking incorrectly */
.kijmr-footer__journal,
.kijmr-footer__links,
.kijmr-footer__contact,
.kijmr-short-footer__brand,
.kijmr-short-footer__links,
.kijmr-short-footer__contact {
	position: relative !important;
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* =========================================================
   JOURNAL / LOGO COLUMN
   ========================================================= */

.kijmr-footer__identity,
.kijmr-short-footer__brand {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 18px !important;
	width: 100% !important;
	color: #ffffff !important;
	text-decoration: none !important;
	text-align: left !important;
}

/* White circular card keeps the coloured logo visible */
.kijmr-footer__identity img,
.kijmr-footer__brand img,
.kijmr-short-footer__brand img {
	display: block !important;
	width: 104px !important;
	height: 104px !important;
	min-width: 104px !important;
	flex: 0 0 104px !important;
	margin: 0 !important;
	padding: 2px !important;
	object-fit: contain !important;
	object-position: center !important;
	background:
		radial-gradient(circle at 50% 43%, #ffffff 0%, #ffffff 72%, #eef6fc 100%) !important;
	border: 3px solid rgba(216, 164, 59, 0.95) !important;
	border-radius: 50% !important;
	box-shadow:
		0 0 0 4px rgba(255, 255, 255, 0.11),
		0 9px 22px rgba(0, 0, 0, 0.34) !important;
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
}

.kijmr-footer__identity > span,
.kijmr-short-footer__brand > div,
.kijmr-short-footer__brand > span {
	display: block !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.kijmr-footer__identity strong,
.kijmr-short-footer__brand strong {
	display: block !important;
	max-width: 520px !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(17px, 1.35vw, 20px) !important;
	font-weight: 700 !important;
	line-height: 1.28 !important;
	text-align: left !important;
}

.kijmr-footer__identity small,
.kijmr-short-footer__brand small,
.kijmr-short-footer__brand span {
	display: block !important;
	margin-top: 7px !important;
	color: #b5cde3 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	text-align: left !important;
}

/* Meta badges */
.kijmr-footer__meta {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	width: 100% !important;
	margin-top: 18px !important;
}

.kijmr-footer__meta span {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 28px !important;
	padding: 0 11px !important;
	color: #eef7ff !important;
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.13) !important;
	border-radius: 18px !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0.35px !important;
}

/* =========================================================
   SECTION TITLES
   ========================================================= */

.kijmr-footer h3,
.kijmr-short-footer h3 {
	position: relative !important;
	width: 100% !important;
	margin: 0 0 18px !important;
	padding: 0 0 10px !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-align: left !important;
}

.kijmr-footer h3::after,
.kijmr-short-footer h3::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 46px !important;
	height: 3px !important;
	border-radius: 6px !important;
	background: linear-gradient(90deg, #0872c7, #d8a43b) !important;
}

/* =========================================================
   QUICK LINKS — NEAT TWO-COLUMN GRID
   ========================================================= */

.kijmr-footer__links {
	align-self: start !important;
}

.kijmr-footer__links nav,
.kijmr-short-footer__links {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(90px, 1fr)) !important;
	align-items: start !important;
	justify-items: start !important;
	gap: 11px 22px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.kijmr-footer__links a,
.kijmr-short-footer__links a {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 0 16px !important;
	color: #d3e2ef !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	text-align: left !important;
	text-decoration: none !important;
	white-space: normal !important;
}

.kijmr-footer__links a::before,
.kijmr-short-footer__links a::before {
	content: "›" !important;
	position: absolute !important;
	left: 0 !important;
	top: -2px !important;
	color: #e1ad45 !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.kijmr-footer__links a:hover,
.kijmr-footer__links a:focus,
.kijmr-short-footer__links a:hover,
.kijmr-short-footer__links a:focus {
	color: #ffffff !important;
	text-decoration: underline !important;
}

/* =========================================================
   CONTACT US — SAME WIDTH, EVENLY ALIGNED
   ========================================================= */

.kijmr-footer__contact,
.kijmr-short-footer__contact {
	align-self: start !important;
	justify-self: stretch !important;
	width: 100% !important;
}

/* Improved footer contact cards */
.kijmr-footer__contact-item {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	width: 100% !important;
	min-height: 56px !important;
	margin: 0 0 10px !important;
	padding: 10px 12px !important;
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.055) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
	border-radius: 8px !important;
	text-align: left !important;
	text-decoration: none !important;
}

.kijmr-footer__contact-item:hover,
.kijmr-footer__contact-item:focus {
	color: #ffffff !important;
	background: rgba(8, 114, 199, 0.24) !important;
	text-decoration: none !important;
}

.kijmr-footer__contact-icon {
	display: grid !important;
	place-items: center !important;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	flex: 0 0 36px !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #0872c7, #0b4f8b) !important;
	border-radius: 7px !important;
	font-size: 16px !important;
}

.kijmr-footer__contact-item > span:last-child {
	display: block !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	text-align: left !important;
}

.kijmr-footer__contact-item small {
	display: block !important;
	margin: 0 0 2px !important;
	color: #9db9d3 !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.7px !important;
}

.kijmr-footer__contact-item strong {
	display: block !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	overflow-wrap: anywhere !important;
}

/* Short footer contact paragraphs */
.kijmr-short-footer__contact p {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	width: 100% !important;
	margin: 8px 0 !important;
	color: #bfd2e3 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	text-align: left !important;
}

.kijmr-short-footer__contact p span {
	flex: 0 0 auto !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

.kijmr-short-footer__contact a {
	color: #f0c466 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	overflow-wrap: anywhere !important;
}

.kijmr-short-footer__contact a:hover,
.kijmr-short-footer__contact a:focus {
	color: #ffffff !important;
	text-decoration: underline !important;
}

/* =========================================================
   COPYRIGHT STRIP
   ========================================================= */

.kijmr-footer__bottom,
.kijmr-short-footer__bottom {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 13px 20px !important;
	color: #a8bfd4 !important;
	background: rgba(0, 0, 0, 0.30) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
	font-size: 11px !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

.kijmr-footer__bottom p,
.kijmr-short-footer__bottom p {
	margin: 0 !important;
	text-align: center !important;
}

/* Hide default OJS brand footer */
.pkp_brand_footer {
	display: none !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 980px) {

	.kijmr-footer__content,
	.kijmr-short-footer__main {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 42px !important;
		padding: 34px 28px 32px !important;
	}

	.kijmr-footer__journal,
	.kijmr-short-footer__brand {
		grid-column: 1 / -1 !important;
	}

	.kijmr-footer__identity,
	.kijmr-short-footer__brand {
		max-width: 720px !important;
	}
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 640px) {

	.kijmr-footer__content,
	.kijmr-short-footer__main {
		display: block !important;
		width: 100% !important;
		padding: 30px 18px 27px !important;
	}

	.kijmr-footer__journal,
	.kijmr-footer__links,
	.kijmr-footer__contact,
	.kijmr-short-footer__brand,
	.kijmr-short-footer__links,
	.kijmr-short-footer__contact {
		width: 100% !important;
	}

	.kijmr-footer__identity,
	.kijmr-short-footer__brand {
		align-items: flex-start !important;
		gap: 14px !important;
	}

	.kijmr-footer__identity img,
	.kijmr-footer__brand img,
	.kijmr-short-footer__brand img {
		width: 78px !important;
		height: 78px !important;
		min-width: 78px !important;
		flex: 0 0 78px !important;
		padding: 6px !important;
		border-width: 2px !important;
		box-shadow:
			0 0 0 3px rgba(255, 255, 255, 0.11),
			0 7px 17px rgba(0, 0, 0, 0.32) !important;
	}

	.kijmr-footer__identity strong,
	.kijmr-short-footer__brand strong {
		font-size: 16px !important;
		line-height: 1.26 !important;
	}

	.kijmr-footer__identity small,
	.kijmr-short-footer__brand small,
	.kijmr-short-footer__brand span {
		font-size: 10px !important;
	}

	.kijmr-footer__links,
	.kijmr-short-footer__links {
		margin-top: 28px !important;
	}

	.kijmr-footer__contact,
	.kijmr-short-footer__contact {
		margin-top: 29px !important;
	}

	.kijmr-footer__links nav,
	.kijmr-short-footer__links {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 11px 16px !important;
	}

	.kijmr-footer__bottom,
	.kijmr-short-footer__bottom {
		padding: 13px 16px !important;
		font-size: 10.5px !important;
	}
}


/* =========================================================
   6. CONSISTENT CONTENT SPACING — OCTOBER 2026
   Desktop: 28px outer gutter, 28px column gap, 320px sidebar.
   Tablet/mobile rules below reduce insets without squeezing text.
   ========================================================= */
:root {
  --kijmr-black-soft: #171717;
  --kijmr-content-width: 1500px;
  --kijmr-gutter: 28px;
  --kijmr-column-gap: 28px;
  --kijmr-card-gap: 22px;
}
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_content *,
.pkp_structure_content *::before,
.pkp_structure_content *::after {
  box-sizing: border-box;
}
.pkp_structure_content,
.pkp_structure_content.has_sidebar {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: var(--kijmr-column-gap) !important;
  width: 100% !important;
  max-width: var(--kijmr-content-width) !important;
  margin: 0 auto !important;
  padding: 30px var(--kijmr-gutter) 40px !important;
}
.pkp_structure_content > .pkp_structure_main {
  order: 1 !important;
  flex: 1 1 0% !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.pkp_structure_content > .pkp_structure_sidebar,
.pkp_structure_content > .pkp_structure_sidebar.left {
  order: 2 !important;
  flex: 0 0 320px !important;
  float: none !important;
  clear: none !important;
  width: 320px !important;
  min-width: 0 !important;
  max-width: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
/* Remove inherited OJS column divider and clearing pseudo-elements. */
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_content::before,
.pkp_structure_content::after {
  display: none !important;
  content: none !important;
}
.pkp_structure_main > .page_index_journal,
.pkp_structure_main .homepage_about,
.pkp_structure_main .additional_content {
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_page_index .homepage_about > h2 {
  display: none !important;
}
/* The supplied premium HTML uses one outer div and card sections.
   Only those direct card boundaries are normalized, not every div. */
.pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] > :is(section,div) {
  margin-bottom: var(--kijmr-card-gap) !important;
}
.pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] > :last-child {
  margin-bottom: 0 !important;
}
/* Card heading and body for both supplied premium HTML versions. */
.pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] > :is(section,div) > div:first-child:has(> h2) {
  padding: 15px 20px !important;
}
.pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] > :is(section,div) > div:first-child:has(> h2) + div {
  padding: 20px !important;
}
.pkp_structure_main :is(.homepage_about,.additional_content) h2 {
  margin-top: 0 !important;
  line-height: 1.35 !important;
}
.pkp_structure_main :is(.homepage_about,.additional_content) p {
  line-height: 1.8 !important;
  overflow-wrap: break-word;
}
/* Ordinary OJS pages have no internal cards and need their own inset. */
.pkp_structure_main > .page {
  margin: 0 !important;
  padding: 26px !important;
  background: #fff;
  border: 1px solid #dbe5ee;
  border-radius: 12px;
  box-shadow: 0 5px 18px rgba(7,51,82,.06);
}
.pkp_structure_main .cmp_breadcrumbs { margin: 0 0 18px !important; }
.pkp_structure_main > .page > h1 { margin-top: 0 !important; margin-bottom: 20px !important; }
/* Sidebar: one gap between independent blocks, no nested .content padding. */
.pkp_structure_sidebar > .pkp_block {
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.pkp_structure_sidebar > .pkp_block:last-child { margin-bottom: 0 !important; }
.pkp_structure_sidebar > .block_custom > .content {
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_sidebar .block_custom > .content :is(.stage,.wrap) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_sidebar .block_custom > .content .wrap > .content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_sidebar .block_make_submission > .content {
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_sidebar .block_make_submission_link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  background: linear-gradient(120deg,#073352,#0b5d91) !important;
  border: 2px solid #d4a33d !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-decoration: none !important;
  opacity: 1 !important;
  box-shadow: 0 5px 15px rgba(7,51,82,.12);
}
.pkp_structure_sidebar > .pkp_block:not(.block_custom):not(.block_make_submission) > .content {
  padding: 12px 14px !important;
}
.pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader) {
  margin: 0 !important;
  padding: 12px 14px !important;
  line-height: 1.45 !important;
}
.pkp_structure_sidebar img { max-width: 100%; height: auto; }
.pkp_structure_sidebar a { overflow-wrap: break-word; }
/* Footer avoids its old fixed column minimums at intermediate widths. */
.kijmr-footer__content,
.kijmr-short-footer__main {
  grid-template-columns: minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr) !important;
  column-gap: 32px !important;
  max-width: var(--kijmr-content-width) !important;
  padding: 34px var(--kijmr-gutter) 30px !important;
}
.pkp_footer_content { margin: 0 !important; padding: 0 !important; }
@media screen and (min-width: 768px) and (max-width: 1100px) {
  :root { --kijmr-gutter: 20px; --kijmr-column-gap: 20px; --kijmr-card-gap: 20px; }
  .pkp_structure_content > .pkp_structure_sidebar,
  .pkp_structure_content > .pkp_structure_sidebar.left {
    flex-basis: 280px !important;
    width: 280px !important;
    max-width: 280px !important;
  }
}
@media screen and (max-width: 980px) {
  .kijmr-footer__content,
  .kijmr-short-footer__main { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media screen and (max-width: 900px) {
  .pkp_structure_content,
  .pkp_structure_content.has_sidebar { flex-direction: column !important; }
  .pkp_structure_content > .pkp_structure_main,
  .pkp_structure_content > .pkp_structure_sidebar,
  .pkp_structure_content > .pkp_structure_sidebar.left {
    flex: 0 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  :root { --kijmr-gutter: 12px; --kijmr-column-gap: 20px; --kijmr-card-gap: 18px; }
  .pkp_structure_content,
  .pkp_structure_content.has_sidebar { padding-top: 20px !important; padding-bottom: 28px !important; }
  .pkp_structure_main > .page { padding: 20px 16px !important; }
  .pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] > :is(section,div) > div:first-child:has(> h2) {
    padding: 13px 16px !important;
  }
  .pkp_structure_main :is(.homepage_about,.additional_content) > div[style*="max-width"] > :is(section,div) > div:first-child:has(> h2) + div {
    padding: 16px !important;
  }
  .pkp_structure_main :is(.homepage_about,.additional_content) h2 { font-size: clamp(21px,5.7vw,27px) !important; }
  .pkp_structure_main :is(.homepage_about,.additional_content) [style*="flex:"] { min-width: 0 !important; }
  .pkp_structure_sidebar > .pkp_block { margin-bottom: 16px !important; }
  .kijmr-final-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 20px 14px 22px !important;
  }
  .kijmr-final-info { flex-wrap: wrap !important; gap: 8px 12px !important; line-height: 1.5 !important; }
  .kijmr-final-info a,
  .kijmr-final-issn { max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; }
  .kijmr-final-title { white-space: normal !important; font-size: clamp(23px,6vw,31px) !important; line-height: 1.25 !important; }
  .kijmr-final-subtitle { line-height: 1.5 !important; }
  .kijmr-final-balance { display: none !important; }
}
@media screen and (max-width: 640px) {
  .kijmr-footer__content,
  .kijmr-short-footer__main { display: block !important; padding: 28px 18px 24px !important; }
}

/* =========================================================
   7. LIVE INSPECTION FIX — OJS OUTER PAGE WIDTH
   The live .pkp_structure_page retained OJS max-width:1160px.
   Reset that ancestor; a wider child cannot escape its parent.
   ========================================================= */
body.pkp_page_index,
body.pkp_page_about,
body.pkp_page_announcement,
body {
  margin: 0;
  background: #f5f8fb;
}
.pkp_structure_page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}
.pkp_structure_content.has_sidebar > .pkp_structure_sidebar,
.pkp_structure_content > .pkp_structure_sidebar {
  position: relative !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}
/* Keep hero and sidebar aligned at the same starting edge. */
.pkp_structure_main .homepage_about > div[style*="max-width"] > div:first-child {
  padding: 24px 22px !important;
}
.pkp_structure_main .homepage_about > div[style*="max-width"] > div:first-child > h2 {
  font-size: clamp(25px,2.35vw,32px) !important;
  line-height: 1.4 !important;
}
/* Preserve readable spacing without fully justified narrow detail cards. */
.pkp_structure_main .homepage_about section > div:last-child {
  padding: 20px !important;
}
.pkp_structure_sidebar .block_custom > .content > .stage > .wrap {
  min-height: 0 !important;
  height: auto !important;
}
@media screen and (max-width: 767px) {
  .pkp_structure_main .homepage_about > div[style*="max-width"] > div:first-child {
    padding: 22px 16px !important;
  }
  .pkp_structure_main .homepage_about > div[style*="max-width"] > div:first-child > h2 {
    font-size: clamp(23px,6vw,29px) !important;
  }
  .pkp_structure_main .homepage_about section > div:last-child {
    padding: 16px !important;
  }
}
/* Make a Submission — blink effect */
.pkp_structure_sidebar .block_make_submission_link {
  animation: kijmr-submission-blink 1.4s ease-in-out infinite !important;
}

@keyframes kijmr-submission-blink {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(212, 163, 61, 0);
  }
  50% {
    opacity: 0.55;
    box-shadow: 0 0 16px 3px rgba(212, 163, 61, 0.55);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pkp_structure_sidebar .block_make_submission_link {
    animation: none !important;
  }
}

/* =========================================================
   8. MOBILE NAVIGATION — native OJS toggle and correct 992px breakpoint
   Desktop layout above 992px is unchanged.
   ========================================================= */
@media screen and (max-width: 992px) {
  /* Keep navigation in normal flow below the journal header. */
  .pkp_structure_head .pkp_site_name_wrapper {
    height: auto !important;
    overflow: visible !important;
  }
  .pkp_structure_head .pkp_site_nav_toggle {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 24px) !important;
    height: 46px !important;
    margin: 0 12px 10px !important;
    padding: 0 16px !important;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
    border-radius: 5px !important;
    transform: none !important;
    z-index: 60 !important;
    cursor: pointer;
  }
  .pkp_structure_head .pkp_site_nav_toggle::before {
    content: "☰  Menu" !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
    font: 700 15px/1.5 Arial, sans-serif !important;
  }
  .pkp_structure_head .pkp_site_nav_toggle::after,
  .pkp_structure_head .pkp_site_nav_toggle > span { display: none !important; }
  .pkp_structure_head .pkp_site_name_wrapper.kijmr-final-wrapper {
    display: flex !important;
    flex-direction: column !important;
  }
  .pkp_structure_head .kijmr-final-header { order: 0; width: 100% !important; }
  .pkp_structure_head .pkp_site_nav_toggle { order: 1; }
  .pkp_structure_head .pkp_site_nav_menu:not(.pkp_site_nav_menu--isOpen) {
    display: none !important;
  }
  .pkp_structure_head .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
    display: block !important;
  }
  .pkp_structure_head .pkp_site_nav_menu {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    overflow: visible !important;
    background: #000 !important;
    box-sizing: border-box !important;
    z-index: 40;
  }
  .pkp_structure_head .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_primary_wrapper {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .pkp_structure_head .pkp_navigation_primary {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 2px 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    color: #fff !important;
    background: transparent !important;
    font: 700 14px/1.5 Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  /* Submenus stay inside the viewport and work with touch and keyboard. */
  .pkp_structure_head .pkp_navigation_primary ul {
    position: static !important;
    display: none !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 4px 0 !important;
    background: #171717 !important;
    box-shadow: none !important;
  }
  .pkp_structure_head .pkp_navigation_primary li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .pkp_structure_head .pkp_navigation_primary ul a {
    display: block !important;
    padding: 11px 14px !important;
    color: #fff !important;
    background: #171717 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
  }
  .pkp_structure_head .pkp_navigation_primary a:hover,
  .pkp_structure_head .pkp_navigation_primary a:focus-visible {
    color: #f2bf58 !important;
    background: #222 !important;
    outline: 2px solid #f2bf58;
    outline-offset: -2px;
  }
  .pkp_structure_head .pkp_navigation_search_wrapper,
  .pkp_structure_head .pkp_search {
    position: static !important;
    inset: auto !important;
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    color: #fff !important;
    background: #000 !important;
    line-height: 1.5 !important;
    transform: none !important;
  }
  .pkp_structure_head .pkp_navigation_search_wrapper .pkp_search {
    padding: 0 !important;
  }
  .pkp_structure_head .pkp_navigation_user_wrapper {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    background: transparent !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
  .pkp_structure_head .pkp_navigation_user {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px 12px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    list-style: none !important;
  }
  .pkp_structure_head .pkp_navigation_user > li > a {
    display: inline-block !important;
    padding: 10px 4px !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}