/**
 * Prime Academic Press — force layer v7.
 * - Ensure login/logout are not permanently yellow.
 * - Keep dropdown hover yellow only.
 * - Footer brand block on right side and centered content/icons.
 */

:root {
	--pap-logout-yellow-1: #f7d45a;
	--pap-logout-yellow-2: #d4a81f;
	--pap-logout-yellow-text: #2f2202;
}

/* -------- top user area: neutral by default -------- */
header#headerNavigationContainer.pap-masthead #navigationUser > li > a,
header#headerNavigationContainer.pap-masthead #navigationUser a[href*="/login"],
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li:last-child > a {
	background: rgba(255, 255, 255, 0.05) !important;
	color: rgba(242, 245, 249, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	box-shadow: none !important;
}

header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a {
	background: #ffffff !important;
	color: #1f2a37 !important;
}

/* Dropdown items (incl. Logout): yellow only on hover/focus */
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a:hover,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a:focus {
	background: linear-gradient(180deg, var(--pap-logout-yellow-1) 0%, var(--pap-logout-yellow-2) 100%) !important;
	color: var(--pap-logout-yellow-text) !important;
}

/* -------- footer brand column placement + centering -------- */
.footer.pap-footer .pap-footer-grid .pap-footer-col--brand {
	order: 4 !important; /* place at rightmost on desktop */
	text-align: center !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

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

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

.footer.pap-footer .pap-footer-grid .pap-footer-col--brand .pap-footer-social {
	justify-content: center !important;
	width: 100% !important;
	margin-top: 14px !important;
}

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