/* Couche CSS « core » (voir Theme::buildCoreHeaders) : gagne sur BootstrapVendor, perd contre tout CSS sans couche (Theme.css, pages Produit). */
@layer core {
/* SplitLayout - mécanique seulement. Large : rien ici, c'est un FlexLayout ordinaire.
   Étroit (.bootstrap-splitlayout-narrow, posé par SplitLayout.js selon la largeur de la
   cible) : un seul panneau, pleine largeur, sans gouttière. !important : FlexLayout pose
   la taille des panneaux en style en ligne (flex, min-width) - en étroit seulement, et
   seulement sur les deux panneaux de CE module. */
.bootstrap-splitlayout .bootstrap-splitlayout-back { display: none; margin-left: -.25rem; } /* .bootstrap-splitlayout : gagne sur .btn du Skin (même couche, chargé après) */

.bootstrap-splitlayout-narrow .bootstrap-splitlayout-row > .bootstrap-flexlayout-gutter { display: none; }
.bootstrap-splitlayout-narrow .bootstrap-splitlayout-row > .bootstrap-splitlayout-nav,
.bootstrap-splitlayout-narrow .bootstrap-splitlayout-row > .bootstrap-splitlayout-detail {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	max-width: none !important;
}
.bootstrap-splitlayout-narrow[data-splitlayout-view="nav"] .bootstrap-splitlayout-row > .bootstrap-splitlayout-detail,
.bootstrap-splitlayout-narrow[data-splitlayout-view="detail"] .bootstrap-splitlayout-row > .bootstrap-splitlayout-nav { display: none; }
.bootstrap-splitlayout-narrow .bootstrap-splitlayout-row > .bootstrap-splitlayout-detail .bootstrap-splitlayout-back { display: inline-flex; }
}