/* ============================================================
   legal.css — оформление юридических страниц лендингов
   (privacy.html / cookie.html / terms.html)
   Копия лежит в каждой из папок landing-a / landing-b / landing-c.
   Зависит от tokens.css (цвета, шрифты) — подключать после него.
   ============================================================ */

/* ---------- переключение языка: показываем только активный ---------- */
[data-l]                    { }
.lng-ru [data-l]:not([data-l="ru"]),
.lng-uk [data-l]:not([data-l="uk"]),
.lng-en [data-l]:not([data-l="en"]),
.lng-pl [data-l]:not([data-l="pl"]) { display:none !important; }

/* ---------- базис страницы ---------- */
html { -webkit-text-size-adjust:100%; }
body.legal-page {
  margin:0;
  background:var(--paper-gray, #EBECEC);
  color:var(--navy, #212A5B);
  font-family:var(--font-body, var(--font-display));
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.legal-page *,
.legal-page *::before,
.legal-page *::after { box-sizing:border-box; }

.lg-wrap { width:min(100% - 32px, 880px); margin-inline:auto; }

.lg-skip {
  position:absolute; left:-999px; top:0; z-index:999;
  background:var(--gold); color:var(--navy);
  padding:10px 16px; font-weight:700;
}
.lg-skip:focus { left:0; }

/* ---------- шапка ---------- */
.lg-header {
  position:sticky; top:0; z-index:50;
  background:var(--navy, #212A5B);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.lg-header-in {
  width:min(100% - 32px, 1180px); margin-inline:auto;
  min-height:64px;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding-block:10px;
}
.lg-brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.lg-brand img { height:34px; width:auto; display:block; }
.lg-header-tools { margin-left:auto; display:flex; align-items:center; gap:10px; }

/* выбор языка: выпадающий список RU / UA / EN / PL (как на лендинге) */
.lang-dd { position:relative; flex:0 0 auto; }
.lang-dd-btn {
  appearance:none; -webkit-appearance:none; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 11px 0 13px;
  border-radius:999px; border:1px solid rgba(255,255,255,.28); background:transparent; color:#fff;
  font:700 12px/1 var(--font-mono, monospace); letter-spacing:.08em;
}
.lang-dd-btn:hover, .lang-dd.open .lang-dd-btn { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.4); }
.lang-dd-chev { width:10px; height:7px; opacity:.8; transition:transform .2s ease; }
.lang-dd.open .lang-dd-chev { transform:rotate(180deg); }
.lang-dd-menu {
  position:absolute; top:calc(100% + 8px); right:0; z-index:400; min-width:196px; padding:6px;
  display:flex; flex-direction:column; gap:2px;
  background:#fff; border-radius:14px; box-shadow:0 18px 44px -12px rgba(17,20,31,.45), 0 0 0 1px rgba(33,42,91,.06);
}
.lang-dd-menu[hidden] { display:none; }
.lang-dd-menu button {
  appearance:none; -webkit-appearance:none; border:0; background:transparent; cursor:pointer;
  display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:0 12px;
  border-radius:10px; color:var(--navy, #212A5B); font:500 15px/1.2 var(--font-sans, sans-serif); text-align:left;
}
.lang-dd-menu button b { width:24px; font:700 12px/1 var(--font-mono, monospace); letter-spacing:.06em; color:rgba(33,42,91,.5); }
.lang-dd-menu button:hover, .lang-dd-menu button:focus-visible { background:#F4F1EA; outline:none; }
.lang-dd-menu button.is-active { background:rgba(255,207,61,.24); }
.lang-dd-menu button.is-active b { color:var(--navy, #212A5B); }

.lg-back {
  display:inline-flex; align-items:center; gap:6px;
  color:#fff; text-decoration:none;
  font-size:13px; font-weight:600;
  padding:8px 14px; border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  white-space:nowrap;
}
.lg-back:hover { background:var(--gold, #FFCF3D); color:var(--navy, #212A5B); border-color:var(--gold, #FFCF3D); }

/* ---------- заголовок документа ---------- */
.lg-hero { background:var(--navy, #212A5B); color:#fff; padding-block:clamp(28px,5vw,52px) clamp(34px,6vw,64px); }
.lg-eyebrow {
  font-family:var(--font-mono, monospace); font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold, #FFCF3D);
  margin:0 0 12px;
}
.lg-title {
  font-family:var(--font-display); font-weight:800;
  font-size:clamp(26px,4.2vw,42px); line-height:1.14; letter-spacing:-.01em;
  margin:0 0 12px;
}
.lg-updated {
  font-family:var(--font-mono, monospace); font-size:12px; letter-spacing:.06em;
  color:rgba(255,255,255,.62); margin:0;
}

/* ---------- карточка документа ---------- */
.lg-main { padding-block:clamp(22px,4vw,42px) clamp(40px,6vw,72px); }
.lg-card {
  background:#fff; border-radius:18px;
  box-shadow:0 24px 60px -34px rgba(33,42,91,.45);
  padding:clamp(22px,4vw,46px);
  margin-top:clamp(-34px,-4vw,-24px);
}

/* оглавление */
.lg-toc {
  background:var(--paper-warm, #F4F5F7);
  border-radius:12px;
  padding:18px 20px;
  margin:0 0 clamp(24px,3.4vw,34px);
}
.lg-toc h2 {
  font-family:var(--font-mono, monospace); font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:rgba(33,42,91,.55);
  margin:0 0 10px;
}
.lg-toc ol { margin:0; padding-left:1.2em; columns:2; column-gap:28px; }
.lg-toc li { margin:0 0 5px; break-inside:avoid; font-size:14px; }
.lg-toc a { color:var(--azure-deep, #275EA7); text-decoration:none; }
.lg-toc a:hover { text-decoration:underline; }
@media (max-width:640px){ .lg-toc ol { columns:1; } }

/* тело */
.lg-body { font-size:15.5px; }
.lg-body > *:first-child { margin-top:0; }
.lg-body p, .lg-body ul, .lg-body ol { margin:0 0 14px; }
.lg-body .lead {
  font-size:17px; line-height:1.6;
  padding:16px 18px; border-left:3px solid var(--gold, #FFCF3D);
  background:var(--paper-warm, #F4F5F7); border-radius:0 10px 10px 0;
  margin-bottom:clamp(24px,3vw,32px);
}
.lg-body h2 {
  font-family:var(--font-display); font-weight:800;
  font-size:clamp(19px,2.4vw,23px); line-height:1.25;
  margin:clamp(28px,3.6vw,38px) 0 12px;
  scroll-margin-top:82px;
}
.lg-body h3 {
  font-family:var(--font-display); font-weight:700;
  font-size:16.5px; margin:22px 0 8px;
}
.lg-body ul, .lg-body ol { padding-left:1.3em; }
.lg-body li { margin:0 0 7px; }
.lg-body a { color:var(--azure-deep, #275EA7); text-decoration:underline; text-underline-offset:2px; }
.lg-body a:hover { color:var(--navy, #212A5B); }
.lg-body strong, .lg-body b { font-weight:700; }
.lg-body hr { border:0; border-top:1px solid rgba(33,42,91,.12); margin:30px 0; }

.lg-note {
  background:#FFF9E4; border:1px solid #F2DC94; border-radius:10px;
  padding:14px 16px; font-size:14.5px; margin:18px 0;
}
.lg-contact-box {
  background:var(--paper-warm, #F4F5F7); border-radius:12px;
  padding:16px 18px; font-size:14.5px; margin:16px 0;
}
.lg-contact-box p { margin:0 0 6px; }
.lg-contact-box p:last-child { margin-bottom:0; }

/* таблицы (список cookie) */
.lg-tablewrap { overflow-x:auto; margin:0 0 18px; -webkit-overflow-scrolling:touch; }
.lg-table { border-collapse:collapse; width:100%; min-width:560px; font-size:14px; }
.lg-table th, .lg-table td { text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid rgba(33,42,91,.12); }
.lg-table th {
  font-family:var(--font-mono, monospace); font-size:11px; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; color:rgba(33,42,91,.6);
  border-bottom:1.5px solid rgba(33,42,91,.22); white-space:nowrap;
}
.lg-table td code { font-family:var(--font-mono, monospace); font-size:12.5px; background:var(--paper-warm,#F4F5F7); padding:1px 5px; border-radius:4px; }
.lg-nowrap { white-space:nowrap; }

/* ссылки на другие документы */
.lg-other {
  display:flex; flex-wrap:wrap; gap:10px 14px;
  margin-top:clamp(30px,4vw,44px); padding-top:22px;
  border-top:1px solid rgba(33,42,91,.12);
}
.lg-other a {
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 16px; border-radius:999px;
  background:var(--paper-warm, #F4F5F7); color:var(--navy, #212A5B);
  text-decoration:none; font-size:14px; font-weight:600;
}
.lg-other a:hover { background:var(--navy, #212A5B); color:#fff; }

/* ---------- подвал ---------- */
.lg-foot { background:var(--navy, #212A5B); color:rgba(255,255,255,.78); padding-block:clamp(30px,5vw,54px); font-size:14px; }
.lg-foot-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:26px 32px; }
.lg-foot h4 {
  font-family:var(--font-mono, monospace); font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold, #FFCF3D);
  margin:0 0 10px;
}
.lg-foot p { margin:0 0 8px; line-height:1.55; }
.lg-foot a { color:#fff; text-decoration:none; display:block; margin-bottom:5px; }
.lg-foot a:hover { color:var(--gold, #FFCF3D); }
.lg-foot b { color:#fff; }
.lg-foot-bottom {
  margin-top:clamp(24px,3.5vw,36px); padding-top:20px;
  border-top:1px solid rgba(255,255,255,.10);
  font-family:var(--font-mono, monospace); font-size:11px; letter-spacing:.08em;
  text-transform:uppercase; color:rgba(255,255,255,.42);
  display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:space-between; align-items:center;
}
.lg-foot-bottom a { display:inline; margin:0; color:rgba(255,255,255,.42); }
.lg-foot-bottom a:hover { color:var(--gold, #FFCF3D); }

/* ---------- печать ---------- */
@media print {
  .lg-header, .lg-other, .lg-toc, .lg-skip { display:none !important; }
  body.legal-page { background:#fff; }
  .lg-hero { background:#fff; color:#000; padding-block:0 18px; }
  .lg-title { color:#000; } .lg-updated, .lg-eyebrow { color:#444; }
  .lg-card { box-shadow:none; margin-top:0; padding:0; }
  .lg-foot { background:#fff; color:#333; }
  .lg-foot h4, .lg-foot b, .lg-foot a { color:#000; }
}