/* LOG OUT Adventures — wygląd dokumentów (/dokumenty/*). Dołączany po booking.css.
   Tokeny z booking.css, z wartością zapasową tam, gdzie mogą jeszcze nie istnieć. */

/* --- układ i typografia --- */
.doc{max-width:calc(608px + 2*var(--gutter));padding-top:clamp(28px,5vw,56px);padding-bottom:64px}
.doc .eyebrow{margin-bottom:14px}
.doc h1{font-size:clamp(30px,5vw,44px);margin-bottom:12px}
.doc .meta{font-family:var(--mono);font-size:11px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--ash);margin:0 0 22px;text-wrap:balance}
.doc .podstawa{font-size:13.5px;line-height:1.55;color:var(--ash);margin:-12px 0 22px;text-wrap:pretty}
.doc section{margin:0 0 40px;scroll-margin-top:88px}
.doc h2{font-size:clamp(21px,3vw,26px);margin:0 0 14px;color:var(--snow);text-wrap:balance}
.doc p:where(:not(.eyebrow,.meta,.podstawa,.actions)),.doc li{font-size:17px;line-height:1.6;color:var(--snow-2);text-wrap:pretty}
.doc p{margin:0 0 12px}
.doc ol,.doc ul{margin:0 0 12px;padding-left:1.4em}
.doc li{margin:0 0 8px}
.doc ol ol{margin-top:8px}
.nw{white-space:nowrap}

/* punkty literowe po polsku: a) b) c) */
@counter-style lit{system:extends lower-alpha;suffix:") "}
.doc ol[type="a"]{list-style-type:lit}

/* --- „W skrócie”: jednolita ramka, akcent jako osobny pasek (bez wygiętej krawędzi na rogach) --- */
.doc .skrot{position:relative;background:var(--lava);border:1px solid var(--line-2,rgba(237,239,240,.12));border-radius:var(--r-m);padding:18px 20px 18px 30px;margin:0 0 34px;color:var(--snow-2);font-size:15.5px;line-height:1.6;text-wrap:pretty}
.doc .skrot::before{content:"";position:absolute;left:14px;top:18px;bottom:18px;width:3px;border-radius:2px;background:var(--ember)}
.doc .skrot b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-3,#F2B36B);margin-bottom:8px;font-weight:500}

/* --- spis treści: wspólne wiersze w dwóch kolumnach, cały wiersz klikalny, numery w równej kolumnie --- */
.doc .spis{--rows:7;margin:0 0 36px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto);column-gap:28px}
.doc .spis li{margin:0;padding:0;font-size:14px;line-height:1.45;border-bottom:1px solid var(--line,rgba(237,239,240,.08))}
.doc .spis li>a{display:grid;grid-template-columns:2.8em 1fr;align-items:baseline;min-height:44px;padding:11px 0;color:var(--ash);text-decoration:none;transition:color var(--dur,.2s)}
.doc .spis .n{font-variant-numeric:tabular-nums;color:var(--ash-3)}
.doc .spis li>a:active{color:var(--snow)}

/* --- linki w treści (guziki mają wygląd z booking.css) --- */
.doc :is(section,.skrot,.podstawa) a:not(.btn){color:var(--ember-3,#F2B36B);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(242,179,107,.45);overflow-wrap:anywhere;transition:text-decoration-color var(--dur,.2s)}
.doc :is(section,.skrot,.podstawa) a:not(.btn):active{text-decoration-color:currentColor}

/* --- tabele --- */
.doc .table-wrap{overflow-x:auto}
.doc table{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0 16px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line-2,rgba(237,239,240,.12));color:var(--snow-2);text-wrap:pretty}
.doc th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash);font-weight:500}
/* tabela technologii (Polityka cookies): nazwa w kodzie, rodzaj pod spodem, pierwsza kolumna węższa */
.doc code{font-family:var(--mono);font-size:.9em;letter-spacing:0;color:var(--snow);overflow-wrap:anywhere}
.doc td small{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--ash)}
.doc table.tech th:first-child{width:22%}
.doc table.tech th:nth-child(3){width:25%}
.doc table.tech th:nth-child(4){width:17%}
.doc sup{font-size:.7em;line-height:0}

/* --- skok do paragrafu: cienka kreska przy nagłówku celu --- */
.doc section>h2{position:relative}
.doc section>h2::before{content:"";position:absolute;left:-14px;top:.1em;bottom:.1em;width:3px;border-radius:2px;background:var(--ember);opacity:0;transition:opacity .5s var(--ease,cubic-bezier(.2,.8,.2,1))}
.doc section:target>h2::before{opacity:1}

/* --- stopka dokumentu --- */
.doc .stopka-doc{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-2,rgba(237,239,240,.12));font-size:14px;line-height:1.7;color:var(--ash)}
.doc .stopka-doc a:not(.btn){color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(154,163,171,.45)}
.doc .stopka-doc .btn{margin-top:14px}

/* --- najechanie tylko tam, gdzie jest kursor --- */
@media(hover:hover){
  .doc .spis li>a:hover{color:var(--snow)}
  .doc :is(section,.skrot,.podstawa) a:not(.btn):hover,.doc .stopka-doc a:not(.btn):hover{text-decoration-color:currentColor}
}

/* --- telefon --- */
@media(max-width:640px){
  .doc .spis{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}
  .doc p:where(:not(.eyebrow,.meta,.podstawa,.actions)),.doc li{font-size:16px}
  .doc th,.doc td{padding:8px;font-size:13.5px}
  /* tabela celów przetwarzania jako lista kart (nagłówek zostaje dla czytników ekranu) */
  .doc .karty :is(table,tbody,tr,td){display:block;width:auto}
  .doc .karty thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .doc .karty tr{padding:14px 0;border-bottom:1px solid var(--line-2,rgba(237,239,240,.12))}
  .doc .karty td{border:0;padding:0;font-size:14.5px}
  .doc .karty td:first-child{color:var(--snow);font-weight:500;font-size:15px}
  .doc .karty td+td::before{display:block;margin-top:10px;font:500 10.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ash)}
  .doc .karty td:nth-child(2)::before{content:"Podstawa prawna"}
  .doc .karty td:nth-child(3)::before{content:"Okres przechowywania"}
  .doc .karty td[data-l]::before{content:attr(data-l)}
}
/* „← Wróć na stronę” → „← Wróć” na najwęższych ekranach */
@media(max-width:360px){.topbar .dopis{display:none}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .doc section>h2::before{transition:none}
}

/* --- druk: czarny tekst na białym, bez guzików, spisu i stopki --- */
@media print{
  @page{size:A4;margin:20mm 18mm 22mm}
  .topbar,.doc .actions,.doc nav,.doc .spis,body>footer{display:none}
  body{background:#fff}
  body,.doc,.doc *{color:#111!important}
  .doc{max-width:none;padding:0}
  .doc :is(.eyebrow,.meta,.podstawa,.stopka-doc),.doc :is(.eyebrow,.meta,.podstawa,.stopka-doc) *{color:#555!important}
  .doc a,.doc :is(section,.skrot,.podstawa,.stopka-doc) a:not(.btn){text-decoration:none}
  .doc .skrot{background:none;border:1px solid #ccc;border-left:3px solid #C8843A;border-radius:0;padding-left:20px}
  .doc .skrot::before,.doc section>h2::before{display:none}
  .doc .skrot b{color:#A86A2A!important}
  .doc th,.doc td{border-color:#ccc}
  .doc h2{break-after:avoid}
  .doc tr,.doc .skrot{break-inside:avoid}
}