/**
 * Prime Academic Press — force layer v14 (cache-bust).
 * Beats v12 header gradients + journal cover/crop + v6 footer padding bleed.
 */

:root {
	--pap-shared-band-bg: linear-gradient(180deg, #183760 0%, #163256 55%, #132d4d 100%);
}

/* ─── 1) Header + footer: one shared gradient (specificity ≥ pap-force-v12) ─── */
header#headerNavigationContainer.navbar.navbar-default.pap-header-prime.pap-masthead,
header#headerNavigationContainer.pap-masthead .pap-masthead__shell,
header#headerNavigationContainer.pap-masthead .pap-masthead__strip--brand,
header#headerNavigationContainer.pap-masthead .pap-masthead__strip--nav {
	background: var(--pap-shared-band-bg) !important;
	box-shadow: none !important;
}

header#headerNavigationContainer .pap-header-top-strip.pap_site_name_wrapper,
header#headerNavigationContainer.pap-masthead .pap-header-top-strip,
header#headerNavigationContainer .pap-header-nav-strip.pap_site_nav_menu,
header#headerNavigationContainer.pap-masthead .pap-header-nav-strip {
	background: var(--pap-shared-band-bg) !important;
	border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.footer.pap-footer,
.footer.pap-footer .pap-footer__main,
.footer.pap-footer .pap-footer__copyright,
.footer.pap-footer .pap-footer__accent {
	background: var(--pap-shared-band-bg) !important;
}

/* Accent bars: same hue family as band (readability, still unified) */
header#headerNavigationContainer .pap_top_accent,
.footer.pap-footer .pap-footer__accent {
	background: linear-gradient(
		90deg,
		#132d4d 0%,
		#c9a227 22%,
		#f4d03f 50%,
		#c9a227 78%,
		#132d4d 100%
	) !important;
}

/* ─── 2) Journals: center row + contain image (override v12 flex-start + cover) ─── */
body.pap-site-index #main-site .journals .media-list > .media {
	align-items: center !important;
	align-content: center !important;
}

body.pap-site-index #main-site .journals .media-list > .media .media-left,
body.pap-site-index #main-site .journals .media-list > .media .media-right {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	flex: 0 0 112px !important;
	width: 112px !important;
	height: 112px !important;
	min-height: 112px !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.pap-site-index #main-site .journals .media-list > .media .media-left > a,
body.pap-site-index #main-site .journals .media-list > .media .media-right > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 112px !important;
	height: 112px !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.72) !important;
}

body.pap-site-index #main-site .journals .media-list > .media .media-left img,
body.pap-site-index #main-site .journals .media-list > .media .media-right img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	padding: 4px !important;
	margin: 0 auto !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
	transform: none !important;
	vertical-align: middle !important;
}

@media (max-width: 768px) {
	body.pap-site-index #main-site .journals .media-list > .media .media-left > a,
	body.pap-site-index #main-site .journals .media-list > .media .media-right > a {
		width: 108px !important;
		height: 108px !important;
	}

	body.pap-site-index #main-site .journals .media-list > .media .media-left,
	body.pap-site-index #main-site .journals .media-list > .media .media-right {
		width: 108px !important;
		height: 108px !important;
		min-height: 108px !important;
		flex-basis: 108px !important;
	}
}

/* ─── 3) Footer: collapse legacy vertical padding / margins from v6 + critical ─── */
.footer.pap-footer {
	margin-top: 10px !important;
	padding: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

.footer.pap-footer .pap-footer__main {
	padding: 6px 16px !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

@media (min-width: 992px) {
	.footer.pap-footer .pap-footer__main {
		padding-right: 16px !important;
		padding-left: 16px !important;
		margin-bottom: 0 !important;
	}
}

.footer.pap-footer .pap-footer__container.container,
.footer.pap-footer .pap-footer__container {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.footer.pap-footer .pap-footer__copyright {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.footer.pap-footer .pap-footer-grid {
	align-items: start !important;
	row-gap: 6px !important;
	column-gap: 18px !important;
}

.footer.pap-footer .pap-footer-col h4 {
	margin: 0 0 6px !important;
}

.footer.pap-footer .pap-footer-brand__tagline {
	margin-top: 4px !important;
	margin-bottom: 2px !important;
}

.footer.pap-footer .pap-footer-brand__desc {
	margin-bottom: 4px !important;
}

.footer.pap-footer .pap-footer-col--brand .pap-footer-social {
	margin-top: 6px !important;
}

.footer.pap-footer .pap-footer-note {
	margin-top: 6px !important;
	padding-top: 4px !important;
}
