/**
 * Prime Academic Press — force layer v12.
 * 1) Journals list: one journal per row, Apple-like card style.
 * 2) Header palette: move from near-black to refined academic blue.
 */

/* ───────── 1) Journals list: single-row cards ───────── */
body.pap-site-index #main-site .journals .media-list {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.pap-site-index #main-site .journals .media-list > .media {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 0 16px !important;
	padding: 16px 18px !important;
	border-radius: 18px !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	background: rgba(255, 255, 255, 0.76) !important;
	backdrop-filter: blur(8px) saturate(135%) !important;
	-webkit-backdrop-filter: blur(8px) saturate(135%) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

body.pap-site-index #main-site .journals .media-list > .media::before {
	display: none !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 {
	float: none !important;
	flex: 0 0 112px !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !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 {
	width: 112px !important;
	height: 112px !important;
	max-height: none !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
}

body.pap-site-index #main-site .journals .media-list > .media .media-body {
	flex: 1 1 auto !important;
	width: auto !important;
	padding: 0 !important;
}

body.pap-site-index #main-site .journals .media-heading {
	line-height: 1.3 !important;
	margin-bottom: 0.5rem !important;
}

body.pap-site-index #main-site .journals .media-body .description {
	line-height: 1.7 !important;
	color: #374151 !important;
}

/* Keep actions in one horizontal line when possible */
body.pap-site-index #main-site .journals .nav-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

body.pap-site-index #main-site .journals .nav-pills > li {
	float: none !important;
	margin: 0 !important;
}

@media (max-width: 768px) {
	body.pap-site-index #main-site .journals .media-list > .media {
		flex-direction: column !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 {
		flex: 0 0 auto !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 {
		width: 108px !important;
		height: 108px !important;
	}
}

/* ───────── 2) Header color reset to match site style ───────── */
header#headerNavigationContainer.navbar.navbar-default.pap-header-prime.pap-masthead {
	background: #163257 !important;
	box-shadow: 0 10px 28px rgba(22, 50, 87, 0.26) !important;
}

header#headerNavigationContainer .pap-header-top-strip.pap_site_name_wrapper {
	background: linear-gradient(180deg, #1b3f6c 0%, #173761 52%, #153457 100%) !important;
}

header#headerNavigationContainer .pap-header-nav-strip.pap_site_nav_menu {
	background: linear-gradient(180deg, #1d406c 0%, #1a3a64 55%, #173357 100%) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

header#headerNavigationContainer .pap_top_accent {
	background: linear-gradient(
		90deg,
		#173357 0%,
		#c9a227 22%,
		#f4d03f 50%,
		#c9a227 78%,
		#173357 100%
	) !important;
}