/**
 * Tooltip réutilisable — Nisios
 *
 * S'active sur tout élément [data-tooltip] via le module JS tooltip.js.
 * Classe modifiée : .nisios-tooltip--below (inversion de la flèche).
 */

.nisios-tooltip {
	position: fixed;
	top: 0;
	left: 0;
	max-width: 280px;
	background: var(--color-contrast);
	color: var(--color-base);
	padding: 5px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.35;
	pointer-events: none;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity 150ms ease, transform 150ms ease;
	z-index: 100000;
	box-shadow: 0 4px 12px rgba(18, 18, 23, 0.2);
	white-space: normal;
	word-wrap: break-word;
}

.nisios-tooltip.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.nisios-tooltip::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	background: var(--color-contrast);
}

.nisios-tooltip--below::after {
	bottom: auto;
	top: -4px;
}