/**
 * Location bar (Miasto / Dzielnica) on single portfolio entries.
 * Rendered by inc/portfolio-location.php at the top of the article content.
 */

.stabilizer-pf-location {
	--stabilizer-loc-accent: #ac8c66;
	--stabilizer-loc-muted: #8a8a8a;
	--stabilizer-loc-text: #1a1a1a;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 3rem;
	align-items: center;
	margin: 0 0 2.25em;
	padding: 0 0 1.5em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.stabilizer-pf-location__item {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	min-width: 0;
}

.stabilizer-pf-location__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border: 1px solid var(--stabilizer-loc-accent);
	border-radius: 50%;
	color: var(--stabilizer-loc-accent);
}

.stabilizer-pf-location__icon svg {
	width: 21px;
	height: 21px;
}

.stabilizer-pf-location__text {
	display: flex;
	flex-direction: column;
	gap: 0.1em;
	min-width: 0;
}

.stabilizer-pf-location__label {
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--stabilizer-loc-muted);
	line-height: 1.2;
}

.stabilizer-pf-location__value {
	font-size: 1.1em;
	font-weight: 600;
	color: var(--stabilizer-loc-text);
	line-height: 1.3;
	overflow-wrap: anywhere;
}

@media (max-width: 479px) {
	.stabilizer-pf-location {
		gap: 0.9rem 1.75rem;
		margin-bottom: 1.75em;
		padding-bottom: 1.15em;
	}

	.stabilizer-pf-location__icon {
		width: 40px;
		height: 40px;
	}

	.stabilizer-pf-location__icon svg {
		width: 18px;
		height: 18px;
	}

	.stabilizer-pf-location__value {
		font-size: 1em;
	}
}