/* Couche CSS « core » (voir Theme::buildCoreHeaders) : gagne sur BootstrapVendor, perd contre tout CSS sans couche (Theme.css, pages Produit). */
@layer core {
/*!
 * EntryPicker.css — pastilles {clé,valeur} (.bootstrap-entrypicker-pill) + contrôle
 * d'ajout natif (input+datalist). Mécanique + accent à 2 niveaux (voir Conventions,
 * « Couleur d'accent ») - modules indépendants, pas de couplage caché avec TagsPicker.
 */

body {
	--bootstrap-entrypicker-accent: var(--bs-secondary);
	--bootstrap-entrypicker-accent-contrast: #fff;
}

.bootstrap-entrypicker-control {
	display: flex;
}

.bootstrap-entrypicker-input {
	width: 100%;
}

.bootstrap-entrypicker-pills {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

/* Boîte propre par défaut (fond+bordure+rayon), comme TagsPicker - .bootstrap-
   entrypicker-bare la retire pour un hôte qui gère déjà sa propre boîte (ex. le corps
   d'un input-group Bootstrap, voir discussion FlixManager). */
.bootstrap-entrypicker-host {
	padding: .375rem .5rem;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	background: var(--bs-body-bg);
}

.bootstrap-entrypicker-bare {
	padding: 0;
	border: none;
	background: transparent;
}

/* ---- La bulle elle-même - fond/texte = paire d'accent (voir body{} plus haut),
   défaut neutre var(--bs-secondary)/blanc (la paire native que Bootstrap utilise déjà
   pour ses propres badges neutres, .text-bg-secondary), pontée vers
   --bootstrap-accent/-accent-contrast du site dans Theme.css. ---- */
.bootstrap-entrypicker-pill {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	padding: .1875rem .5rem;
	margin: 2px .25rem 2px 0;
	border-radius: 12px;
	background: var(--bootstrap-entrypicker-accent);
	color: var(--bootstrap-entrypicker-accent-contrast);
	font-size: var(--bootstrap-fs-sm, .875rem);
}

.bootstrap-entrypicker-pill-disabled {
	opacity: 0.7;
}

.bootstrap-entrypicker-pill-remove {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	opacity: 0.7;
	font-size: var(--bootstrap-fs-xs, .75rem);
}

.bootstrap-entrypicker-pill-remove:hover,
.bootstrap-entrypicker-pill-remove:focus-visible {
	opacity: 1;
}

.bootstrap-entrypicker-pill-remove:focus-visible {
	outline: 1px solid currentColor;
	outline-offset: 1px;
	border-radius: 2px;
}
}