/**
 * Mobile-only Return Top — SVG icon FAB, smooth fade in/out.
 */

.dda-return-top {
	display: none !important;
}

@media (max-width: 980px) {
	.et_pb_scroll_top {
		display: none !important;
	}

	.dda-return-top {
		box-sizing: border-box;
		position: fixed;
		right: max(1rem, env(safe-area-inset-right, 0px));
		bottom: max(1rem, env(safe-area-inset-bottom, 0px));
		left: auto;
		z-index: 99990;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		width: 2.75rem;
		height: 2.75rem;
		min-width: 2.75rem;
		min-height: 2.75rem;
		border-radius: 50%;
		border: 1px solid #ffffff;
		background-color: #143840;
		color: #ffffff;
		line-height: 0;
		cursor: pointer;
		user-select: none;
		box-shadow: 0 4px 14px rgba(20, 56, 64, 0.28);
		touch-action: manipulation;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(0.5rem) scale(0.94);
		transition:
			opacity 0.45s ease,
			visibility 0.45s ease,
			transform 0.45s ease,
			background-color 0.2s ease,
			color 0.2s ease,
			border-color 0.2s ease,
			box-shadow 0.45s ease;
	}

	.dda-return-top.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0) scale(1);
	}

	.dda-return-top:hover,
	.dda-return-top:focus-visible {
		color: #143840;
		border-color: #b6c2d9;
		background-color: #b6c2d9;
		outline: none;
	}

	.dda-return-top:focus-visible {
		box-shadow:
			0 4px 14px rgba(20, 56, 64, 0.28),
			0 0 0 2px #ffffff,
			0 0 0 4px #143840;
	}

	.dda-return-top__icon {
		display: block;
		font-size: 1.125rem;
		line-height: 1;
		pointer-events: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dda-return-top {
		transition: none;
		transform: none;
	}

	.dda-return-top.is-visible {
		transform: none;
	}
}