/* ============================================================
   WillBe Sticky CTA — stile del widget.
   La media query che nasconde il widget sopra il breakpoint
   mobile, e i colori del pulsante, vengono aggiunti
   dinamicamente dal plugin PHP (wp_add_inline_style), in base
   ai valori impostati nel pannello per ciascun sito.
============================================================= */

.wbsc-sticky-cta {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;

	/* posizione di partenza fuori schermo: il JS la aggiorna
	   con l'altezza reale misurata del widget */
	bottom: -120px;
	display: none;

	padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	background: #ffffff;
	box-shadow: 0 -8px 24px rgba(22, 48, 42, 0.14);
}

.wbsc-sticky-cta__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	width: 100%;
	padding: 14px 20px;
	border-radius: 999px;

	/* valori di fallback: colore, colore hover e font vengono sovrascritti
	   dal pannello impostazioni (wp_add_inline_style). Di default il font
	   eredita quello del tema del sito su cui è installato. */
	background: #c9f24c;
	color: #0f241f;
	font-family: inherit;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;

	transition: background-color 0.15s ease, filter 0.15s ease;
}

.wbsc-sticky-cta__btn:hover,
.wbsc-sticky-cta__btn:active {
	filter: brightness(0.92);
}

.wbsc-sticky-cta__icon {
	flex: 0 0 auto;
}