/* AD – Mentions. Classes mention-* / mentions-* (jamais ad-*). */

a.mention-tag,
span.mention-tag {
	color: var(--ad-primary-hover, #E25822);
	font-weight: 600;
	text-decoration: none;
}
a.mention-tag:hover { text-decoration: underline; }

.mentions-menu {
	position: absolute;
	z-index: 100000;
	width: 290px;
	max-width: calc(100vw - 16px);
	max-height: 320px;
	margin: 0;
	padding: 6px 0;
	overflow-y: auto;
	list-style: none;
	background: var(--ad-content-background, #FFFFFF);
	border: 1px solid var(--ad-border-color, #D6D9DD);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(30, 33, 50, .15);
	font-size: 14px;
	text-align: left;
}
.mentions-menu[hidden] { display: none; }
.mentions-menu__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 12px;
	cursor: pointer;
}
.mentions-menu__item.is-active,
.mentions-menu__item:hover { background: rgba(226, 108, 61, .1); }
.mentions-menu__avatar {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}
.mentions-menu__text { display: flex; flex-direction: column; min-width: 0; }
.mentions-menu__name {
	overflow: hidden;
	color: var(--ad-headings-color, #1E2132);
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mentions-menu__detail { color: var(--ad-alternate-text-color, #9B9C9F); font-size: 12px; }
.mentions-menu__empty { padding: 8px 12px; color: var(--ad-alternate-text-color, #9B9C9F); }

/* Copie du texte derrière le textarea : seuls les tags surlignés sont visibles. */
.mentions-mirror {
	position: absolute;
	z-index: 0;
	margin: 0;
	overflow: hidden;
	border-style: solid;
	border-color: transparent;
	color: transparent;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	word-wrap: break-word;
	pointer-events: none;
}
.mentions-mirror mark {
	border-radius: 3px;
	background: rgba(226, 108, 61, .2);
	box-shadow: 0 0 0 1px rgba(226, 108, 61, .2);
	color: transparent;
}