/**
 * Frontend: тултип балонче (assets/js/tooltip.js portal елемент). Изнесено
 * в отделен, enqueue-нат файл (не инлайн <style> per label, за разлика от
 * StyleBuilder) — балончето е ЕДИН споделен DOM елемент за цялата страница
 * (не по label ID), затова стиловете му са еднакви навсякъде, нула смисъл
 * да се дублират инлайн при всеки render.
 *
 * @package EgentLabels
 */

.egl-tooltip-bubble {
	max-width: 240px;
	width: max-content;
	padding: 7px 11px;
	border-radius: 6px;
	font: 12px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	text-align: left;
	white-space: normal;
	/* Балончето е чисто информативно — не бива да "открадне" hover/click от
	 * елемента под него (напр. ако се появи над продуктов линк). */
	pointer-events: none;
	box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.22 );
}

.egl-tooltip-bubble--dark {
	background: #1d2327;
	color: #fff;
}

.egl-tooltip-bubble--light {
	background: #fff;
	color: #1d2327;
	border: 1px solid #e2e2e2;
}

.egl-tooltip-bubble strong {
	font-weight: 700;
}