.elementor-widget-atlasnic-f1 .atlasnic-f1-widget {
	--atlasnic-f1-icon-size: 72px;
	--atlasnic-f1-scale-idle: 1;
	--atlasnic-f1-scale-active: 1.34;
	--atlasnic-f1-scale-neighbor: 0.84;
	--atlasnic-f1-scale-distant: 0.76;
	display: flex;
	width: 100%;
	padding-top: 42px;
	overflow: visible;
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__dock {
	display: inline-flex;
	max-width: 100%;
	overflow: visible;
	padding: 18px 24px;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow:
		0 10px 30px rgba(15, 23, 42, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__track {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 16px;
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: var(--atlasnic-f1-icon-size);
	text-decoration: none;
	color: inherit;
	transform: scale(var(--atlasnic-f1-scale-idle));
	transform-origin: center bottom;
	transition:
		transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.28s ease;
	will-change: transform;
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__label {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 12px);
	transform: translateX(-50%) translateY(8px) scale(0.92);
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(20, 20, 20, 0.92);
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition:
		opacity 0.22s ease,
		transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
	z-index: 3;
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__icon-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--atlasnic-f1-icon-size);
	height: var(--atlasnic-f1-icon-size);
	border-radius: 18px;
	background: #ffffff;
	overflow: hidden;
	box-shadow:
		0 10px 24px color-mix(in srgb, var(--atlasnic-f1-glow, #2f80ff) 34%, transparent),
		0 4px 12px rgba(15, 23, 42, 0.08);
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__icon-wrap::after {
	content: '';
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: -18%;
	height: 42%;
	border-radius: 50%;
	background: var(--atlasnic-f1-glow, #2f80ff);
	filter: blur(16px);
	opacity: 0.42;
	pointer-events: none;
	z-index: 0;
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__icon {
	position: relative;
	z-index: 1;
	display: block;
	width: 62%;
	height: 62%;
	object-fit: contain;
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget.is-hovering .atlasnic-f1-widget__item {
	--atlasnic-f1-scale-idle: var(--atlasnic-f1-scale-distant);
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget.is-hovering .atlasnic-f1-widget__item.is-neighbor {
	--atlasnic-f1-scale-idle: var(--atlasnic-f1-scale-neighbor);
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget.is-hovering .atlasnic-f1-widget__item.is-active {
	--atlasnic-f1-scale-idle: var(--atlasnic-f1-scale-active);
}

.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__item.is-active .atlasnic-f1-widget__label {
	opacity: 1;
	transform: translateX(-50%) translateY(0) scale(1);
}

@media (max-width: 767px) {
	.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__dock {
		padding: 14px 16px;
	}

	.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__track {
		gap: 12px;
	}

	.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__label {
		font-size: 12px;
		padding: 6px 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__item,
	.elementor-widget-atlasnic-f1 .atlasnic-f1-widget__label {
		transition: none;
	}
}
