/* RSD WhatsApp — przycisk w treści + pływający widget. */

:root {
	--rsd-wa-green: #25d366;
	--rsd-wa-green-dark: #1da851;
}

/* ── Przycisk w treści (blok / shortcode) ─────────────────────────────── */
.rsd-wa-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: var(--rsd-wa-green);
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 8px;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.rsd-wa-button:hover,
.rsd-wa-button:focus {
	background: var(--rsd-wa-green-dark);
	color: #fff;
	transform: translateY(-1px);
}

.rsd-wa-button__label {
	color: #fff;
}

.rsd-wa-button .rsd-wa-icon {
	flex: 0 0 auto;
}

.rsd-wa-button--align-center {
	display: flex;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.rsd-wa-button--align-right {
	display: flex;
	width: max-content;
	margin-left: auto;
}

.rsd-wa-button--empty {
	display: block;
	padding: 12px 16px;
	background: #f6f6f6;
	color: #666;
	border: 1px dashed #c3c4c7;
	border-radius: 8px;
	font-weight: 400;
}

/* ── Pływający widget ─────────────────────────────────────────────────── */
.rsd-wa-widget {
	position: fixed;
	bottom: 22px;
	z-index: 9999;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	background: var(--rsd-wa-green);
	color: #fff;
	text-decoration: none;
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.rsd-wa-widget:hover,
.rsd-wa-widget:focus {
	background: var(--rsd-wa-green-dark);
	color: #fff;
	transform: scale(1.05);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);
}

.rsd-wa-widget--bottom-right {
	right: 22px;
	flex-direction: row-reverse;
}

.rsd-wa-widget--bottom-left {
	left: 22px;
	flex-direction: row;
}

.rsd-wa-widget__label {
	padding: 0 6px;
	font-weight: 600;
	font-size: 15px;
	white-space: nowrap;
}

.rsd-wa-widget .rsd-wa-icon {
	flex: 0 0 auto;
}

@media (max-width: 600px) {
	.rsd-wa-widget__label {
		display: none;
	}

	.rsd-wa-widget {
		bottom: 16px;
	}

	.rsd-wa-widget--bottom-right {
		right: 16px;
	}

	.rsd-wa-widget--bottom-left {
		left: 16px;
	}
}