/* ==================================================
   COOKIE-BANNER
================================================== */

.cookie-banner{

    position:fixed;

    left:20px;
    right:20px;
    bottom:20px;

    max-width:1100px;
    margin:auto;

    background:rgba(25,30,45,0.96);

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

    border-radius:18px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.45);

    backdrop-filter:blur(14px);

    z-index:99999;

    animation:cookieFade .4s ease;
}

.cookie-content{

    display:flex;

    gap:25px;

    align-items:center;

    padding:25px;
}

.cookie-icon{

    font-size:42px;

    flex-shrink:0;
}

.cookie-text{

    flex:1;
}

.cookie-text h2{

    margin:0 0 10px;

    color:#ffffff;

    font-size:24px;
}

.cookie-text p{

    margin:0;

    color:#d6d9df;

    line-height:1.7;
}

.cookie-links{

    margin-top:15px;
}

.cookie-links a{

    color:#3fb4ff;

    text-decoration:none;

    font-weight:600;

    transition:.25s;
}

.cookie-links a:hover{

    color:#67c8ff;
}

.cookie-links span{

    margin:0 12px;

    color:#888;
}

.cookie-buttons{

    display:flex;

    flex-direction:column;

    gap:12px;

    min-width:210px;
}

.cookie-btn{

    border:none;

    border-radius:10px;

    padding:13px 18px;

    font-size:15px;

    cursor:pointer;

    transition:.25s;
}

.cookie-btn:hover{

    transform:translateY(-2px);
}

.cookie-btn.primary{

    background:#3fb4ff;

    color:#ffffff;

    font-weight:bold;
}

.cookie-btn.primary:hover{

    background:#2397ea;
}

.cookie-btn.secondary{

    background:#3d4659;

    color:#ffffff;
}

.cookie-btn.secondary:hover{

    background:#556079;
}

.cookie-btn.settings{

    background:transparent;

    color:#d6d9df;

    border:1px solid #5b667a;
}

.cookie-btn.settings:hover{

    background:#2b3345;
}

@keyframes cookieFade{

    from{

        opacity:0;

        transform:translateY(35px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}

/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:850px){

    .cookie-content{

        flex-direction:column;

        text-align:center;
    }

    .cookie-buttons{

        width:100%;
    }

    .cookie-btn{

        width:100%;
    }

}