/*
 * Bandeau PWA - Inkwell
 */

.pwa-bandeau-maj {
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:16px;
    background-color:var(--couleur-anthracite);
    color:#FFFFFF;
    border-radius:999px;
    box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);
    z-index:999;
    font-size:0.88rem;
    animation:pwa-bandeau-apparition 0.3s ease;
}

@keyframes pwa-bandeau-apparition {
    from {
        opacity:0;
        transform:translate(-50%, 20px);
    }
    to {
        opacity:1;
        transform:translate(-50%, 0);
    }
}

.pwa-bandeau-maj button {
    background-color:var(--couleur-corail);
    color:#FFFFFF;
    border:none;
    padding:8px 16px;
    border-radius:999px;
    font-weight:700;
    font-size:0.82rem;
    cursor:pointer;
    flex-shrink:0;
}

@media (max-width:480px) {
    .pwa-bandeau-maj {
        left:16px;
        right:16px;
        transform:none;
        bottom:16px;
    }
}

@keyframes inkwell-splash-pulse {
    0%, 100% {
        opacity:0.55;
        transform:scale(0.92);
    }
    50% {
        opacity:1;
        transform:scale(1);
    }
}

#inkwell-splash-perso {
    transition:opacity 0.4s ease;
}

#inkwell-splash-perso.inkwell-splash-perso--disparition {
    opacity:0;
    pointer-events:none;
}