/* Hide the entire plugin UI, including any nodes rebuilt after a visitor closes it. */
html.gato-whatsapp-dismissed body .wa__btn_popup,
html.gato-whatsapp-dismissed body .wa__popup_chat_box {
	display: none !important;
}
html.gato-whatsapp-closing body .wa__btn_popup,
html.gato-whatsapp-closing body .wa__popup_chat_box {
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 120ms ease !important;
}
body #gato-whatsapp-close {
	all: unset;
	position: fixed;
	z-index: 1000000000;
	box-sizing: border-box;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}
body #gato-whatsapp-close > span {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border: 1px solid #e1e6eb;
	border-radius: 50%;
	background: #fff;
	color: #66717c;
	font: 22px/1 Arial, sans-serif;
	box-shadow: 0 2px 8px #243b5326;
}
body #gato-whatsapp-close:hover > span { background: #f3f6f8; color: #243746; }
body #gato-whatsapp-close:focus-visible > span { outline: 2px solid #0091db; outline-offset: 3px; }
body #gato-whatsapp-close[hidden],
body .gato-whatsapp-restore-slot[hidden] { display: none !important; }
.gato-whatsapp-restore-slot { margin-top: 8px; }
.gato-whatsapp-restore-slot--footer {
	box-sizing: border-box;
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 0 12px;
}
body #gato-whatsapp-restore {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 6px 0;
	border: 0;
	border-radius: 3px;
	background: transparent;
	box-shadow: none;
	color: #13852e;
	font: inherit;
	font-size: 15px;
	line-height: 1.5;
	text-align: start;
	cursor: pointer;
	text-transform: none;
	letter-spacing: normal;
}
body #gato-whatsapp-restore img { width: 24px; height: 24px; flex: 0 0 24px; }
body #gato-whatsapp-restore span { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
body #gato-whatsapp-restore:hover { color: #0d6421; }
/* The real footer is dark; use a brighter green than the white-background concept detail. */
footer.gato-local-template-footer #gato-whatsapp-restore { color: #68e38a; }
footer.gato-local-template-footer #gato-whatsapp-restore:hover { color: #a1f4b7; }
body #gato-whatsapp-restore:focus-visible { outline: 2px solid #0091db; outline-offset: 4px; }
.gato-whatsapp-status {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
@media (max-width: 1024px), (pointer: coarse) {
	body #gato-whatsapp-close { width: 44px; height: 44px; }
}
/* Fine-pointer desktops start concealed; showing never changes the launcher's layout. */
@media (hover: hover) and (pointer: fine) {
	body #gato-whatsapp-close {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 120ms ease, visibility 0s linear 120ms;
	}
	body #gato-whatsapp-close[data-gato-close-revealed] {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: opacity 120ms ease;
	}
}
@media (prefers-reduced-motion: reduce) {
	body #gato-whatsapp-close,
	body #gato-whatsapp-close[data-gato-close-revealed],
	html.gato-whatsapp-closing body .wa__btn_popup,
	html.gato-whatsapp-closing body .wa__popup_chat_box { transition: none !important; }
}
