/*
 * RB Accesibilidad - Contraste del widget de WhatsApp (Joinchat)
 * WCAG 1.4.3
 *
 * La cabecera del chat usa el verde claro de WhatsApp #25D366 con el nombre
 * del negocio en blanco: 1.96:1, muy por debajo del minimo de 4.5:1.
 *
 * Se sustituye por #075E54, el verde oscuro corporativo de WhatsApp (el de
 * la barra superior de la propia aplicacion), que da 7.01:1 con texto
 * blanco. La identidad visual se mantiene porque es un color oficial de la
 * misma marca.
 *
 * NOTA: lo ideal seria cambiarlo en Ajustes > Joinchat > Color, que es el
 * origen del valor (opcion "joinchat", clave "color": #25d366/100). Ese
 * cambio haria innecesario este archivo. Se hace aqui porque la opcion no
 * es escribible a traves del conector MCP.
 */

.joinchat {
	--joinchat-color: #075E54;
}

/* Cabecera del chat: Joinchat la pinta con un degradado de color fijo, no
   con la variable, por lo que hay que redefinir el degradado completo. */
.joinchat__chatbox {
	background-image: linear-gradient(
		#075E54,
		#075E54 55px,
		rgba( 7, 94, 84, 0.04 ) 55px,
		rgba( 7, 94, 84, 0.04 )
	) !important;
}

.joinchat__header,
.joinchat__header #joinchat__label,
.joinchat__header #joinchat__label span {
	color: #FFFFFF !important;
}

/* Boton flotante. */
.joinchat__button {
	background-color: #075E54 !important;
}