/* ─────────────────────────────────────────────────────────────
   OKOL Investments — стилове за правните страници
   Ползва се от privacy.html и terms.html
   ───────────────────────────────────────────────────────────── */

:root {
  --dark: #0e1014;
  --dark-2: #08090c;
  --panel: #14171d;
  --sand: #c2b188;
  --sand-2: #d5c7a3;
  --cream: #ebe6da;
  --dim: rgba(235,230,218,.62);
  --faint: rgba(235,230,218,.35);
  --hair: rgba(194,177,136,.28);
  --hair-soft: rgba(194,177,136,.14);
  --ease: cubic-bezier(.22,.61,.36,1);
  --display: "Prata", "Georgia", serif;
  --sans: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", "Courier New", monospace;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background: var(--dark);
  color: var(--cream);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
::selection { background: var(--sand); color: var(--dark); }

/* езикови слоеве */
[data-lang="bg"] [data-en] { display:none !important; }
[data-lang="en"] [data-bg] { display:none !important; }

/* зърно */
body::after {
  content:""; position:fixed; inset:0; z-index:80; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.wrap { max-width:1000px; margin:0 auto; padding:0 5vw; }

/* ── лого ── */
.logo { display:inline-flex; align-items:stretch; text-decoration:none; }
.logo .block {
  background:var(--sand); color:var(--dark);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  font-weight:700; letter-spacing:.3em; text-indent:.3em; line-height:1.35;
  width:46px; height:46px; font-size:11px;
}
.logo .word {
  display:flex; flex-direction:column; justify-content:center;
  padding-left:11px; color:var(--cream);
  font-weight:600; letter-spacing:.26em; line-height:1.35; font-size:11px;
}

/* ── навигация ── */
nav.top {
  position:sticky; top:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; padding:18px 5vw;
  background:rgba(8,9,12,.82);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--hair-soft);
}
nav.top .links { display:flex; align-items:center; gap:22px; }
nav.top .links a {
  color:var(--dim); text-decoration:none;
  font-size:10.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  transition:color .25s;
}
nav.top .links a:hover { color:var(--sand); }
.lang-t {
  display:inline-flex; border:1px solid var(--hair); border-radius:999px; overflow:hidden;
  font-size:10px; font-weight:600; letter-spacing:.14em; cursor:pointer; user-select:none;
}
.lang-t span { padding:7px 13px; color:var(--faint); transition:.25s; }
.lang-t span.on { background:var(--sand); color:var(--dark); }

/* ── заглавна част ── */
header.doc {
  position:relative; overflow:hidden;
  padding:110px 0 62px;
  border-bottom:1px solid var(--hair-soft);
}
header.doc::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(120% 90% at 15% 0%, rgba(194,177,136,.10), transparent 60%),
    linear-gradient(180deg, var(--dark-2), var(--dark));
}
header.doc .wrap { position:relative; z-index:1; }
header.doc .eyebrow {
  font-family:var(--mono); font-size:10.5px; font-weight:400;
  letter-spacing:.3em; text-transform:uppercase; color:var(--sand);
  margin-bottom:22px;
}
header.doc h1 {
  font-family:var(--display); font-weight:400;
  font-size:clamp(30px, 5vw, 52px); line-height:1.14; letter-spacing:-.01em;
  max-width:20ch;
}
header.doc .meta {
  margin-top:30px; display:flex; flex-wrap:wrap; gap:10px 34px;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--faint);
}
header.doc .meta b { color:var(--dim); font-weight:400; }
header.doc .ghost {
  position:absolute; right:-2vw; bottom:-46px; z-index:0; pointer-events:none;
  font-family:var(--display); font-size:clamp(120px, 22vw, 260px);
  line-height:.8; color:rgba(194,177,136,.05);
}

/* ── тяло на документа ── */
main.doc { padding:70px 0 40px; }
main.doc section { margin-bottom:58px; scroll-margin-top:90px; }
main.doc section:last-child { margin-bottom:0; }

main.doc h2 {
  display:flex; align-items:baseline; gap:16px;
  font-family:var(--display); font-weight:400;
  font-size:clamp(19px, 2.4vw, 25px); line-height:1.3;
  padding-bottom:16px; margin-bottom:24px;
  border-bottom:1px solid var(--hair-soft);
}
main.doc h2 .n {
  flex:none; font-family:var(--mono); font-size:11px; font-weight:400;
  letter-spacing:.14em; color:var(--sand);
}
main.doc h3 {
  font-family:var(--sans); font-size:12px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; color:var(--sand-2);
  margin:32px 0 14px;
}
main.doc p, main.doc li {
  font-size:14.5px; line-height:1.85; color:var(--dim); letter-spacing:.005em;
}
main.doc p { margin-bottom:16px; }
main.doc p:last-child { margin-bottom:0; }
main.doc strong, main.doc b { color:var(--cream); font-weight:600; }
main.doc a { color:var(--sand); text-decoration:none; border-bottom:1px solid var(--hair); }
main.doc a:hover { color:var(--sand-2); border-bottom-color:var(--sand-2); }

main.doc ul, main.doc ol { margin:0 0 16px; padding-left:0; list-style:none; }
main.doc ul li { position:relative; padding-left:22px; margin-bottom:10px; }
main.doc ul li::before {
  content:""; position:absolute; left:2px; top:12px;
  width:7px; height:1px; background:var(--sand);
}
main.doc ol { counter-reset:oli; }
main.doc ol li { position:relative; padding-left:30px; margin-bottom:10px; counter-increment:oli; }
main.doc ol li::before {
  content:counter(oli) "."; position:absolute; left:0; top:0;
  font-family:var(--mono); font-size:11.5px; color:var(--sand);
}

/* карта с данни за администратора */
.card {
  border:1px solid var(--hair); background:var(--panel);
  padding:30px 32px; margin:0 0 20px;
}
.card .row {
  display:grid; grid-template-columns:190px 1fr; gap:8px 24px;
  padding:12px 0; border-bottom:1px solid var(--hair-soft);
}
.card .row:last-child { border-bottom:0; padding-bottom:0; }
.card .row:first-child { padding-top:0; }
.card .k {
  font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--faint); padding-top:3px;
}
.card .v { font-size:14px; line-height:1.7; color:var(--cream); }
.card .v .mono { font-family:var(--mono); letter-spacing:.03em; }

/* таблица */
.tbl { width:100%; border-collapse:collapse; margin:0 0 20px; }
.tbl th, .tbl td {
  text-align:left; vertical-align:top;
  padding:14px 16px; border-bottom:1px solid var(--hair-soft);
  font-size:13.5px; line-height:1.7;
}
.tbl th {
  font-size:9.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--sand); border-bottom-color:var(--hair); white-space:nowrap;
}
.tbl td { color:var(--dim); }
.tbl td:first-child { color:var(--cream); }
.tbl tr:last-child td { border-bottom:0; }
.tbl-scroll { overflow-x:auto; margin-bottom:20px; -webkit-overflow-scrolling:touch; }
.tbl-scroll .tbl { margin-bottom:0; min-width:560px; }

/* акцентен блок */
.note {
  border-left:2px solid var(--sand); background:rgba(194,177,136,.05);
  padding:20px 24px; margin:0 0 20px;
}
.note p { font-size:13.5px; margin-bottom:10px; }
.note p:last-child { margin-bottom:0; }

/* ── футър ── */
footer {
  border-top:1px solid var(--hair-soft); background:var(--dark-2);
  padding:52px 0 40px; margin-top:40px;
}
footer .ident {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px 40px; padding-bottom:30px; margin-bottom:26px;
  border-bottom:1px solid var(--hair-soft);
}
footer .ident .k {
  font-size:9.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  color:var(--sand); margin-bottom:8px;
}
footer .ident .v { font-size:12.5px; line-height:1.8; color:var(--dim); }
footer .ident .v .mono { font-family:var(--mono); letter-spacing:.03em; }
footer .ident a { color:var(--dim); text-decoration:none; border-bottom:1px solid var(--hair-soft); }
footer .ident a:hover { color:var(--sand); }
footer .nav { display:flex; flex-wrap:wrap; gap:24px; margin-bottom:24px; }
footer .nav a {
  color:var(--dim); text-decoration:none;
  font-size:10.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  transition:color .25s;
}
footer .nav a:hover { color:var(--sand); }
footer .legal {
  font-size:9.5px; letter-spacing:.08em; line-height:1.9;
  color:var(--faint); max-width:820px; margin-bottom:20px;
}
footer .copy {
  font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--faint);
}

@media (max-width:700px) {
  nav.top .links a:not(.back) { display:none; }
  header.doc { padding:70px 0 48px; }
  main.doc { padding:52px 0 30px; }
  .card { padding:24px 20px; }
  .card .row { grid-template-columns:1fr; gap:4px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  * { animation:none !important; transition:none !important; }
}