/**
 * JoinChat iOS/Safari fix.
 * El plugin carga DESPUÉS del tema y .joinchat__content::after cubre el CTA
 * con un fade blanco/claro → texto blanco ilegible (sobre todo en iPhone).
 */

/* Quitar el overlay que blanquea el botón "Iniciar conversación". */
.joinchat__content::after {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	height: 0 !important;
	background: none !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	pointer-events: none !important;
}

/* CTA sólido, alto contraste (iOS Safari). */
.joinchat .joinchat__open,
.joinchat--chatbox .joinchat__open,
div.joinchat div.joinchat__open {
	background: #128c7e !important;
	background-color: #128c7e !important;
	background-image: none !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	z-index: 6 !important;
	box-shadow: 0 8px 20px rgba(7, 94, 84, 0.35) !important;
	isolation: isolate;
	-webkit-appearance: none;
	appearance: none;
}

.joinchat .joinchat__open:hover,
.joinchat .joinchat__open:active,
.joinchat--chatbox .joinchat__open:hover,
.joinchat--chatbox .joinchat__open:active {
	background: #0b6b5f !important;
	background-color: #0b6b5f !important;
}

.joinchat .joinchat__open__text,
.joinchat--chatbox .joinchat__open__text,
div.joinchat div.joinchat__open__text {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.joinchat .joinchat__open__icon path,
.joinchat--chatbox .joinchat__open__icon path {
	stroke: #ffffff !important;
}

/* FAB circular también sólido. */
.joinchat .joinchat__button {
	background-color: #25d366 !important;
}

.joinchat .joinchat__header {
	background: #25d366 !important;
	color: #ffffff !important;
}

.joinchat .joinchat__header span {
	color: #ffffff !important;
}