/* Floating help buttons on the landing page, as round icon buttons (as on ekosova.pbc.group):
   accessibility ("Asistenca", NagishLi) in the bottom-right corner, and the chatbot launcher
   (Home/_ChatBot.cshtml) on the right edge, centred vertically. Loaded after Bot.min.css and
   styleComplete; the selectors (and !important against the plugin's own rules) win over their
   older bottom-right launchers. */

/* ------- Accessibility (plugin markup: #NagishLiTrigger > .nagishli-trigger-icon > img + span) ------- */
body #NagishLiTrigger .nagishli-trigger-icon {
	position: fixed !important;
	top: auto !important;
	right: 17px !important;
	bottom: 25px !important;
	box-sizing: border-box !important;
	width: 54px !important;
	height: 54px !important;
	padding: 0 !important;
	background-color: #1d61a1 !important;
	border: 2px solid #fff !important;
	border-radius: 50% !important;
	box-shadow: 0 10px 28px rgba(6, 28, 57, .25) !important;
	transition: background-color .18s ease, transform .18s ease;
	z-index: 50 !important;
}

	/* Until it is answered, the cookie banner (site.js, fixed to the bottom) stays above the button
	   instead of the button covering its "Refuzo" button. The plugin gives all its elements
	   z-index 89999 (core.css), so the banner needs more. */
	body > .cookie-settings {
		z-index: 90000;
	}

	body #NagishLiTrigger:hover .nagishli-trigger-icon,
	body #NagishLiTrigger .nagishli-trigger-icon:focus {
		background-color: #164e84 !important;
		transform: scale(1.05);
	}

	body #NagishLiTrigger .nagishli-trigger-icon img,
	body #NagishLiTrigger:hover .nagishli-trigger-icon img {
		width: 26px !important;
		height: 26px;
		filter: none;
	}

	/* Icon only; the button keeps the plugin's aria-label */
	body #NagishLiTrigger .nagishli-trigger-icon span {
		display: none !important;
	}

/* ------- Chatbot. Bot2.js toggles the inline display (block/none), so its icon is centred with
   margins rather than with flex/grid. ------- */
#bot-launch-button.bot-launch-icon {
	top: calc(50% + 33px);
	right: 17px;
	bottom: auto;
	box-sizing: border-box;
	width: 54px;
	height: 54px;
	padding: 0;
	color: #fff;
	background: #1d61a1;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 10px 28px rgba(6, 28, 57, .25);
	transform: translateY(-50%);
	transition: background .18s ease, transform .18s ease;
	z-index: 50;
}

	#bot-launch-button.bot-launch-icon:hover {
		color: #fff;
		background: #164e84;
		transform: translateY(-50%) scale(1.05);
	}

	.bot-launch-icon svg {
		display: block;
		width: 26px;
		height: 26px;
		margin: 12px auto;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.7;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

/* Visually hidden; read by screen readers */
.bot-launch-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media only screen and (max-width: 768px) {
	body #NagishLiTrigger .nagishli-trigger-icon {
		right: 12px !important;
		bottom: calc(16px + env(safe-area-inset-bottom)) !important;
		width: 48px !important;
		height: 48px !important;
	}

		body #NagishLiTrigger .nagishli-trigger-icon img,
		body #NagishLiTrigger:hover .nagishli-trigger-icon img {
			width: 23px !important;
			height: 23px;
		}

	#bot-launch-button.bot-launch-icon {
		top: calc(50% + 29px);
		right: 12px;
		width: 48px;
		height: 48px;
	}

	.bot-launch-icon svg {
		width: 23px;
		height: 23px;
		margin: 10.5px auto;
	}
}