/* ════════ 95-legal — the launch layer ════════
   Seller disclosure in the footer, the cookie notice, the consent lines on
   forms that collect a phone number, and the dev-only TO CONFIRM marker.
   Tokens come from 00-tokens.css; nothing here invents a colour. */

/* ── footer: ЗУ «Про електронну комерцію» ст. 7 disclosure ───────────────── */
.vk-f-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding: 14px 0 0;
  margin-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .55);
}

.vk-f-legal span { white-space: nowrap; }

/* The address is the one field that must be allowed to wrap on a phone. */
.vk-f-legal span:last-child { white-space: normal; }

/* ── cookie notice ──────────────────────────────────────────────────────── */
.vk-cookie {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040; /* above the fishing tab (1025), below modals */
  background: #0C296A;
  color: #fff;
  box-shadow: 0 -2px 14px rgba(0, 0, 0, .18);
}

.vk-cookie-in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.vk-cookie p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.vk-cookie a { color: #fff; text-decoration: underline; }

.vk-cookie .vk-btn { flex: 0 0 auto; }

/* The mobile bottom bar owns the bottom edge — lift clear of it. */
@media (max-width: 767px) {
  .vk-cookie { bottom: 56px; }
  .vk-cookie-in { flex-direction: column; align-items: stretch; gap: 10px; }
}

/* ── consent line on forms that take a phone number ──────────────────────── */
.vk-consent {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--vk-muted, #6b7280);
}

.vk-consent a { color: inherit; text-decoration: underline; }

/* ── TO CONFIRM marker ───────────────────────────────────────────────────────
   Values on the legal pages that the client has not confirmed yet. This is a
   dev-mirror affordance: m23_launch_pages.py --confirmed stops emitting the
   wrapper, so nothing styled here can reach a launched storefront. Loud on
   purpose — a legal page carrying an unconfirmed ФОП name must be impossible
   to mistake for a finished one. */
.vk-todo {
  background: #fff3cd;
  border-bottom: 2px dotted #b8860b;
  padding: 0 2px;
}

.vk-todo::after {
  content: " ⚠";
  font-size: .85em;
  color: #b8860b;
}