/*=========================================================
  FWVA Business Solutions
  Cookie Banner
=========================================================*/

#cookie-banner{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;

    display:none;

    padding:20px;

    background:rgba(32,34,38,.92);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border-top:1px solid rgba(184,148,88,.25);

    box-shadow:0 -12px 35px rgba(0,0,0,.18);
}

#cookie-banner.show{
    display:block;
}

.cookie-content{
    max-width:1200px;
    margin:0 auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.cookie-text h3{
    color:#ffffff;
    font-size:1.35rem;
    margin-bottom:10px;
}

.cookie-text p{
    color:rgba(255,255,255,.82);
    margin:0;
    line-height:1.7;
}

.cookie-text a{
    color:#b89458;
    text-decoration:none;
    font-weight:600;
}

.cookie-text a:hover{
    text-decoration:underline;
}

.cookie-buttons{
    display:flex;
    flex-shrink:0;
}

.cookie-btn{
    background:#b89458;
    color:#ffffff;

    border:none;
    border-radius:999px;

    padding:14px 30px;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    transition:.3s ease;
}

.cookie-btn:hover{
    background:#9f7d45;
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(184,148,88,.35);
}

@media (max-width:768px){

    #cookie-banner{
        padding:18px;
    }

    .cookie-content{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .cookie-buttons{
        width:100%;
    }

    .cookie-btn{
        width:100%;
        justify-content:center;
    }

}