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

#lb-cookie-banner{
  position:fixed;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);

  width:95%;
  max-width:900px;

  background:rgba(8,16,40,0.96);
  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(12px);

  border-radius:18px;

  padding:22px 25px;

  z-index:999999;

  box-shadow:0 10px 40px rgba(0,0,0,0.45);

  display:none;

  animation:cookieUp 0.5s ease;
}

@keyframes cookieUp{
  from{
    opacity:0;
    transform:translate(-50%, 30px);
  }

  to{
    opacity:1;
    transform:translate(-50%, 0);
  }
}

.lb-cookie-content{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.lb-cookie-text{
  color:#ffffff;
  font-size:15px;
  line-height:1.7;
  flex:1;
}

.lb-cookie-buttons{
  display:flex;
  align-items:center;
  gap:15px;
}

.lb-cookie-link{
  color:#ffea00;
  text-decoration:none;
  font-weight:700;
  transition:0.3s;
  white-space:nowrap;
}

.lb-cookie-link:hover{
  color:#ffffff;
}

#lb-cookie-accept{
  background:#ff2e43;
  border:none;
  color:#ffffff;

  padding:12px 26px;

  border-radius:12px;

  font-size:14px;
  font-weight:800;
  letter-spacing:0.5px;

  cursor:pointer;

  transition:0.3s;

  white-space:nowrap;

  box-shadow:0 8px 25px rgba(255,46,67,0.35);
}

#lb-cookie-accept:hover{
  transform:scale(1.05);
  opacity:0.92;
}

@media(max-width:768px){

  #lb-cookie-banner{
    bottom:15px;
    padding:20px;
    width:92%;
  }

  .lb-cookie-content{
    flex-direction:column;
    align-items:flex-start;
  }

  .lb-cookie-buttons{
    width:100%;
    justify-content:space-between;
    gap:12px;
  }

  #lb-cookie-accept{
    flex:1;
    text-align:center;
  }

}

@media(max-width:480px){

  .lb-cookie-text{
    font-size:14px;
  }

  .lb-cookie-buttons{
    flex-direction:column;
    width:100%;
  }

  .lb-cookie-link{
    width:100%;
    text-align:center;
  }

  #lb-cookie-accept{
    width:100%;
  }

}