/* ═══════════════════════════════════════════════════════════════
   STRONY PRAWNE — prywatność, regulamin, cookies, 404

   Ten sam świat co strona (world.css: metal, szkło, kroje), ale bez
   ruchu i bez zakładek: dokument do czytania. Jedna tafla szkła na
   metalu, tekst do 68 znaków w wierszu, nagłówki sekcji ze stali.
   ═══════════════════════════════════════════════════════════════ */
.legal{ min-height:100vh; display:flex; flex-direction:column; }

.legal__bar{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:var(--s-4);
  min-height:64px; padding:0 var(--gut) 0 10px;
  background:linear-gradient(180deg, rgba(10,11,13,.9), rgba(3,3,4,.82));
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.09), 0 14px 32px -20px rgba(0,0,0,.85);
}
.legal__id{ display:flex; align-items:center; gap:var(--s-3); color:var(--on-metal); text-decoration:none; }
.legal__id .mark{ height:48px; stroke-width:14; }
.legal__name{ font-family:var(--f-display); font-weight:900; font-size:1.8rem; line-height:1; letter-spacing:.02em; text-transform:uppercase; }
.legal__back, .legal__twin{ font-family:var(--f-mono); font-size:var(--t-2xs); letter-spacing:.08em; text-transform:uppercase; }
.legal__twin{ margin-left:auto; margin-right:var(--s-5); }

.legal__main{ flex:1; padding:clamp(24px, 5vw, 72px) var(--gut); }
.legal__doc{
  position:relative; max-width:860px; margin:0 auto;
  padding:clamp(28px, 5vw, 64px);
  border-radius:30px; color:var(--on-metal);
  background:var(--glass-bg);
  -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-edge), var(--seat), var(--drop);
}
.legal__doc > *{ max-width:68ch; }
.legal__kicker{ font-family:var(--f-mono); font-size:var(--t-2xs); letter-spacing:.08em; text-transform:uppercase; color:var(--metal-2); }
.legal__h{
  margin:var(--s-3) 0 var(--s-2);
  font-family:var(--f-display); font-weight:900; text-transform:uppercase;
  font-size:clamp(2.4rem, 1.6rem + 3vw, 4.2rem); line-height:.9;
}
.legal__meta{ font-family:var(--f-mono); font-size:var(--t-2xs); letter-spacing:.06em; text-transform:uppercase; color:var(--tx-3); margin-bottom:var(--s-7); }
.legal__doc h2{
  margin:var(--s-8) 0 var(--s-3);
  font-family:var(--f-display); font-weight:800; text-transform:uppercase;
  font-size:1.55rem; line-height:1; letter-spacing:.01em;
}
.legal__doc h3{ margin:var(--s-5) 0 var(--s-2); font-weight:700; font-size:var(--t-sm); }
.legal__doc p, .legal__doc li, .legal__doc dd, .legal__doc td{ font-size:var(--t-sm); line-height:1.65; color:var(--tx-2); }
.legal__doc p + p{ margin-top:var(--s-3); }
.legal__doc ul, .legal__doc ol{ margin:var(--s-3) 0 0; padding-left:1.2em; display:grid; gap:var(--s-2); }
.legal__doc a{ color:var(--on-metal); text-underline-offset:3px; }
.legal__doc strong{ color:var(--on-metal); font-weight:700; }

/* kto prowadzi stronę: dane z config.js → seller */
.legal__who{
  display:grid; grid-template-columns:max-content 1fr; gap:var(--s-2) var(--s-5);
  margin:var(--s-4) 0 0; padding:var(--s-4) var(--s-5);
  border-radius:16px; background:rgba(0,0,0,.28); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.legal__who dt{ font-family:var(--f-mono); font-size:var(--t-2xs); letter-spacing:.06em; text-transform:uppercase; color:var(--metal-2); padding-top:3px; }
.legal__who dd{ margin:0; color:var(--on-metal); }
.legal__who dd.is-missing{ color:var(--tx-3); font-style:italic; }

/* spis zapisów w przeglądarce */
.legal__table{ width:100%; margin-top:var(--s-4); border-collapse:collapse; max-width:none; }
.legal__table th{
  text-align:left; padding:var(--s-2) var(--s-3) var(--s-2) 0; vertical-align:bottom;
  font-family:var(--f-mono); font-size:var(--t-2xs); font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--metal-2);
  border-bottom:1px solid var(--metal-rule);
}
.legal__table td{ padding:var(--s-3) var(--s-3) var(--s-3) 0; vertical-align:top; border-bottom:1px solid rgba(255,255,255,.06); }
.legal__table code{ font-family:var(--f-mono); font-size:.86em; color:var(--on-metal); word-break:break-all; }
.legal__scroll{ overflow-x:auto; max-width:none; border-radius:10px; }
/* tabela, która na telefonie przewija się w bok, da się przewinąć z klawiatury */
.legal__scroll:focus-visible{ outline:2px solid var(--on-metal); outline-offset:4px; }

.legal__foot{
  display:flex; flex-wrap:wrap; gap:var(--s-2) var(--s-5); justify-content:center;
  padding:var(--s-6) var(--gut) var(--s-8);
  font-family:var(--f-mono); font-size:var(--t-2xs); letter-spacing:.06em; text-transform:uppercase;
}
.legal__foot a, .legal__foot .linkbtn{ color:var(--metal-2); text-decoration:none; }
.legal__foot a:hover, .legal__foot .linkbtn:hover{ color:var(--on-metal); }
.legal__foot [aria-current="page"]{ color:var(--on-metal); }

/* 404: jedna tafla na środku */
.legal--lost .legal__main{ display:grid; place-items:center; }
.legal--lost .legal__doc{ text-align:left; }
.legal__acts{ display:flex; flex-wrap:wrap; gap:var(--s-3); margin-top:var(--s-6); }

@media (max-width:760px){
  .legal__name{ font-size:1.5rem; }
  .legal__id .mark{ height:40px; }
  .legal__doc{ border-radius:20px; }
  .legal__who{ grid-template-columns:1fr; gap:var(--s-1); }
  .legal__who dd{ margin-bottom:var(--s-2); }
}
@media (max-width:420px){
  .legal__back{ display:none; }
}