/* === Lia chatbot button: bilingual label + turquoise pulse (visual only) ===
   Colours: #027987 (ίδιο τιρκουάζ με το κουμπί "Αναζήτηση").
   GPU-friendly: μόνο transform/opacity. */

/* Keep the logo above the ripple rings so it is never covered. */
.mwai-chatbot-container .mwai-icon-container .mwai-icon{ position:relative; z-index:1; }

/* --- subtle scale "breathe" on the button itself --- */
.mwai-chatbot-container .mwai-icon-container{
	position:relative;
	animation:lia-cbtn-breathe 2.6s ease-in-out infinite;
	will-change:transform;
}

/* --- two ripple rings overflowing outward, in a loop --- */
.mwai-chatbot-container .mwai-icon-container::before,
.mwai-chatbot-container .mwai-icon-container::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:50%;
	border:2px solid #027987;   /* ίδιο τιρκουάζ με την ετικέτα & το κουμπί "Αναζήτηση" */
	pointer-events:none;
	opacity:0;
	will-change:transform,opacity;
	animation:lia-cbtn-ripple 2.6s ease-out infinite;
}
.mwai-chatbot-container .mwai-icon-container::after{
	animation-delay:1.3s;      /* second ring is half a cycle behind */
}

@keyframes lia-cbtn-ripple{
	0%   { transform:scale(0.95); opacity:.55; }
	70%  { opacity:.12; }
	100% { transform:scale(2.15); opacity:0; }
}
@keyframes lia-cbtn-breathe{
	0%,100% { transform:scale(1); }
	50%     { transform:scale(1.05); }
}

/* --- persistent bilingual label pill, above the button ---
   Anchored to the button's RIGHT edge and extending LEFTWARD (not centered),
   because the button is pinned near the right edge of the screen: a centered
   pill overflows/clips off-screen on narrow (mobile) widths. Right-anchoring
   keeps it fully on-screen and IDENTICAL at every viewport size + both langs. */
.mwai-chatbot-container .mwai-trigger.mwai-open-button::before{
	content:"Ρώτα την Λία";
	position:absolute;
	right:0;
	left:auto;
	bottom:100%;
	transform:none;
	/* Χαμηλά, κολλητά στο κουμπί: ψηλότερα έπεφτε πάνω στο περιεχόμενο
	   (π.χ. στη γραμμή ρόλου της πρώτης καρτέλας συμβούλου). */
	margin-bottom:2px;
	max-width:calc(100vw - 24px);
	padding:8px 14px;
	border-radius:22px;
	background:#027987;   /* ίδιο τιρκουάζ με το κουμπί "Αναζήτηση" */
	color:#fff;
	font-family:inherit;
	font-size:14px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:.2px;
	white-space:nowrap;
	box-shadow:0 4px 14px rgba(3,153,170,.35);
	pointer-events:none;   /* clicks go to the icon; label is purely a cue */
	z-index:2;
}
html[lang^="en"] .mwai-chatbot-container .mwai-trigger.mwai-open-button::before{
	content:"Ask Lia";
}

/* --- ΣΤΑ ΚΙΝΗΤΑ Η ΤΑΜΠΕΛΑ ΚΡΥΒΕΤΑΙ ---
   Καρφωμένη κάτω δεξιά, η ταμπέλα προσθέτει ~200px πλάτος και σκέπαζε
   κουμπιά του περιεχομένου (π.χ. «Viber» / «Στείλε μου μήνυμα» στις
   καρτέλες συμβούλων), με κίνδυνο ο επισκέπτης να πατήσει λάθος πράγμα.
   Σε υπολογιστή υπάρχει χώρος, οπότε εκεί μένει κανονικά. */
@media (max-width:767px){
	.mwai-chatbot-container .mwai-trigger.mwai-open-button::before,
	html[lang^="en"] .mwai-chatbot-container .mwai-trigger.mwai-open-button::before{
		content:none;
		display:none;
	}
}

/* NOTE: intentionally NO `@media (prefers-reduced-motion:reduce)` suppression.
   Many phones (iOS "Reduce Motion" / Low Power Mode, Android battery saver) report
   reduced-motion, which previously HID the pulse on mobile even though it ran on
   desktop. The owner explicitly wants the same subtle turquoise pulse on ALL devices
   & both languages, so the animation always runs. It is deliberately gentle
   (small scale, GPU-only transform/opacity) — no large or disorienting motion. */