/* ── ITC Image ───────────────────────────────────────────────────────────── */

.itc-img {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: var(--itci-maxw, 100%);
	height: var(--itci-h, auto);
	margin: 0;
	overflow: hidden;
	line-height: 0;
	border: var(--itci-bw, 0px) var(--itci-bs, solid) var(--itci-bc, transparent);
	border-radius: var(--itci-radius, 0px);
	background-color: var(--itci-bg, transparent);
}
.itc-img--center { margin-left: auto; margin-right: auto; }
.itc-img--right  { margin-left: auto; margin-right: 0; }

/* Image fills the box; cover/contain keeps its proportions (never stretched). */
.itc-img img.itc-img__img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	margin-bottom: 0 !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	object-fit: var(--itci-fit, cover);
	object-position: var(--itci-pos, center center);
}

/* Tablet height (Salient breakpoint) */
@media ( max-width: 999px ) {
	.itc-img {
		height: var(--itci-h-t, var(--itci-h, auto));
	}
}

/* Mobile height */
@media ( max-width: 690px ) {
	.itc-img {
		height: var(--itci-h-m, var(--itci-h-t, var(--itci-h, auto)));
	}
}