/*
 * Pulsante e finestra del plugin "WhatsApp Support" (WeCreativez), variante B: verde WhatsApp con bordo e ombra nere.
 * Cambia solo l'aspetto: numero, testi, icona e orari restano quelli impostati nel plugin.
 * Si carica solo se il plugin e' attivo. Per spegnerlo: add_filter( 'pp_whatsapp_skin', '__return_false' );
 * I selettori sono volutamente piu' specifici di quelli del plugin, cosi' vincono anche sui colori scelti in WhatsApp Support > Aspetto.
 */
:root {
	--pp-wa-green: #25d366;
	--pp-wa-deep: #0f7a43;
	--pp-wa-ink: #111111;
}

/* Pulsante flottante */
.wws-popup-container .wws-popup__open-btn,
.wws-popup-container .wws-popup__open-btn.wws--bg-color {
	background-color: var(--pp-wa-green);
	color: var(--pp-wa-ink);
	border: 2px solid var(--pp-wa-ink);
	border-radius: 999px;
	box-shadow: 3px 3px 0 var(--pp-wa-ink);
	font-weight: 700;
	cursor: pointer;
	transition: transform .12s ease, box-shadow .12s ease;
}
.wws-popup-container .wws-popup__open-btn:hover {
	transform: translate(-1px, -1px);
	box-shadow: 4px 4px 0 var(--pp-wa-ink);
}
.wws-popup-container .wws-popup__open-btn:active {
	transform: translate(2px, 2px);
	box-shadow: 1px 1px 0 var(--pp-wa-ink);
}
.wws-popup-container .wws-popup__open-btn svg,
.wws-popup-container .wws-popup__open-btn svg path {
	fill: currentColor;
}

/* Finestra: l'ombra nera piena e' disegnata una volta sola attorno a tutto il corpo, cosi' resta uniforme anche con intestazione e elenco impilati */
.wws-popup-container .wws-popup__body {
	filter: drop-shadow(4px 4px 0 var(--pp-wa-ink));
}
.wws-popup-container .wws-popup__support,
.wws-popup-container .wws-popup__support-person-container,
.wws-popup-container .wws-popup__input-wrapper,
.wws-popup-container .wws-popup__support-wrapper.wws-shadow,
.wws-popup-container .wws-popup__support-person-container.wws-shadow,
.wws-popup-container .wws-popup__input-wrapper.wws-shadow,
.wws-popup-container .wws-popup__support.wws-shadow {
	box-shadow: none;
}
.wws-popup-container .wws-popup__support,
.wws-popup-container .wws-popup__support-person-container {
	border: 2px solid var(--pp-wa-ink);
	border-radius: 14px;
	overflow: hidden;
}
/* Il campo messaggio ha una larghezza fissa: il bordo e' disegnato dentro, senza toglierle spazio */
.wws-popup-container .wws-popup__input-wrapper,
.wws-popup-container .wws-popup__input-wrapper.wws-shadow {
	border-radius: 14px;
	box-shadow: inset 0 0 0 2px var(--pp-wa-ink);
}
/* Layout con elenco persone: intestazione e elenco formano un blocco unico */
.wws-popup-container .wws-popup__support-wrapper ~ .wws-popup__support-person-container {
	border-top: 0;
	border-radius: 0 0 14px 14px;
}
.wws-popup-container .wws-popup__support-wrapper:has(~ .wws-popup__support-person-container) .wws-popup__support {
	border-radius: 14px 14px 0 0;
}
.wws-popup-container .wws-popup__support-about,
.wws-popup-container .wws-popup__support-about.wws--bg-color {
	background-color: var(--pp-wa-deep);
	color: #fff;
	font-weight: 600;
}
.wws-popup-container .wws-popup__support-welcome {
	color: #3d4348;
}
.wws-popup-container .wws-popup__support-img-wrapper {
	border: 2px solid var(--pp-wa-ink);
	box-shadow: none;
}

/* Tasto di chiusura */
.wws-popup-container .wws-popup__close-btn,
.wws-popup-container .wws-popup__close-btn.wws--bg-color {
	background-color: #fff;
	color: var(--pp-wa-ink);
	border: 2px solid var(--pp-wa-ink);
	box-shadow: 2px 2px 0 var(--pp-wa-ink);
}

/* Campo messaggio e invio */
.wws-popup-container .wws-popup__send-btn .wws-lau00002 {
	fill: var(--pp-wa-green);
}
.wws-popup-container .wws-popup__send-btn .wws-lau00001 {
	fill: var(--pp-wa-green);
	opacity: .5;
}

/* Persone nell'elenco */
.wws-popup-container .wws-popup__support-person:hover {
	background-color: #eafaf0;
}
.wws-popup-container .wws-popup__support-person-status {
	color: var(--pp-wa-deep);
}

@media (prefers-reduced-motion: reduce) {
	.wws-popup-container .wws-popup__open-btn { transition: none; }
}