/**
 * Accueil — collage Pauline et Florent
 * Desktop (souris) : parallax fixed
 * Touch : image HTML au centre + côtés en fond cover zoomé (gauche/droite)
 */

@media (hover: none) and (pointer: coarse) {
	.elementor-10 .elementor-element-18c14a9:not(.elementor-motion-effects-element-type-background),
	.elementor-10 .elementor-element-18c14a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	.elementor-10 .elementor-element-01dd56c:not(.elementor-motion-effects-element-type-background),
	.elementor-10 .elementor-element-01dd56c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-attachment: scroll !important;
		-webkit-background-attachment: scroll !important;
	}

	/* Centre : widget Image */
	.elementor-10 .elementor-element-ad6b66d {
		position: relative !important;
		min-height: 480px !important;
		--min-height: 480px !important;
		overflow: hidden !important;
		background: none !important;
		isolation: isolate;
	}

	.elementor-10 .elementor-element-ad6b66d > .elementor-motion-effects-container {
		display: none !important;
	}

	.elementor-10 .elementor-element-ad6b66d:not(.elementor-motion-effects-element-type-background),
	.elementor-10 .elementor-element-ad6b66d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background: none !important;
		background-image: none !important;
	}

	.elementor-10 .elementor-element-ad6b66d .mm-pauline-center-fallback {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		z-index: 5 !important;
		margin: 0 !important;
		padding: 0 !important;
		pointer-events: none;
	}

	.elementor-10 .elementor-element-ad6b66d .mm-pauline-center-fallback .elementor-widget-container {
		width: 100% !important;
		height: 100% !important;
		line-height: 0 !important;
	}

	.elementor-10 .elementor-element-ad6b66d .mm-pauline-center-fallback img {
		width: 100% !important;
		height: 100% !important;
		min-height: 480px !important;
		object-fit: cover !important;
		object-position: center center !important;
		display: block !important;
	}
}

/* iPad / tablette tactile : côtés = fond cover zoomé (comme réglages Elementor tablette) */
@media (hover: none) and (pointer: coarse) and (min-width: 768px) {
	.elementor-10 .elementor-element-1c92660 {
		flex-direction: row !important;
		align-items: stretch !important;
		min-height: 520px !important;
	}

	.elementor-10 .elementor-element-18c14a9,
	.elementor-10 .elementor-element-01dd56c {
		min-height: 520px !important;
		--min-height: 520px !important;
		overflow: hidden !important;
		align-self: stretch !important;
	}

	.elementor-10 .elementor-element-18c14a9 > .elementor-motion-effects-container,
	.elementor-10 .elementor-element-01dd56c > .elementor-motion-effects-container,
	.elementor-10 .elementor-element-18c14a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	.elementor-10 .elementor-element-01dd56c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		min-height: 100% !important;
		height: 100% !important;
	}

	/* Gauche : crop center left */
	.elementor-10 .elementor-element-18c14a9:not(.elementor-motion-effects-element-type-background),
	.elementor-10 .elementor-element-18c14a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: 734px auto !important;
		background-position: center left !important;
		background-repeat: no-repeat !important;
	}

	/* Droite : crop center right */
	.elementor-10 .elementor-element-01dd56c:not(.elementor-motion-effects-element-type-background),
	.elementor-10 .elementor-element-01dd56c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: 734px auto !important;
		background-position: center right !important;
		background-repeat: no-repeat !important;
	}

	.elementor-10 .elementor-element-ad6b66d {
		min-height: 520px !important;
		--min-height: 520px !important;
	}

	.elementor-10 .elementor-element-ad6b66d .mm-pauline-center-fallback img {
		min-height: 520px !important;
	}
}

@media (hover: hover) and (pointer: fine) {
	.elementor-10 .elementor-element-ad6b66d .mm-pauline-center-fallback {
		display: none !important;
	}
}