/* React-conversion fixes on top of the exported design CSS. */

/* The exported style.css has an invalid height (`5var(--spacing-70)`) for the
   contact map, which leaves it collapsed — give it a solid default. */
.os-map__map {
	height: 480px;
	min-height: 320px;
}

@media screen and (max-width: 760px) {
	.os-map__map {
		height: 50vh;
	}
}

/* SEO direct-answer / lead paragraph: slightly emphasised intro that AI
   assistants and search snippets quote. Kept subtle to preserve the design. */
.page__body .lead {
	font-size: 1.12em;
	line-height: 1.6;
	color: var(--color-white);
}


/* Cookie consent banner (components/Consent.tsx). Bottom sheet, no overlay: Law 25 wants a
   real choice, not a wall, and the page must stay usable (and crawlable) underneath. */
.consent {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 1000;
	max-width: 720px;
	margin: 0 auto;
	padding: 1.1rem 1.25rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	background: var(--color-white, #fff);
	color: #181d25;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
	font-size: 0.92rem;
	line-height: 1.45;
}
.consent__text { flex: 1 1 320px; }
.consent__text p { margin: 0.25rem 0 0; }
.consent__more { text-decoration: underline; color: inherit; }
.consent__actions { display: flex; gap: 0.5rem; }
.consent__btn {
	cursor: pointer;
	border: 1px solid #181d25;
	background: #181d25;
	color: #fff;
	padding: 0.6rem 1.1rem;
	border-radius: 999px;
	font: inherit;
	font-weight: 600;
}
.consent__btn--ghost { background: transparent; color: #181d25; }
.consent__btn:focus-visible { outline: 2px solid #181d25; outline-offset: 2px; }