/* Small additions on top of the compiled build: the dropdown and lightbox behaviour that
   used to come from Radix components, and the honeypot field. */

.egy-dropdown__menu[hidden],
.egy-langswitch__menu[hidden] { display: none; }

.egy-dropdown { position: relative; }
.egy-dropdown__menu { inset-inline-start: 0; top: 100%; }

.egy-langswitch__menu { inset-inline-end: 0; top: 100%; list-style: none; margin: 0; padding: 0; }

.egy-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.egy-lightbox {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: rgba(0, 0, 0, .85);
	cursor: zoom-out;
}
.egy-lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; }
.egy-lightbox__close {
	position: absolute;
	top: 1rem;
	inset-inline-end: 1rem;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	background: none;
	border: 0;
	cursor: pointer;
}

/* Article bodies arrive as raw HTML from the previous editor; keep their media inside the
   column and give headings the same rhythm the old prose styles had. */
.prose img { max-width: 100%; height: auto; border-radius: .5rem; }
.prose video { max-width: 100%; height: auto; }

/* The article video sits in a 16:9 box but the clips are portrait. Letterbox the poster and
   the video inside it, the way the previous player did, instead of cropping them to fill. */
.egy-video video { object-fit: contain; background: #000; }
.prose h2 { margin-top: 2rem; }

.egy-about__figure { margin: 2rem 0; }
.egy-contact__details { list-style: none; padding: 0; margin: 1.5rem 0; }
.egy-contact__details li { margin-bottom: .5rem; }
.egy-contact__details span { font-weight: 600; }