/**
 * Barra negra de submenú (ACF): sota el header Bridge, abans del títol.
 * Enllaços grisos, majúscules, blanc en hover/focus.
 *
 * Bridge sol posar overflow:hidden a .wrapper_inner; amb full-bleed (100vw + marges)
 * la barra queda retallada i sembla «invisible». Es força overflow visible en
 * aquestes vistes i es manté la franja a amplada de viewport.
 *
 * Mòbil (≤991.98px): sense 100vw ni marges calc(50% - 50vw) per evitar scroll lateral;
 * la franja segueix l’amplada del contenidor. Revert: PROMOECO_CHILD_LEGACY_SITE_SUBBAR_CSS. 
 */
body.page-template-page-informes-historial-php .wrapper_inner,
body.page-template-page-informes-comarques-php .wrapper_inner,
body.page-template-page-informes-tipologia-php .wrapper_inner,
body.single-informe-socioeconomi .wrapper_inner {
	overflow-x: visible !important;
	overflow-y: visible !important;
}

.pe-site-subbar {
	box-sizing: border-box;
	position: relative;
	z-index: 160;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background-color: #000000;
	color: #a8a8a8;
	min-height: 2.5rem;
}

.pe-site-subbar__inner {
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0.55rem var(--pe-child-page-gutter);
}

.pe-site-subbar__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem 1.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pe-site-subbar__item {
	margin: 0;
	padding: 0;
}

.pe-site-subbar__link {
	display: inline-block;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.35;
	text-decoration: none;
	text-transform: uppercase;
	color: #a8a8a8;
	transition: color 0.18s ease;
}

.pe-site-subbar__link:hover,
.pe-site-subbar__link:focus-visible {
	color: #ffffff;
	text-decoration: none;
}

.pe-site-subbar__link:focus-visible {
	outline: 2px solid var(--pe-child-focus-ring-alt, #2563eb);
	outline-offset: 2px;
}

.pe-site-subbar__link:focus:not(:focus-visible) {
	outline: none;
}

@media (max-width: 991.98px) {
	.pe-site-subbar {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 600px) {
	.pe-site-subbar__list {
		justify-content: flex-start;
		gap: 0.35rem 1rem;
	}
}