/**
 * Final overrides — user dropdown spacing + symmetric full-width page shell.
 * Loads absolutely last.
 */

:root {
	--pap-shell-max: 1400px;
	--pap-shell-gutter: clamp(20px, 3vw, 40px);
}

/* ─── 1) Login / user dropdown — same panel + items as About (#main-navigation) ─── */
header#headerNavigationContainer.pap-masthead .pap-header-top-strip #navigationUser > li.dropdown.pap-user-menu__dropdown,
header#headerNavigationContainer.pap-masthead .pap-header-top-strip #navigationUser > li.dropdown {
	display: block !important;
	position: relative !important;
}

/* Panel background — override v13 light frosted + v5 white layers */
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown.open > ul.dropdown-menu,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown.open > ul.pap-user-menu__panel,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown:hover > ul.dropdown-menu,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown:focus-within > ul.dropdown-menu,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser ul.pap-user-menu__panel.dropdown-menu,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown-menu,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user .dropdown-menu {
	display: block !important;
	float: none !important;
	min-width: 220px !important;
	margin: 4px 0 0 0 !important;
	padding: 8px 0 !important;
	list-style: none !important;
	background: #121f36 !important;
	background-color: #121f36 !important;
	background-image: none !important;
	border: 1px solid rgba(201, 162, 39, 0.25) !important;
	border-top: 2px solid #c9a227 !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser ul.pap-user-menu__panel > li,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown-menu > li,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user .dropdown-menu > li {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
	background-color: transparent !important;
}

header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser ul.pap-user-menu__panel > li > a,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown-menu > li > a,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user .dropdown-menu > li > a,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a,
header#headerNavigationContainer.pap-masthead #navigationUser .pap-user-menu__panel > li > a {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 10px 18px !important;
	line-height: 1.45 !important;
	font-size: 13px !important;
	font-weight: 450 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	white-space: normal !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: rgba(235, 240, 248, 0.9) !important;
}

header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser ul.pap-user-menu__panel > li:last-child > a,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown-menu > li:last-child > a,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user .dropdown-menu > li:last-child > a {
	border-bottom: none !important;
}

header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser ul.pap-user-menu__panel > li > a:hover,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser ul.pap-user-menu__panel > li > a:focus,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown-menu > li > a:hover,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user #navigationUser .dropdown-menu > li > a:focus,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user .dropdown-menu > li > a:hover,
header#headerNavigationContainer.pap-masthead .pap-topbar-end__user .dropdown-menu > li > a:focus,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a:hover,
header#headerNavigationContainer.pap-masthead #navigationUser .dropdown-menu > li > a:focus {
	padding: 10px 18px !important;
	background: rgba(91, 155, 213, 0.2) !important;
	background-color: rgba(91, 155, 213, 0.2) !important;
	background-image: none !important;
	color: #fff !important;
}

/* Keep toggle button compact; never inherit 26px lock on panel links */
header#headerNavigationContainer.pap-masthead .pap-header-top-strip #navigationUser > li.dropdown > a.dropdown-toggle {
	height: auto !important;
	min-height: 28px !important;
	max-height: none !important;
	line-height: 1.25 !important;
}

/* ─── 2) Symmetric page shell — equal left/right expansion ─── */
html,
body,
.pkp_structure_page {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
}

header#headerNavigationContainer .container.pap-header-inner,
header#headerNavigationContainer .pap-masthead__shell .container.pap-header-inner,
.pkp_structure_content.container.pap_content_layout,
.pkp_structure_content.container.pap-site-main-fluid,
.footer.pap-footer .container.pap-footer__container,
.footer.pap-footer .pap-footer__copyright .container {
	width: 100% !important;
	max-width: var(--pap-shell-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--pap-shell-gutter) !important;
	padding-right: var(--pap-shell-gutter) !important;
	box-sizing: border-box !important;
	float: none !important;
}

.pkp_structure_content.container.pap_content_layout,
.pkp_structure_content.container.pap-site-main-fluid {
	width: 100% !important;
	max-width: var(--pap-shell-max) !important;
}

@media (min-width: 992px) {
	.pkp_structure_content.container:has(aside#sidebar) {
		width: 100% !important;
		max-width: var(--pap-shell-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: var(--pap-shell-gutter) !important;
		padding-right: var(--pap-shell-gutter) !important;
	}

	.pkp_structure_content.container:has(aside#sidebar) .pkp_structure_main,
	.pkp_structure_content.container:has(aside#sidebar) aside#sidebar {
		float: none !important;
	}
}

body.pap-site-index .pkp_structure_main,
.pkp_structure_content.container .pkp_structure_main {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}