.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* sprint-26 (retour Arnaud) : MÊME teinte que la top bar (0.55, avant 0.35) —
     * la top bar paraissait plus sombre. Les deux barres sont désormais identiques. */
    background: rgba(0, 0, 0, 0.55);
    color: #ddd;
    text-align: center;
    /* sprint-26 (TD-25-4) : barre COMPACTE, hauteur alignée sur la top bar
     * (padding vertical serré + line-height court). Deux lignes tiennent sans
     * doubler la hauteur ni masquer le CTA « Devis gratuit ». */
    padding: 5px 0 calc(5px + env(safe-area-inset-bottom)) 0;
    font-size: 0.82em;
    line-height: 1.25;
    z-index: 999;
}

.bottom-bar a {
    color: #ccc;
    text-decoration: underline;
    transition: 0.3s;
}
.bottom-bar a:hover {
    color: #009FCB;
}

/* sprint-26 (TD-25-4, retour Arnaud) : ligne principale (copyright + liens) en
   BLANC, en HAUT, remontée. La ligne d'identité légale passe TOUT PETIT et grisée
   EN DESSOUS — « qu'on la voie presque pas », sans alourdir la barre. */
.bb-legal {
    display: block;
    color: #fff;
}
.bb-legal a { color: #fff; }
.bb-identity {
    display: block;
    /* sprint-26 (retour Arnaud, réglé en inspecteur) : un peu plus visible que le
       premier essai — 0.8em / opacity 0.85, tout en restant discret sous la ligne. */
    font-size: 0.8em;
    opacity: 0.85;
    margin-top: 2px;
    line-height: 1.15;
    letter-spacing: 0.01em;
}

/* Mobile : éviter la double ligne illisible sur 320px */
@media (max-width: 480px) {
    .bottom-bar {
        font-size: 0.75em;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) 12px;
        line-height: 1.4;
    }
}