.spishri-wa {
	position: fixed;
	bottom: var(--spishri-wa-bottom, 80px);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.spishri-wa--right { right: var(--spishri-wa-side, 18px); }
.spishri-wa--left  { left:  var(--spishri-wa-side, 18px); }

.spishri-wa.is-ready {
	opacity: 1;
	visibility: visible;
}

.spishri-wa.is-ready.is-scroll-hidden {
	opacity: 0;
	pointer-events: none;
}

.spishri-wa__button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border-radius: 50px;
	background: var(--spishri-wa-bg, #25d366);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.spishri-wa__button:hover,
.spishri-wa__button:focus {
	color: #fff;
	text-decoration: none;
}

.spishri-wa__button img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

@keyframes spishri-wa-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
	100% { box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); }
}

/* Device targeting */
@media (min-width: 769px) {
	.spishri-wa--device-mobile { display: none; }
}

@media (max-width: 768px) {
	.spishri-wa--device-desktop { display: none; }

	.spishri-wa__button {
		width: 50px;
		height: 50px;
		padding: 0;
		border-radius: 50%;
		justify-content: center;
		animation: spishri-wa-pulse 2.5s ease-out infinite;
	}

	.spishri-wa__label { display: none; }

	.spishri-wa__button img {
		width: 30px;
		height: 30px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.spishri-wa { transition: none; }
	.spishri-wa__button { animation: none !important; }
}