/* Bottom "my location" bar. Colors and spacing come from the site tokens. */
.location-bar {
	--location-bar-padding: clamp(0.8rem, 0.64rem + 0.4vw, 1.2rem);

	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 999;
	background-color: var(--red, #ac2b37);
	color: var(--white, #fff);
	box-shadow: 0 -0.4rem 1.6rem var(--darken-20p, rgba(0, 0, 0, .2));
}

.location-bar[hidden] {
	display: none;
}

.location-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem var(--gap, 2.4rem);
	max-width: 140rem;
	margin-inline: auto;
	padding: var(--location-bar-padding) var(--section-padding-inline, 2.4rem);
}

.location-bar__actions {
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.location-bar__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.2rem;
	min-width: 0;
}

.location-bar [hidden] {
	display: none;
}

.location-bar__text {
	margin: 0;
	font-size: clamp(1.5rem, 1.42rem + 0.2vw, 1.7rem);
	line-height: 1.2;
	font-weight: 600;
}

.location-bar__button {
	display: inline-block;
	padding: 0.6rem 1.4rem;
	border: 1px solid var(--white, #fff);
	background-color: var(--white, #fff);
	color: var(--red, #ac2b37);
	font: inherit;
	font-family: "libre-caslon-text", serif;
	font-size: clamp(1.3rem, 1.26rem + 0.1vw, 1.4rem);
	line-height: 1.1;
	text-decoration: underline;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

.location-bar__button:hover,
.location-bar__button:focus-visible {
	background-color: var(--red, #ac2b37);
	color: var(--white, #fff);
}

.location-bar__link {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: clamp(1.3rem, 1.26rem + 0.1vw, 1.4rem);
	text-decoration: underline;
	cursor: pointer;
}

.location-bar__link:hover,
.location-bar__link:focus-visible {
	text-decoration: none;
}

/* Keep the footer clear of the fixed bar. */
body.has-location-bar {
	padding-bottom: var(--location-bar-height, 0);
}