/* Exakt Social — Frontend WhatsApp button */

/* ---- Floating container ---- */
.exakt-social-whatsapp--floating {
	position: fixed;
	z-index: 9999;
	bottom: 24px;
}

.exakt-social-whatsapp--bottom-right { right: 24px; }
.exakt-social-whatsapp--bottom-left  { left:  24px; }

/* ---- Device targeting ---- */
.exakt-social-whatsapp--mobile-only  { display: none; }
.exakt-social-whatsapp--desktop-only { display: block; }

@media (max-width: 768px) {
	.exakt-social-whatsapp--mobile-only  { display: block; }
	.exakt-social-whatsapp--desktop-only { display: none;  }
}

/* ---- Button ---- */
html body .exakt-social-whatsapp__button {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	background-color: var(--exakt-social-wa-bg, #25d366) !important;
	color: var(--exakt-social-wa-color, #ffffff) !important;
	text-decoration: none !important;
	border-radius: 50px;
	padding: 13px 22px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
	font-size: var(--exakt-social-wa-font-size, 16px) !important;
	font-weight: 600;
	line-height: 1;
	border: none;
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	white-space: nowrap;
}

html body .exakt-social-whatsapp__button:hover,
html body .exakt-social-whatsapp__button:focus {
	transform: scale(1.06);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
	color: var(--exakt-social-wa-color, #ffffff) !important;
	text-decoration: none !important;
	outline: none;
}

/* Icon-only pill → circle */
.exakt-social-whatsapp__button:not(:has(.exakt-social-whatsapp__text)) {
	padding: 14px;
	border-radius: 50%;
}

/* ---- Icon ---- */
.exakt-social-whatsapp__icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: currentColor;
}

html body .exakt-social-whatsapp__icon svg {
	width: var(--exakt-social-wa-icon-size, 24px) !important;
	height: var(--exakt-social-wa-icon-size, 24px) !important;
	fill: currentColor;
	display: block;
}

/* ---- Inline shortcode variant ---- */
.exakt-social-whatsapp--inline {
	display: inline-block;
}