/**
 * Frontend styles for makrohaus Bildfokus.
 *
 * The deliberately strong selectors keep Elementor's generated responsive
 * background-position rules from overriding the stored focal point.
 */

.mhif-elementor-image img {
	object-position: var(--mhif-image-position, 50% 50%) !important;
}

html body .elementor .elementor-element.mhif-elementor-background,
html body .elementor .elementor-element.mhif-elementor-background > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html body .elementor .elementor-element.mhif-elementor-background .elementor-background-slideshow__slide__image {
	background-position: var(--mhif-background-position-desktop, 50% 50%) !important;
}

html body .elementor .elementor-element.mhif-elementor-overlay > .elementor-background-overlay,
html body .elementor .elementor-element.mhif-elementor-overlay::before {
	background-position: var(--mhif-overlay-position-desktop, 50% 50%) !important;
}

@media (max-width: 1024px) {
	html body .elementor .elementor-element.mhif-elementor-background,
	html body .elementor .elementor-element.mhif-elementor-background > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	html body .elementor .elementor-element.mhif-elementor-background .elementor-background-slideshow__slide__image {
		background-position: var(--mhif-background-position-tablet, var(--mhif-background-position-desktop, 50% 50%)) !important;
	}

	html body .elementor .elementor-element.mhif-elementor-overlay > .elementor-background-overlay,
	html body .elementor .elementor-element.mhif-elementor-overlay::before {
		background-position: var(--mhif-overlay-position-tablet, var(--mhif-overlay-position-desktop, 50% 50%)) !important;
	}
}

@media (max-width: 767px) {
	html body .elementor .elementor-element.mhif-elementor-background,
	html body .elementor .elementor-element.mhif-elementor-background > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	html body .elementor .elementor-element.mhif-elementor-background .elementor-background-slideshow__slide__image {
		background-position: var(--mhif-background-position-mobile, var(--mhif-background-position-tablet, var(--mhif-background-position-desktop, 50% 50%))) !important;
	}

	html body .elementor .elementor-element.mhif-elementor-overlay > .elementor-background-overlay,
	html body .elementor .elementor-element.mhif-elementor-overlay::before {
		background-position: var(--mhif-overlay-position-mobile, var(--mhif-overlay-position-tablet, var(--mhif-overlay-position-desktop, 50% 50%))) !important;
	}
}