/* Couche CSS « core » (voir Theme::buildCoreHeaders) : gagne sur BootstrapVendor, perd contre tout CSS sans couche (Theme.css, pages Produit). */
@layer core {
/* ================================================================================================
	SORTABLETABLE (Core)
	Ce fichier ne contient que la mécanique (curseur, espacement des indicateurs) - jamais de
	couleur. Le thème sombre vient déjà de data-bs-theme="dark" sur <body> (Theme.html) : un
	<table class="table"> Bootstrap natif l'hérite gratuitement, rien à surcharger ici.

	Hook d'accent : --bootstrap-sortabletable-accent, valeur par défaut neutre
	(--bs-body-color - identique au rendu actuel, hérité par défaut). Le Produit peut le
	surcharger (voir Theme.css) pour teinter uniquement l'indicateur de tri ACTIF (↑/↓).
================================================================================================ */

body {
	--bootstrap-sortabletable-accent: var(--bs-body-color);
	--bootstrap-sortabletable-accent-contrast: var(--bs-body-bg);
}

.bootstrap-sortabletable {
	outline: 1px solid var(--bootstrap-sortabletable-accent);
}

.bootstrap-sortabletable thead th {
	color: var(--bootstrap-sortabletable-accent-contrast);
	background-color: var(--bootstrap-sortabletable-accent) !important;
	user-select: none;
}

.bootstrap-sortabletable-sortable {
	cursor: pointer;
	white-space: nowrap;
}

.bootstrap-sortabletable-sortable::after {
	content: "\2195"; /* ↕ - triable, pas encore actif */
	display: inline-block;
	margin-left: .375rem;
	opacity: 0.7;
	width: .625rem;
}

.bootstrap-sortabletable-sortable.bootstrap-sortabletable-asc::after {
	content: "\2191"; /* ↑ */
	opacity: 1;
}

.bootstrap-sortabletable-sortable.bootstrap-sortabletable-desc::after {
	content: "\2193"; /* ↓ */
	opacity: 1;
}

.bootstrap-sortabletable-priority {
	display: inline-block;
	margin-left: .25rem;
	font-size: 0.7em;
	vertical-align: super;
	opacity: 0.8;
}
}