/* iManage — page-footer (v1.3.0)
   Composant désormais auto-suffisant : shell (#page_footer fixe en bas + structure
   interne) entièrement portés par ce fichier. imanage.css ne porte plus rien sur
   #page_footer (un commentaire de référence y est conservé).

   v1.1.0 — Logo opaque non-cliquable, font-size unifié, heure en gras avec `:` clignotant.
   v1.2.0 — Shell #page_footer (position fixed, height 48px, background, border, z-index)
            réintégré ici. Sans ce shell, le footer ne s'affichait pas correctement
            sur les projets utilisant uniquement le composant (régression précédente).
            Bénéficie aux 9 projets iManage (cmo, cambatani, ibora, mamiwata, serfin,
            lemai, matissa, archivage_ged, MyQMa).
   v1.3.0 — Logo Digits rendu visible sur les deux thèmes. Le PNG (texte blanc sur
            fond noir opaque, sans alpha) était invisible sur footer sombre et formait
            une boîte noire sur footer clair. Fix CSS par mix-blend-mode (screen en
            sombre, invert+multiply en clair). Asset PNG inchangé. */

/* ── Shell — pied de page fixé en bas, sur toute la largeur ──────────── */
#page_footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    display: flex;
    align-items: center;
    background: var(--bg-surface);
    border-top: 1px solid var(--border);
    z-index: 1030;        /* au-dessus du contenu, sous les modales (1040+) */
    padding: 0 16px;
}

/* Réserve l'espace en bas du body pour que le contenu ne soit pas masqué */
body:has(#page_footer) {
    padding-bottom: 48px;
}

/* Fallback pour navigateurs sans :has() (rare en 2026, mais on protège) */
@supports not selector(:has(*)) {
    body { padding-bottom: 48px; }
}

#page_footer .footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

/* ── Logo Digits — colonne gauche (non-cliquable, opacité constante) ─── */
#page_footer .footer-brand {
    flex: 1;
    display: flex;
    align-items: center;
}
#page_footer .footer-digits-logo {
    height: 18px;
    width: auto;
    opacity: 1;
    pointer-events: none;       /* non-cliquable */
    user-select: none;
    /* Le PNG Digits est un texte BLANC sur fond NOIR OPAQUE (pas d'alpha).
       Sans traitement il est invisible sur footer sombre et apparaît comme une
       vilaine boîte noire sur footer clair. Thème clair (footer blanc) :
       `invert(1)` → texte noir + fond blanc, puis `multiply` efface le fond
       blanc. Thème sombre : voir l'override [data-theme="dark"] plus bas. */
    filter: invert(1);
    mix-blend-mode: multiply;
}

/* Thème sombre : footer foncé. `screen` laisse passer le texte blanc du PNG et
   neutralise son fond noir (le noir est l'élément neutre du mode screen). */
[data-theme="dark"] #page_footer .footer-digits-logo {
    filter: none;
    mix-blend-mode: screen;
}

/* ── Tailles de police unifiées sur les 3 colonnes ───────────────────── */
#page_footer .footer-copy,
#page_footer .footer-datetime {
    font-size: var(--font-size-sm);
    letter-spacing: 0.04em;
    color: var(--text-secondary);
}

/* ── Copyright — centre ────────────────────────────────────────────── */
#page_footer .footer-copy {
    flex: 1;
    text-align: center;
    font-weight: 500;
}

/* ── Date + heure — colonne droite ─────────────────────────────────── */
#page_footer .footer-datetime {
    flex: 1;
    justify-content: flex-end;
    font-variant-numeric: tabular-nums;
    display: inline-flex;
    align-items: baseline;
    gap: var(--spacing-sm);
}
#page_footer .footer-sep { opacity: 0.5; }

/* Heure : HH<:>MM — chiffres en gras, `:` clignote à chaque seconde */
#page_footer .footer-time {
    display: inline-flex;
    align-items: baseline;
    font-size: var(--font-size-sm);             /* identique au reste du footer */
    font-variant-numeric: tabular-nums;
}
#page_footer .footer-time strong {
    font-weight: 700;
    font-size: inherit;          /* explicitement la même taille */
    color: var(--text-primary);
    letter-spacing: 0.02em;
}
#page_footer .footer-colon {
    display: inline-block;
    width: 6px;
    text-align: center;
    font-weight: 700;
    color: var(--text-primary);
    opacity: 1;
    transition: opacity var(--transition);
}
#page_footer .footer-colon.is-off { opacity: 0.18; }

@media (max-width: 575.98px) {
    #page_footer .footer-row { flex-direction: column; gap: 4px; text-align: center; }
    #page_footer .footer-brand { justify-content: center; }
    #page_footer .footer-datetime { justify-content: center; }
}