/**
 * Corrections for pages built in Elementor.
 *
 * Loaded only when the plugin is active, after main.css. Everything here
 * exists because the builder wraps a widget in markup the templates lack.
 */

/* The section widgets are full-bleed and set their own grounds, so the
   container Elementor puts round them must not pad, centre or constrain. */
.mn-section-widget {
	width: 100%;
	max-width: none;
}

.elementor-widget-wrap > .elementor-element.mn-section-widget,
.e-con > .mn-section-widget,
.e-con-inner > .mn-section-widget {
	padding: 0;
	margin: 0;
}

.mn-elementor .e-con,
.mn-elementor .e-con-inner {
	--container-max-width: 100%;
}

/* Elementor ships `.elementor img { height: auto }` at one class of
   specificity, which ties with a single-class rule in main.css and wins on
   source order — every cover image would collapse to its intrinsic ratio.
   Restored here at a specificity the reset cannot match. */
.elementor .mn-hero__media img,
.elementor .mn-pagehead__media img,
.elementor .mn-gallery__item img,
.elementor .mn-insta__item img,
.elementor .mn-card__media img {
	height: 100%;
	object-fit: cover;
}

/* These keep a ratio rather than filling a box. */
.elementor .mn-story__media img,
.elementor .mn-menu__media img {
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

@media (max-width: 980px) {
	.elementor .mn-story__media img {
		aspect-ratio: 4 / 3;
	}

	.elementor .mn-menu__media img {
		aspect-ratio: 16 / 9;
	}
}

.elementor .mn-brand img {
	height: auto;
}

/* No paragraph rule here on purpose: main.css sets the rhythm, and a
   `.mn-section-widget p` rule would out-specify the single-class margins on
   the button rows (.mn-insta__cta, .mn-story__cta …) and collapse the space
   above every button on builder pages. */

/* In the canvas the widget sits in an extra positioned wrapper; without this
   absolutely positioned media would measure against the wrong ancestor. */
.elementor-element.mn-section-widget > .elementor-widget-container {
	position: relative;
}

/* Sticky columns never stick inside the editor's scrolling iframe and only
   get in the way of selecting things there. */
body.mn-editing .mn-menu__media,
body.mn-editing .mn-faqblock .mn-head,
body.mn-editing .mn-contact__aside {
	position: static;
}

/* Nothing fades in the builder — see the note in main.css. */
body.mn-editing .mn-reveal {
	opacity: 1;
	transform: none;
	transition: none;
}