/* =========================================================
   COOKIE BANNER — CORPORATE GLASS (#116cb3) (align with auth modals)
   ========================================================= */

#cookie-banner{
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(120%);
  z-index: 9998;

  display: flex;
  align-items: center;
  gap: 16px;

  max-width: min(720px, calc(100vw - 32px));
  padding: 14px 18px;

  font-size: 14px;
  line-height: 1.4;

  /* corporate glass (same language as auth modals) */
  color: rgba(20,24,32,.92);
  background-color: rgba(255,255,255,.07);
  background-image: linear-gradient(180deg, rgba(17,108,179,.18), rgba(255,255,255,.10));
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 16px;

  backdrop-filter: blur(18px) saturate(155%);
  -webkit-backdrop-filter: blur(18px) saturate(155%);

  box-shadow: 0 18px 60px rgba(0,0,0,.22);

  transition: transform .55s cubic-bezier(.22,1,.36,1);
}

#cookie-banner.show{
  transform: translateX(-50%) translateY(0);
}

/* Текст */
#cookie-banner span{
  flex: 1 1 auto;
}

/* Ссылка — бренд */
#cookie-banner a{
  color: #116cb3;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
}
#cookie-banner a:hover{
  color: #0f5fa0;
}

/* Кнопка — primary */
#accept-cookies{
  flex: 0 0 auto;

  padding: 8px 16px;
  border-radius: 12px;

  background: #116cb3;
  color: #fff;

  border: 0;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;

  transition: background .25s ease, transform .2s ease, box-shadow .2s ease;
}

#accept-cookies:hover{
  background: #0f5fa0;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(17,108,179,.35);
}

/* Mobile */
@media (max-width: 600px){
  #cookie-banner{
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 12px;
  }

  #accept-cookies{
    width: 100%;
  }
}