/**
 * Prime Academic Press — force layer v8.
 * 1) Footer brand column left on desktop, centered content; top on mobile.
 * 2) Logout default text color same as other dropdown items.
 * 3) Main content redesigned to Apple-like soft card aesthetic.
 */

/* ───────── Footer brand column layout ───────── */
.footer.pap-footer .pap-footer-grid .pap-footer-col--brand {
	order: 1 !important; /* desktop: leftmost */
	text-align: center !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

.footer.pap-footer .pap-footer-grid .pap-footer-col:nth-child(2) { order: 2 !important; }
.footer.pap-footer .pap-footer-grid .pap-footer-col:nth-child(3) { order: 3 !important; }
.footer.pap-footer .pap-footer-grid .pap-footer-col:nth-child(4) { order: 4 !important; }

.footer.pap-footer .pap-footer-col--brand .pap-footer-brand,
.footer.pap-footer .pap-footer-col--brand .pap-footer-social {
	justify-content: center !important;
	width: 100% !important;
}

.footer.pap-footer .pap-footer-col--brand .pap-footer-brand__tagline,
.footer.pap-footer .pap-footer-col--brand .pap-footer-brand__desc {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 300px !important;
}

@media (max-width: 992px) {
	.footer.pap-footer .pap-footer-grid .pap-footer-col--brand {
		order: 1 !important; /* keep first/top on tablet/mobile */
	}
}

/* ───────── User dropdown color consistency ───────── */
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li:last-child > a {
	color: #1f2a37 !important; /* logout same as others */
	background: #ffffff !important;
}

/* ───────── Apple-like content styling ───────── */
body.pap-site-index .pkp_structure_content.container.pap-content_layout,
body.pap-site-index .pkp_structure_content.container.pap-site-main-fluid {
	background:
		radial-gradient(1200px 420px at 50% -120px, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0) 60%),
		linear-gradient(180deg, #edf1f6 0%, #f5f7fa 38%, #f1f4f8 100%) !important;
}

body.pap-site-index #main-site .about_site {
	background: rgba(255, 255, 255, 0.72) !important;
	backdrop-filter: blur(10px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(10px) saturate(140%) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
	border-bottom: 1px solid rgba(214, 221, 231, 0.8) !important;
	border-radius: 20px !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 14px 36px rgba(16, 24, 40, 0.08) !important;
	padding: 1.4rem 1.5rem !important;
	margin-bottom: 1.35rem !important;
}

body.pap-site-index #main-site .about_site h1,
body.pap-site-index #main-site .about_site h2,
body.pap-site-index #main-site .about_site h3,
body.pap-site-index #main-site .about_site h4 {
	font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
	font-weight: 650 !important;
	letter-spacing: -0.01em !important;
	color: #111827 !important;
	border-bottom: 1px solid rgba(189, 198, 210, 0.55) !important;
	padding-bottom: 0.32rem !important;
	margin-top: 1.25rem !important;
	margin-bottom: 0.55rem !important;
}

body.pap-site-index #main-site .about_site p {
	line-height: 1.8 !important;
	color: #1f2937 !important;
}

body.pap-site-index #main-site .journals {
	background: transparent !important;
	border-top: none !important;
	padding-top: 1.15rem !important;
}

body.pap-site-index #main-site .journals .media-list > .media {
	background: rgba(255, 255, 255, 0.76) !important;
	backdrop-filter: blur(8px) saturate(132%) !important;
	-webkit-backdrop-filter: blur(8px) saturate(132%) !important;
	border: 1px solid rgba(255, 255, 255, 0.92) !important;
	border-radius: 18px !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:hover {
	transform: translateY(-2px) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 20px 44px rgba(15, 23, 42, 0.12) !important;
}

/* Buttons in content: rounded Apple-like pills + smooth hover */
.pkp_structure_main .btn,
.pkp_structure_main .nav-pills > li > a,
.pkp_structure_main .read-more {
	border-radius: 999px !important;
	border: 1px solid rgba(148, 163, 184, 0.35) !important;
	background: rgba(255, 255, 255, 0.78) !important;
	color: #1f2937 !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
	transition: all 0.2s ease !important;
}

.pkp_structure_main .btn:hover,
.pkp_structure_main .btn:focus,
.pkp_structure_main .nav-pills > li > a:hover,
.pkp_structure_main .nav-pills > li > a:focus,
.pkp_structure_main .read-more:hover,
.pkp_structure_main .read-more:focus {
	background: linear-gradient(180deg, #f7d45a 0%, #d4a81f 100%) !important;
	border-color: #f4d03f !important;
	color: #2f2202 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 18px rgba(139, 111, 27, 0.25) !important;
}