#wanless-widget {
	position: fixed;
	z-index: 999999;
	display: flex;
	gap: 10px;
	font-family: inherit;
	--wanless-color: #25A366;
	--wanless-text-color: #fff;
	--wanless-size: 56px;
}

#wanless-widget.wanless-layout-floating { flex-direction: column; }
#wanless-widget.wanless-position-bottom-right  { bottom: 20px; right: 20px; align-items: flex-end; }
#wanless-widget.wanless-position-bottom-left   { bottom: 20px; left: 20px; align-items: flex-start; }
#wanless-widget.wanless-position-bottom-center { bottom: 20px; left: 50%; transform: translateX(-50%); align-items: center; }
#wanless-widget.wanless-position-top-right     { top: 20px; right: 20px; align-items: flex-end; flex-direction: column-reverse; }
#wanless-widget.wanless-position-top-left      { top: 20px; left: 20px; align-items: flex-start; flex-direction: column-reverse; }
#wanless-widget.wanless-position-top-center    { top: 20px; left: 50%; transform: translateX(-50%); align-items: center; flex-direction: column-reverse; }

#wanless-widget.wanless-layout-bar {
	left: 0;
	right: 0;
	align-items: stretch;
	justify-content: center;
	background: var(--wanless-color);
	gap: 0;
}
#wanless-widget.wanless-layout-bar.wanless-edge-bottom { bottom: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
#wanless-widget.wanless-layout-bar.wanless-edge-top { top: 0; }

@media (min-width: 768px) {
	#wanless-widget.wanless-mobile-only { display: none; }
}

#wanless-widget .wanless-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: var(--wanless-size);
	min-width: var(--wanless-size);
	padding: 0 16px;
	border: 0;
	background: var(--wanless-action-bg, var(--wanless-color));
	color: var(--wanless-action-text, var(--wanless-text-color));
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
	box-sizing: border-box;
	transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}
#wanless-widget .wanless-btn:hover { color: var(--wanless-action-text, var(--wanless-text-color)); transform: translateY(-1px); }
#wanless-widget .wanless-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; }

#wanless-widget.wanless-layout-floating .wanless-btn { border-radius: 999px; }
#wanless-widget.wanless-layout-floating.wanless-shape-rounded .wanless-btn { border-radius: 14px; }
#wanless-widget.wanless-layout-floating.wanless-shape-square .wanless-btn { border-radius: 2px; }

#wanless-widget.wanless-shadow-none .wanless-btn { box-shadow: none; }
#wanless-widget.wanless-shadow-soft .wanless-btn { box-shadow: 0 3px 10px rgba(0,0,0,.14); }
#wanless-widget.wanless-shadow-medium .wanless-btn { box-shadow: 0 5px 16px rgba(0,0,0,.22); }
#wanless-widget.wanless-shadow-strong .wanless-btn { box-shadow: 0 8px 24px rgba(0,0,0,.32); }
#wanless-widget.wanless-layout-bar.wanless-shadow-soft.wanless-edge-bottom { box-shadow: 0 -2px 8px rgba(0,0,0,.12); }
#wanless-widget.wanless-layout-bar.wanless-shadow-medium.wanless-edge-bottom { box-shadow: 0 -3px 14px rgba(0,0,0,.20); }
#wanless-widget.wanless-layout-bar.wanless-shadow-strong.wanless-edge-bottom { box-shadow: 0 -5px 22px rgba(0,0,0,.28); }
#wanless-widget.wanless-layout-bar.wanless-shadow-soft.wanless-edge-top { box-shadow: 0 2px 8px rgba(0,0,0,.12); }
#wanless-widget.wanless-layout-bar.wanless-shadow-medium.wanless-edge-top { box-shadow: 0 3px 14px rgba(0,0,0,.20); }
#wanless-widget.wanless-layout-bar.wanless-shadow-strong.wanless-edge-top { box-shadow: 0 5px 22px rgba(0,0,0,.28); }

#wanless-widget .wanless-btn .wanless-label {
	font-size: var(--wanless-action-font, 14px);
	font-weight: 650;
	white-space: nowrap;
	color: var(--wanless-action-text, var(--wanless-text-color));
}
#wanless-widget .wanless-icon {
	font-size: var(--wanless-action-icon-size, calc(var(--wanless-size) * .42));
	line-height: 1;
	color: var(--wanless-action-icon, var(--wanless-action-text, var(--wanless-text-color)));
}

/* Built-in icons use masks so the configured icon colour always applies. */
#wanless-widget .wanless-icon-built-in {
	display: inline-block;
	width: 1em;
	height: 1em;
	flex: 0 0 1em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}
#wanless-widget .wanless-icon-call {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.6%2010.8c1.4%202.8%203.7%205.1%206.5%206.5l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.5.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.4%2021%203%2013.6%203%204.5c0-.6.4-1%201-1H7.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.5.1.4%200%20.8-.3%201.1l-2.2%201.7z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.6%2010.8c1.4%202.8%203.7%205.1%206.5%206.5l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.5.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.4%2021%203%2013.6%203%204.5c0-.6.4-1%201-1H7.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.5.1.4%200%20.8-.3%201.1l-2.2%201.7z%22%2F%3E%3C%2Fsvg%3E");
}
#wanless-widget .wanless-icon-whatsapp {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204h16v12H8l-4%204V4zm4%204v2h8V8H8zm0%204v2h5v-2H8z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204h16v12H8l-4%204V4zm4%204v2h8V8H8zm0%204v2h5v-2H8z%22%2F%3E%3C%2Fsvg%3E");
}
#wanless-widget .wanless-icon-email {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18v14H3V5zm2%202v.4l7%205.1%207-5.1V7H5zm14%2010V9.9l-7%205-7-5V17h14z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18v14H3V5zm2%202v.4l7%205.1%207-5.1V7H5zm14%2010V9.9l-7%205-7-5V17h14z%22%2F%3E%3C%2Fsvg%3E");
}
#wanless-widget .wanless-icon-sms {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204h16v13H8l-4%204V4zm4%205h8V7H8v2zm0%204h5v-2H8v2z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204h16v13H8l-4%204V4zm4%205h8V7H8v2zm0%204h5v-2H8v2z%22%2F%3E%3C%2Fsvg%3E");
}
#wanless-widget .wanless-icon-link {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203h7v7h-2V6.4l-9.3%209.3-1.4-1.4L17.6%205H14V3zM5%205h6v2H7v10h10v-4h2v6H5V5z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203h7v7h-2V6.4l-9.3%209.3-1.4-1.4L17.6%205H14V3zM5%205h6v2H7v10h10v-4h2v6H5V5z%22%2F%3E%3C%2Fsvg%3E");
}
#wanless-widget .wanless-icon-maps {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-7%207c0%205.2%207%2013%207%2013s7-7.8%207-13a7%207%200%200%200-7-7zm0%204a3%203%200%201%201%200%206%203%203%200%200%201%200-6z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-7%207c0%205.2%207%2013%207%2013s7-7.8%207-13a7%207%200%200%200-7-7zm0%204a3%203%200%201%201%200%206%203%203%200%200%201%200-6z%22%2F%3E%3C%2Fsvg%3E");
}

#wanless-widget.wanless-multi .wanless-toggle { width: var(--wanless-size); padding: 0; background: var(--wanless-color); color: var(--wanless-text-color); }
#wanless-widget.wanless-multi .wanless-toggle-icon { position: relative; width: calc(var(--wanless-size) * .32); height: calc(var(--wanless-size) * .32); font-size: initial; }
#wanless-widget.wanless-multi .wanless-toggle-icon::before,
#wanless-widget.wanless-multi .wanless-toggle-icon::after {
	content: "";
	position: absolute;
	top: 50%; left: 50%;
	background: var(--wanless-text-color);
	transform: translate(-50%, -50%);
	transition: transform .2s ease;
}
#wanless-widget.wanless-multi .wanless-toggle-icon::before { width: 100%; height: 2px; }
#wanless-widget.wanless-multi .wanless-toggle-icon::after { width: 2px; height: 100%; }
#wanless-widget.wanless-multi.wanless-open .wanless-toggle-icon::before,
#wanless-widget.wanless-multi.wanless-open .wanless-toggle-icon::after { transform: translate(-50%, -50%) rotate(45deg); }

#wanless-widget.wanless-multi .wanless-actions {
	display: flex;
	flex-direction: column;
	align-items: inherit;
	gap: 10px;
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .15s ease, transform .15s ease;
}
#wanless-widget.wanless-multi.wanless-open .wanless-actions { opacity: 1; pointer-events: auto; transform: translateY(0); }
#wanless-widget.wanless-edge-top.wanless-multi .wanless-actions { transform: translateY(-8px); }
#wanless-widget.wanless-edge-top.wanless-multi.wanless-open .wanless-actions { transform: translateY(0); }

#wanless-widget.wanless-layout-bar .wanless-btn {
	flex: 1 1 auto;
	max-width: 240px;
	border-right: 1px solid rgba(255,255,255,.22);
	box-shadow: none;
	border-radius: 0;
}
#wanless-widget.wanless-layout-bar .wanless-btn:last-child { border-right: 0; }
#wanless-widget.wanless-layout-bar.wanless-single .wanless-btn { flex: 1 1 100%; max-width: none; }

@media (max-width: 767px) {
	#wanless-widget.wanless-layout-bar .wanless-btn {
		min-height: 58px;
		padding-left: 12px;
		padding-right: 12px;
	}
	#wanless-widget.wanless-layout-bar .wanless-label {
		font-size: max(13px, var(--wanless-action-font, 14px));
	}
}


/* AI-O conversion safety guard: never cover embedded or colliding Gravity Forms controls. */
html.aio-conversion-button-embedded #wanless-widget,
#wanless-widget.aio-conversion-suppressed {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}