/* ACCUEIL */
.block-categories .category-top-menu > li > a {
    color: #59B52C !important;
    font-weight: 700;
}

/* Catégories impaires : bleu */
.block-categories .category-sub-menu > li:nth-child(odd) > a {
    color: #0077B6 !important;
}

/* Catégories paires : vert */
.block-categories .category-sub-menu > li:nth-child(even) > a {
    color: #59B52C !important;
}

/* Au passage de la souris : rose du logo */
.block-categories .category-top-menu a:hover,
.block-categories .category-sub-menu a:hover {
    color: #E6007E !important;
}
/* ===== FUMEE PLUS VISIBLE ===== */

.icv-smoke {
    position: fixed;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999999;

    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.95) 0%,
        rgba(225,225,225,0.85) 20%,
        rgba(190,190,190,0.60) 42%,
        rgba(150,150,150,0.28) 62%,
        rgba(120,120,120,0) 80%
    );

    filter: blur(7px);
    opacity: 0;

    animation: icvSmokeMove 2.2s ease-out forwards;
}

@keyframes icvSmokeMove {

    0% {
        opacity: 0;
        transform:
            translate3d(0, 30px, 0)
            scale(0.4)
            rotate(0deg);
    }

    10% {
        opacity: 0.95;
    }

    35% {
        opacity: 0.85;
        transform:
            translate3d(var(--x1), -40px, 0)
            scale(1.5)
            rotate(18deg);
    }

    65% {
        opacity: 0.60;
        transform:
            translate3d(var(--x2), -130px, 0)
            scale(2.5)
            rotate(-20deg);
    }

    85% {
        opacity: 0.30;
    }

    100% {
        opacity: 0;
        transform:
            translate3d(var(--x3), -250px, 0)
            scale(4)
            rotate(35deg);
    }
}