/* =====================================================================
   Image Stack — Elementor Widget Styles
   ===================================================================== */

/* Container: horizontal flex row */
.ise-stack {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Individual circle */
.ise-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	/* Default size — overridden by Elementor controls */
	width: 72px;
	height: 72px;

	/* Circle shape */
	border-radius: 50%;
	overflow: hidden;

	/* Default separator border */
	border: 3px solid #ffffff;
	box-sizing: border-box;

	/* Stacking context so z-index works */
	isolation: isolate;

	/* Smooth hover */
	transition: opacity 0.25s ease, transform 0.25s ease;
	cursor: default;
}

/* Overlap: each item after the first pulls left */
.ise-item + .ise-item {
	margin-left: -16px;
}

/* Elevate items on hover */
.ise-item:hover {
	z-index: 10;
	transform: scale(1.08);
	opacity: 0.8;
}

/* Image fills the circle */
.ise-item img,
.ise-item a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center top; /* favour faces */
}

/* Link wrapper inside circle */
.ise-item a {
	text-decoration: none;
	color: inherit;
}

.ise-item a img {
	pointer-events: none; /* let the <a> handle click */
}

/* LTR stacking: leftmost item renders on top visually */
.ise-stack .ise-item:nth-child(1)  { z-index: 9; }
.ise-stack .ise-item:nth-child(2)  { z-index: 8; }
.ise-stack .ise-item:nth-child(3)  { z-index: 7; }
.ise-stack .ise-item:nth-child(4)  { z-index: 6; }
.ise-stack .ise-item:nth-child(5)  { z-index: 5; }
.ise-stack .ise-item:nth-child(6)  { z-index: 4; }
.ise-stack .ise-item:nth-child(7)  { z-index: 3; }
.ise-stack .ise-item:nth-child(8)  { z-index: 2; }
.ise-stack .ise-item:nth-child(9)  { z-index: 1; }
.ise-stack .ise-item:nth-child(n+10) { z-index: 0; }

/* ── Elementor editor canvas ──────────────────────────────────────── */
.elementor-editor-active .ise-item:hover {
	z-index: 100;
}