/* =========================================================================
   BIC Ventures — cookie notice.

   Same markup and same behaviour as the ZEN Z bar; only the palette differs,
   because the two brands deliberately do not share one. Self-contained: no
   variable here is defined in styles.css, so the bar renders correctly even
   on a page that loads a different stylesheet.
   ========================================================================= */

.ck-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #FFFFFF;
  border-top: 1px solid #E6ECF6;
  box-shadow: 0 -18px 44px -24px rgba(13, 27, 62, .5);
  padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  animation: ck-rise .28s cubic-bezier(.22, .61, .36, 1) both;
}

@keyframes ck-rise {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .ck-bar { animation: none; }
}

.ck-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
}

.ck-text { flex: 1 1 auto; min-width: 0; }

.ck-head {
  margin: 0 0 4px;
  font-family: 'Sora', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #0D1B3E;
  letter-spacing: -.015em;
}

.ck-body {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: #5B6784;
  max-width: 78ch;
}

.ck-link {
  color: #0C59C2;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ck-link:hover { color: #0A4CA8; }

.ck-actions {
  flex: 0 0 auto;
  display: flex;
  gap: 10px;
}

.ck-btn {
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 13px 22px;
  border-radius: 100px;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ck-btn:focus-visible {
  outline: 3px solid #D48E25;
  outline-offset: 3px;
}

/* Refuse and accept are the same size and the same weight. The only
   difference is fill, and that is as far as the nudge is allowed to go. */
.ck-btn-solid {
  background: #0C59C2;
  border: 1px solid #0C59C2;
  color: #fff;
}

.ck-btn-solid:hover { background: #0A4CA8; border-color: #0A4CA8; }

.ck-btn-ghost {
  background: #fff;
  border: 1px solid #E6ECF6;
  color: #111A33;
}

.ck-btn-ghost:hover { border-color: #5B6784; }

/* The mobile app bar is fixed to the bottom at this width, so the notice sits
   on top of it rather than over it. Getting this wrong hides the site's whole
   navigation behind the one thing a visitor cannot dismiss without answering. */
@media (max-width: 980px) {
  .ck-bar { bottom: calc(78px + env(safe-area-inset-bottom, 0px)); }
}

@media (max-width: 720px) {
  .ck-inner { flex-direction: column; align-items: stretch; gap: 14px; }
  .ck-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .ck-btn { width: 100%; padding: 13px 12px; }
  .ck-body { font-size: 13px; }
}

/* ------------------------------------------------------ policy page bits */

.ck-state {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  background: #EDF3FC;
  border: 1px solid #E6ECF6;
  font-size: 13px;
  font-weight: 600;
  color: #111A33;
}

.ck-change {
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 100px;
  background: #0D1B3E;
  border: 1px solid #0D1B3E;
  color: #fff;
  cursor: pointer;
}

.ck-change:hover { background: #0A1631; }

.ck-choice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

/* --------------------------------------------------- cookie table */

.ck-table-wrap {
  overflow-x: auto;
  border: 1px solid #E6ECF6;
  border-radius: 14px;
  margin: 16px 0 8px;
}

.ck-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 13.5px;
  line-height: 1.55;
  color: #5B6784;
}

.ck-table th,
.ck-table td {
  text-align: left;
  padding: 11px 14px;
  border-bottom: 1px solid #E6ECF6;
  vertical-align: top;
}

.ck-table tr:last-child td { border-bottom: 0; }

.ck-table th {
  background: #F5F8FD;
  color: #0D1B3E;
  font-weight: 700;
  white-space: nowrap;
}

.ck-table code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px;
  background: #F5F8FD;
  border: 1px solid #E6ECF6;
  border-radius: 5px;
  padding: 1px 5px;
  color: #111A33;
}