.scroll-to-top-btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 48px; /* הגדלנו מעט את העיגול שיהיה נוח ללחיצה */
	height: 48px;
	border-radius: 50%;
	background-color: #1a5fa6; /* הכחול החדש של מססו */
	color: #ffffff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease, transform 0.2s ease;
	z-index: 9999;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* 🎯 כאן קורה הקסם שמכריח את החץ לגדול! */
.scroll-to-top-btn svg {
	width: 24px !important;  /* מגדיר את רוחב החץ במדויק */
	height: 24px !important; /* מגדיר את גובה החץ במדויק */
	display: block !important;
	transition: transform 0.2s ease;
}

.scroll-to-top-btn:hover {
	background-color: #77bc1f; /* הירוק הבהיר של מססו במעבר עכבר */
	transform: translateY(-3px);
}

/* אפקט עדין שמקפיץ את החץ למעלה כשמרחפים מעליו */
.scroll-to-top-btn:hover svg {
	transform: translateY(-2px);
}

.scroll-to-top-btn.is-visible {
	opacity: 1;
	visibility: visible;
}

/* Adjust for WordPress admin bar if user is logged in */
body.admin-bar .scroll-to-top-btn {
	/* Standard positioning remains bottom-left, but we ensure it clears normal margins */
}