/*
 * Barre d'onglets du bas (components/bottom_nav.php), toutes les applis : lisible en mode jour.
 * En jour, la barre était blanche sur fond clair et l'icône de l'onglet actif restait blanche (--nav-on) : invisible.
 * Ici : barre blanche détachée par un filet et une ombre bleu nuit, libellés gris foncé, onglet actif en bleu nuit
 * avec une pastille claire derrière l'icône (aussi en mode sombre, pour repérer l'onglet d'un coup d'œil).
 * html:root[…][data-layout-template] passe devant :root[data-layout-template="…"] de css/templates.css.
 */
html:root, html:root[data-layout-template] { --nav-bg: #141a24; --nav-pastille: rgba(157, 184, 217, .18); }
html:root[data-theme="light"], html:root[data-theme="light"][data-layout-template] {
    --nav-bg: #fff;
    --nav-text: #5b6472;
    --nav-on: #0f2a4a;
    --nav-active: #0f2a4a;
    --nav-pastille: rgba(15, 42, 74, .10);
}

.pm-nav-item--active .pm-nav-icon { width: 52px; border-radius: 999px; background: var(--nav-pastille); }

html[data-theme="light"] .pm-bottom-nav {
    border-color: rgba(15, 42, 74, .16);
    box-shadow: 0 8px 24px rgba(15, 42, 74, .18), 0 1px 3px rgba(15, 42, 74, .12);
}
html[data-theme="light"] .pm-pub-pied { background: #f2f4f7; }