/* Couche CSS « core » (voir Theme::buildCoreHeaders) : gagne sur BootstrapVendor, perd contre tout CSS sans couche (Theme.css, pages Produit). */
@layer core {
/* ================================================================================================
	MODAL (Core)
	Construit dynamiquement par Modal.js - ce fichier ne contient que la mécanique (espacement),
	jamais de couleur : le skin (couleurs des boutons, etc.) vient des utilitaires Bootstrap 5
	(btn-success, btn-danger...) déjà appliqués par l'appelant via l'option `buttons`.

	Hook d'accent : --bootstrap-modal-accent, valeur par défaut neutre (BootstrapVendor,
	--bs-border-color-translucent - aucun changement visuel out-of-the-box). Le Produit peut le
	surcharger (voir Theme.css) pour teinter le contour du modal et les séparateurs header/footer.
================================================================================================ */

body {
	--bootstrap-modal-accent: var(--bs-border-color-translucent);
}

.modal-content {
	border-color: var(--bootstrap-modal-accent);
}

.modal-header {
	background-color: var(--bootstrap-modal-accent);
	border-bottom-color: var(--bootstrap-modal-accent);
	padding: .375rem .875rem;
}

.modal-footer {
	padding: .375rem .875rem;
}

/* Icône d'un bouton du pied (config.icon) - même espacement que le pied FlexLayout */
.bootstrap-modal-btn-icon { margin-right: .375rem; }

/* options.padding:false - le contenu porte son propre espacement (voir Modal.js) */
.modal .modal-body.bootstrap-modal-body-flush { /* gagne sur le padding du Skin (même couche, chargé après) */
	padding: 0;
}

.modal-footer:empty {
    padding: 0;
}

/* ---- options.moveable : en-tête = poignée de déplacement (voir Modal.js) ---- */
.bootstrap-modal-draggable-header {
	cursor: move;
	user-select: none;
}
/* Le bouton de fermeture garde son curseur normal - il n'amorce pas de drag (voir Modal.js) */
.bootstrap-modal-draggable-header .btn-close {
	cursor: pointer;
}

/* ---- showStandby()/hideStandby() : overlay bloquant sur body+footer (voir Modal.js) ----
	top posé en JS (hauteur réelle du header) - le reste (left/right/bottom) couvre le
	reste de .modal-content, qui est déjà position:relative nativement (BootstrapVendor).
	rgba(--bs-body-bg-rgb) = même mécanique que le fond de Notify (toast) : semi-transparent,
	suit le thème clair/sombre automatiquement, aucune couleur en dur ici. */
.bootstrap-modal-standby-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .75rem;
	background-color: rgba(var(--bs-body-bg-rgb), 0.85);
	z-index: 5;
}

.bootstrap-modal-standby-message {
	font-size: .9rem;
	text-align: center;
	padding: 0 1rem;
}
}