/* Remarque d'Evelyne (04/11/2026) et règle « bouton principal toujours visible » : le bandeau des boutons reste à l'écran quand la fiche défile.
   Pages : trait BoutonsEnregistrerEnHaut (classe posée sur <body>). Le fond reprend celui de la page, thème par thème (solartech.css), sans couleur propre.
   Écran : tout le bandeau (titre + boutons). Téléphone : les boutons seuls, le titre part avec la page. */
body.st-bandeau-fixe, body.st-bandeau-long { --st-bandeau-fond: rgb(var(--gray-50)); }
html.dark body.st-bandeau-fixe, html.dark body.st-bandeau-long { --st-bandeau-fond: #1f2937; }
html.theme-gray body.st-bandeau-fixe, html.theme-gray body.st-bandeau-long { --st-bandeau-fond: #94a3b8; }

@media (min-width: 768px) {
    body.st-bandeau-fixe .fi-page header.fi-header {
        position: sticky; top: 72px; z-index: 20;
        background: var(--st-bandeau-fond);
        margin-block: -8px; padding-block: 8px;
    }
}
/* Fiche projet : beaucoup de boutons, le bandeau ne reste que sur un grand écran */
@media (min-width: 1024px) and (min-height: 800px) {
    body.st-bandeau-long .fi-page header.fi-header {
        position: sticky; top: 72px; z-index: 20;
        background: var(--st-bandeau-fond);
        margin-block: -8px; padding-block: 8px;
    }
}
@media (max-width: 767.98px) {
    body.st-bandeau-fixe .fi-page header.fi-header { display: contents; }
    body.st-bandeau-fixe .fi-page header.fi-header > .fi-ac,
    body.st-bandeau-fixe .fi-page header.fi-header > div:has(> .fi-ac) {
        position: sticky; top: 72px; z-index: 20;
        background: var(--st-bandeau-fond);
        padding-block: 6px;
    }
}