/**
 * AGILA Custom Image v1.1.0
 *
 * Header-Defaults: 330 / 230 / 200
 * Footer-Defaults: 210 / 170 / 150
 *
 * ≥ 1081px  Höhe = tatsächliche (skalierte) Bildhöhe, Bild vollständig sichtbar
 * < 1081px  feste Höhe, volle Bildhöhe sichtbar, links/rechts beschnitten
 */

.elementor-widget-agila-custom-image,
.elementor-widget-agila-custom-image-footer {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.agila-custom-image {
	--agila-h-1080: 330px;
	--agila-h-767: 250px;
	--agila-h-599: 200px;
	--agila-h-current: auto;

	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	line-height: 0;
}

.agila-custom-image--footer {
	--agila-h-1080: 210px;
	--agila-h-767: 170px;
	--agila-h-599: 150px;
}

.agila-custom-image--top-left {
	justify-content: flex-start;
}

.agila-custom-image--top-center {
	justify-content: center;
}

.agila-custom-image--top-right {
	justify-content: flex-end;
}

a.agila-custom-image {
	text-decoration: none;
	color: inherit;
}

.agila-custom-image img,
.agila-custom-image .agila-custom-image__img {
	box-sizing: border-box;
	display: block;
	border: 0;
	flex: 0 0 auto;
	position: relative;
	left: auto;
	right: auto;
	transform: none;
}

/* Desktop: Bild komplett sichtbar, Höhe folgt dem Seitenverhältnis */
@media (min-width: 1081px) {
	.agila-custom-image img,
	.agila-custom-image .agila-custom-image__img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.agila-custom-image--desktop-natural img,
	.agila-custom-image--desktop-natural .agila-custom-image__img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

/* Gemeinsame Crop-Logik unter 1081px */
@media (max-width: 1080px) {
	.agila-custom-image {
		--agila-h-current: var(--agila-h-1080);
		height: var(--agila-h-current);
		min-height: var(--agila-h-current);
		max-height: var(--agila-h-current);
	}

	.elementor-widget-agila-custom-image .agila-custom-image img,
	.elementor-widget-agila-custom-image .agila-custom-image .agila-custom-image__img,
	.elementor-widget-agila-custom-image-footer .agila-custom-image img,
	.elementor-widget-agila-custom-image-footer .agila-custom-image .agila-custom-image__img {
		width: auto !important;
		max-width: none !important;
		height: var(--agila-h-current) !important;
		max-height: none !important;
		min-height: var(--agila-h-current) !important;
		object-fit: unset !important;
		object-position: top center;
	}
}

@media (max-width: 767px) {
	.agila-custom-image {
		--agila-h-current: var(--agila-h-767);
	}
}

@media (max-width: 599px) {
	.agila-custom-image {
		--agila-h-current: var(--agila-h-599);
	}
}