/*
 * Boutond flottants - Inkwell
 * Réouverture des préférences cookies + remontée en haut de page
 */

.bouton-flottant-cookies,
.bouton-remonter {
    position:fixed;
    bottom:24px;
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
    color:#FFFFFF;
    box-shadow:0 8px 24px rgba(38, 53, 60, 0.25);
    z-index:600;
    transition:opacity 0.25s ease, transform 0.25s ease, background-color 0.15s ease;
}

.bouton-flottant-cookies {
    left:24px;
    background-color:var(--couleur-anthracite);
}

.bouton-flottant-cookies:hover {
    background-color:#1A262C;
    transform:translateY(-3px);
}

.bouton-flottant-cookies--cache {
    opacity:0;
    pointer-events:none;
    transform:translateY(12px);
}

.bouton-remonter {
    right:24px;
    background-color:var(--couleur-corail);
    opacity:0;
    pointer-events:none;
    transform:translateY(12px);
}

.bouton-remonter:hover {
    background-color:#FF5153;
}

.bouton-remonter--visible {
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
}

/* Masquage des deux boutons tant que la bannières des cookies est visible */
body.bandeau-cookies-actif .bouton-flottant-cookies,
body.bandeau-cookies-actif .bouton-remonter {
    opacity:0;
    pointer-events:none;
}

@media (max-width:576px) {
    .bouton-flottant-cookies,
    .bouton-remonter {
        width:44px;
        height:44px;
        font-size:1rem;
        bottom:16px;
    }
    .bouton-flottant-cookies {
        left:16px;
    }
    .bouton-remonter {
        right:16px;
    }
}