/* =====================================================================
   כפתור "חזרה למעלה" — מופיע אחרי גלילה, טבעת התקדמות סביב החץ
   ===================================================================== */

#mz-totop {
	--mz-totop-offset: 0px;   /* set by mz-totop.js when a full-width bar is fixed at the bottom (e.g. the mobile call bar) */
	position: fixed;
	right: 18px;
	bottom: calc(18px + var(--mz-totop-offset));
	z-index: 9000;
	width: 54px;
	height: 54px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(15, 20, 28, .88);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
	color: var(--mz-cyan, #00B4D8);
	cursor: pointer;
	display: grid;
	place-items: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px) scale(.9);
	transition: opacity .35s ease, transform .35s cubic-bezier(.22, .9, .24, 1), visibility .35s, background-color .25s ease, color .25s ease, bottom .25s ease;
}

#mz-totop.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}

#mz-totop:hover,
#mz-totop:focus-visible {
	background: var(--mz-cyan, #00B4D8);
	color: #0F141C;
}

#mz-totop:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

#mz-totop svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#mz-totop .mz-totop__track { fill: none; stroke: rgba(255, 255, 255, .14); stroke-width: 2.5; }
#mz-totop .mz-totop__ring {
	fill: none;
	stroke: var(--mz-cyan, #00B4D8);
	stroke-width: 2.5;
	stroke-linecap: round;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	transition: stroke-dashoffset .1s linear;
}
#mz-totop:hover .mz-totop__ring,
#mz-totop:focus-visible .mz-totop__ring { stroke: #fff; }

#mz-totop .mz-totop__arrow {
	position: relative;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform .3s cubic-bezier(.22, .9, .24, 1);
}

#mz-totop:hover .mz-totop__arrow { transform: translateY(-3px); }

@media (max-width: 767px) {
	#mz-totop { right: 14px; bottom: calc(14px + var(--mz-totop-offset)); width: 48px; height: 48px; }
	#mz-totop .mz-totop__arrow { width: 20px; height: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	#mz-totop, #mz-totop .mz-totop__arrow, #mz-totop .mz-totop__ring { transition: none; }
}

@media print {
	#mz-totop { display: none; }
}