/* Image Focus Point — frontend art direction
 * Must beat theme rules like `.img-box img { object-position: center }`
 */

.trsn-ifp-has-focus,
.img-box .trsn-ifp-has-focus,
.img-box figure .trsn-ifp-has-focus,
.img-box a .trsn-ifp-has-focus,
.trsn-image-wrapper .trsn-ifp-has-focus {
	object-position: var(--trsn-ifp-focus, 50% 50%) !important;
}

/* Portrait mode: prefer the dedicated portrait focus on tall frames / mobile */
@media (max-width: 782px) {
	.trsn-ifp-has-portrait,
	.img-box .trsn-ifp-has-portrait,
	.img-box figure .trsn-ifp-has-portrait,
	.img-box a .trsn-ifp-has-portrait,
	.trsn-image-wrapper .trsn-ifp-has-portrait {
		object-position: var(--trsn-ifp-portrait, var(--trsn-ifp-focus, 50% 50%)) !important;
	}
}

@media (max-aspect-ratio: 3/4) {
	.trsn-ifp-has-portrait,
	.img-box .trsn-ifp-has-portrait,
	.img-box figure .trsn-ifp-has-portrait,
	.img-box a .trsn-ifp-has-portrait,
	.trsn-image-wrapper .trsn-ifp-has-portrait {
		object-position: var(--trsn-ifp-portrait, var(--trsn-ifp-focus, 50% 50%)) !important;
	}
}