/* ===========================
   BANDEAU COOKIES IMEDIA-LC
=========================== */


#cookie-banner {

    position: fixed;

    bottom: 25px;

    right: 25px;

    width: 380px;

    max-width: calc(100% - 40px);

    background: #1d3557;

    color: white;

    border-radius: 18px;

    padding: 25px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.35);

    z-index: 99999;

    display: none;

    animation: cookieAppear 0.4s ease;

}



#cookie-banner.show {

    display: block;

}



@keyframes cookieAppear {

    from {

        opacity: 0;

        transform: translateY(30px);

    }


    to {

        opacity: 1;

        transform: translateY(0);

    }

}





.cookie-title {

    font-size: 1.25rem;

    font-weight: 700;

    margin-bottom: 15px;

    color: white;

}





.cookie-text {

    font-size: 0.95rem;

    line-height: 1.6;

    color: rgba(255,255,255,0.9);

    margin-bottom: 22px;

}





.cookie-text a {

    color: #00b7d8;

    font-weight: 600;

    text-decoration: none;

}





.cookie-buttons {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}





.cookie-btn {

    border: none;

    padding: 11px 18px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    transition: 0.25s;

}





.cookie-accept {

    background: #00b7d8;

    color: white;

}



.cookie-accept:hover {

    background: #0097b7;

}





.cookie-refuse {

    background: rgba(255,255,255,0.15);

    color: white;

    border: 1px solid rgba(255,255,255,0.3);

}



.cookie-refuse:hover {

    background: rgba(255,255,255,0.25);

}





.cookie-more {

    display: block;

    width: 100%;

    margin-top: 15px;

    text-align: center;

    color: white;

    font-size: 14px;

    text-decoration: underline;

}





@media(max-width:600px){


.cookie-banner {

    right: 10px;

    left: 10px;

    bottom: 10px;

    width: auto;

}



.cookie-buttons {

    flex-direction: column;

}



.cookie-btn {

    width:100%;

}



}