/**
 * Responsive map embed ([lhd_map]).
 * Selectors use :where() (zero specificity) so any class can override them.
 */

:where(.lhd-map-embed) {
	--lhd-map-ratio: 56.25%;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: var(--lhd-map-ratio);
	overflow: hidden;
}

:where(.lhd-map-embed__iframe) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}