/* Cookie consent bar.
 *
 * Layer 15 of the stylesheet. ORDER IS SIGNIFICANT: this file's rules
 * are overridden by every later layer and override every earlier one, exactly as
 * when they were one file. See docs/frontend-architecture.md. */

/* ── Cookie consent (blocks analytics until accepted) ─────────────────────── */
.fp-cookie-bar {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(52px + env(safe-area-inset-bottom));
  z-index: 401;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 14px 16px;
  background: rgba(11, 17, 23, .96);
  border: 1px solid rgba(0, 255, 153, .22);
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .45);
  color: #d7e2e9;
  font-size: 13px;
  line-height: 1.5;
}
.fp-cookie-bar p { margin: 0; flex: 1 1 260px; }
.fp-cookie-bar a { color: #00ff99; }
.fp-cookie-actions { display: flex; align-items: center; gap: 10px; }
.fp-cookie-accept {
  background: #00ff99;
  color: #071017;
  border: none;
  padding: 9px 16px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}
.fp-cookie-decline {
  background: transparent;
  color: #8e9aa5;
  border: 1px solid rgba(255, 255, 255, .14);
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
}
@media (max-width: 600px) {
  /* No safe-area inset here — on the dashboard the bottom navbar sits below
     this bar and already owns it. Content pages have no navbar, but they also
     do not load this stylesheet. */
  .fp-disclaimer-bar { font-size: 13px; padding: 7px 12px; text-align: left; }
  .fp-cookie-bar { left: 10px; right: 10px; padding: 12px 14px; }
  .fp-cookie-actions { width: 100%; }
  .fp-cookie-accept { flex: 1; }
}