/* Couche CSS « core » (voir Theme::buildCoreHeaders) : gagne sur BootstrapVendor, perd contre tout CSS sans couche (Theme.css, pages Produit). */
@layer core {
/*!
 * ButtonBar.css — mécanique + bascule visuelle full/tiny.
 * Volontairement PAS de hook d'accent dédié : les couleurs viennent des variantes
 * Bootstrap natives (.btn-success/.btn-danger/...), déjà réactives à data-bs-theme
 */

.bootstrap-buttonbar-host {
	width: 100%;
}

.bootstrap-buttonbar-root {
	gap: .375rem;
	width: 100%;
}

/* ---- Glyphe (mécanique seulement, hérite de currentColor - comme les autres modules) ---- */
.bootstrap-buttonbar-icon {
	margin-right: .375rem;
	font-size: var(--bootstrap-fs-sm, .875rem);
}

/* ---- Mode tiny : icône seule, discret, hug-content (jamais 100%) ---- */
.bootstrap-buttonbar-tiny.bootstrap-buttonbar-host {
	width: auto;
}

.bootstrap-buttonbar-tiny .bootstrap-buttonbar-icon {
	margin-right: 0;
	font-size: var(--bootstrap-fs-sm, .875rem);
}
.bootstrap-buttonbar-tiny .bootstrap-buttonbar-btn {
	background: transparent;
	border: none;
	color: inherit;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	border-radius: var(--bs-border-radius-sm);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: background-color 120ms ease;
}
.bootstrap-buttonbar-tiny .bootstrap-buttonbar-btn:hover:not(:disabled) {
	background: color-mix(in srgb, currentColor 20%, transparent);
}

/* Bouton désactivé en tiny : masqué plutôt que grisé  */
.bootstrap-buttonbar-tiny .bootstrap-buttonbar-btn:disabled {
	display: none;
}
}