/**
 * Prime Academic Press — force layer v9.
 * 1) Logout hover uses same yellow as other dropdown items.
 * 2) Main nav dropdown hover uses same yellow as user dropdown hover.
 * 3) Footer 4-column spacing evenly distributed.
 */

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

/* Main menu bar hard-center */
header#headerNavigationContainer.pap-masthead .pap-header-nav-strip .pap-header-inner {
	display: flex !important;
	justify-content: center !important;
}

header#headerNavigationContainer.pap-masthead #nav-menu.navbar-collapse,
header#headerNavigationContainer.pap-masthead #nav-menu.navbar-collapse.collapse {
	float: none !important;
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

header#headerNavigationContainer.pap-masthead .pap-nav-menu-inner {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
}

header#headerNavigationContainer.pap-masthead #nav-menu #main-navigation.pap-main-nav {
	float: none !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

header#headerNavigationContainer.pap-masthead #nav-menu #main-navigation.pap-main-nav > li {
	float: none !important;
}

/* 1) User dropdown (Login menu): all items, including Logout, same yellow on hover */
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a:hover,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a:focus,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li:last-child > a:hover,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li:last-child > a:focus {
	background: linear-gradient(180deg, var(--pap-menu-yellow-1) 0%, var(--pap-menu-yellow-2) 100%) !important;
	color: var(--pap-menu-yellow-text) !important;
}

/* 2) Main navigation dropdown hover uses identical yellow */
header#headerNavigationContainer.pap-masthead #nav-menu .navbar-nav .dropdown-menu > li > a:hover,
header#headerNavigationContainer.pap-masthead #nav-menu .navbar-nav .dropdown-menu > li > a:focus {
	background: linear-gradient(180deg, var(--pap-menu-yellow-1) 0%, var(--pap-menu-yellow-2) 100%) !important;
	color: var(--pap-menu-yellow-text) !important;
}

/* 3) Footer 4 columns: equal-width columns + balanced spacing */
.footer.pap-footer .pap-footer-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	column-gap: clamp(24px, 3.2vw, 48px) !important;
	row-gap: 28px !important;
	align-items: start !important;
	justify-items: stretch !important;
}

.footer.pap-footer .pap-footer-grid > .pap-footer-col {
	width: 100% !important;
}

@media (max-width: 992px) {
	.footer.pap-footer .pap-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 26px !important;
	}
}

@media (max-width: 768px) {
	.footer.pap-footer .pap-footer-grid {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
		row-gap: 30px !important;
	}
}