/**
 * Dokument prawny – widget „DOTTORE Dokument prawny” (regulamin, polityka, regulaminy promocji).
 *
 * Wygenerowane z makiety docs/mockups/dokumenty.html skryptem
 * docs/mockups/build-dokumenty-widget.py – nie edytuj ręcznie, popraw makietę i przebuduj.
 * Klasy mają przedrostek ddok-, zmienne --dd-, wszystko pod .ddok, bo motyw nadpisuje listy,
 * linki i nagłówki (patrz sekcja „Motyw” na końcu).
 */

/* To, co w makiecie dawał <body>, plus szerokość treści – widget stoi w kontenerze Elementora. */
.ddok{width:min(1180px,100% - 20px);margin-inline:auto;font-family:var(--dd-font);font-size:15px;line-height:1.55;color:var(--dd-ink);overflow-wrap:break-word}
.ddok *,.ddok *::before,.ddok *::after{box-sizing:border-box}
.ddok [hidden]{display:none!important}
.ddok h1,.ddok h2,.ddok h3{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.22;text-wrap:balance;text-transform:none}
.ddok p{margin:0;text-wrap:pretty}
/* Listy w tresci dokumentu zostaja natywne – reset dotyczy tylko spisu tresci. */
.ddok .ddok-spis__lista{list-style:none}
.ddok a{color:inherit;text-decoration:none}
.ddok :focus-visible{outline:3px solid var(--dd-focus);outline-offset:2px;border-radius:8px}
.ddok summary{list-style:none}
.ddok summary::-webkit-details-marker{display:none}
.ddok button,.ddok input{font:inherit}

.ddok{
  --dd-ground:#ffffff; --dd-surface:#ffffff; --dd-surface-2:#f2f7f6; --dd-surface-3:#e7f0ee;
  --dd-ink:#0f1e1c; --dd-ink-2:#3d514e; --dd-ink-3:#5d7370;
  --dd-line:#dce8e5; --dd-line-strong:#c3d6d2; --dd-control-border:#7b9893;
  --dd-brand:#00665e; --dd-brand-deep:#004a44; --dd-brand-soft:#e2f0ee; --dd-brand-on:#ffffff;
  --dd-focus:#004a44;
  --dd-uwaga:#8a5a00; --dd-uwaga-soft:#fdf4e3;
  --dd-shadow-card:0 1px 2px rgba(10,38,34,.05), 0 10px 26px -16px rgba(10,38,34,.25);
  --dd-r-s:10px; --dd-r-m:14px; --dd-r-l:20px; --dd-r-pill:999px;
  --dd-font:"Poppins",Montserrat,Arial,sans-serif;
  --dd-gap:18px; --dd-sekcja:clamp(40px,5vw,64px);
  color-scheme: light;
}
.ddok .ddok-wrap{width:min(1180px,100% - 20px)}
.ddok .ddok-kreska{display:block;width:44px;height:3px;border-radius:var(--dd-r-pill);background:var(--dd-brand);margin-bottom:16px}
.ddok .ddok-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--dd-r-pill);font:inherit;font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer;border:1px solid transparent;text-decoration:none}
.ddok .ddok-btn--jasny{border-color:var(--dd-line-strong);color:var(--dd-brand-deep);background:#fff}
.ddok .ddok-btn--jasny:hover{border-color:var(--dd-brand);background:var(--dd-brand-soft)}
.ddok .ddok-btn svg{width:18px;height:18px}
.ddok .ddok-head{padding-block:clamp(28px,4vw,52px) clamp(20px,2.6vw,30px)}
.ddok .ddok-head h1{max-width:22ch;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.05;letter-spacing:-.04em;color:#10223e}
.ddok .ddok-head__lead{margin-top:12px;max-width:66ch;font-size:16px;line-height:1.6;color:var(--dd-ink-2)}
.ddok .ddok-meta{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:18px}
.ddok .ddok-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--dd-line);border-radius:var(--dd-r-pill);font-size:12.5px;color:var(--dd-ink-2);background:#fff}
.ddok .ddok-chip svg{width:15px;height:15px;color:var(--dd-brand-deep)}
.ddok .ddok-chip b{font-weight:600;color:#10223e}
.ddok .ddok-chip--stara{border-color:#e0c48a;background:var(--dd-uwaga-soft);color:var(--dd-uwaga)}
.ddok .ddok-chip--stara b{color:var(--dd-uwaga)}
.ddok .ddok-uklad{display:grid;grid-template-columns:272px minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;padding-bottom:var(--dd-sekcja)}
.ddok .ddok-spis{position:sticky;top:84px;display:grid;gap:12px;padding:18px;border:1px solid var(--dd-line);border-radius:var(--dd-r-l);background:var(--dd-surface-2)}
.ddok .ddok-spis > details{display:grid;gap:12px;min-height:0}
.ddok .ddok-spis[data-przewija="tak"]{position:sticky;--dd-fade:1}
.ddok .ddok-spis[data-przewija="tak"]::after{content:"";position:absolute;left:18px;right:18px;bottom:18px;height:26px;background:linear-gradient(to top,var(--dd-surface-2),rgba(242,247,246,0));pointer-events:none}
.ddok .ddok-spis__tytul{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-ink-3)}
.ddok .ddok-spis__szukaj{position:relative;display:flex;align-items:center}
.ddok .ddok-spis__szukaj svg{position:absolute;left:12px;width:16px;height:16px;color:var(--dd-ink-3);pointer-events:none}
.ddok .ddok-spis__szukaj input{width:100%;min-height:40px;padding:0 12px 0 34px;border:1px solid var(--dd-control-border);border-radius:var(--dd-r-s);font:inherit;font-size:13.5px;background:#fff}
.ddok .ddok-spis__lista{display:grid;align-content:start;gap:1px;max-height:calc(100vh - 268px);overflow:auto;overscroll-behavior:contain;margin:0;padding:0 2px 0 0;list-style:none}
.ddok .ddok-spis__lista a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:7px 8px;border-radius:8px;font-size:13px;line-height:1.4;color:var(--dd-ink-2);text-decoration:none}
.ddok .ddok-spis__lista a:hover{background:#fff;color:var(--dd-brand-deep)}
.ddok .ddok-spis__lista a[aria-current="true"]{background:#fff;color:var(--dd-brand-deep);font-weight:600;box-shadow:inset 3px 0 0 var(--dd-brand)}
.ddok .ddok-spis__nr{font-variant-numeric:tabular-nums;color:var(--dd-ink-3)}
.ddok .ddok-spis__lista a[aria-current="true"] .ddok-spis__nr{color:var(--dd-brand)}
.ddok .ddok-spis__pusto{display:none;padding:8px;font-size:12.5px;color:var(--dd-ink-3)}
.ddok .ddok-spis[data-pusto="tak"] .ddok-spis__pusto{display:block}
.ddok .ddok-spis__mobile{display:none}
.ddok .ddok-tresc{display:grid;gap:clamp(18px,2.4vw,26px);min-width:0}
.ddok .ddok-par{scroll-margin-top:96px;padding:clamp(18px,2.2vw,26px);border:1px solid var(--dd-line);border-radius:var(--dd-r-l);background:#fff}
.ddok .ddok-par[hidden]{display:none}
.ddok .ddok-par__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.ddok .ddok-par h2{font-size:clamp(17px,1.8vw,20px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#10223e}
.ddok .ddok-par__nr{display:block;margin-bottom:6px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dd-brand-deep)}
.ddok .ddok-par__kotwica{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--dd-line);border-radius:50%;color:var(--dd-ink-3);background:#fff;opacity:0;transition:opacity .15s}
.ddok .ddok-par:hover .ddok-par__kotwica,.ddok .ddok-par__kotwica:focus-visible{opacity:1}
.ddok .ddok-par__kotwica svg{width:17px;height:17px}
.ddok .ddok-par__tresc{margin-top:14px;max-width:72ch;font-size:15px;line-height:1.7;color:var(--dd-ink-2)}
.ddok .ddok-par__tresc p + p{margin-top:12px}
.ddok .ddok-par__dalej{margin-top:14px;font-size:12.5px;color:var(--dd-ink-3)}
.ddok mark{background:#fdf0c8;color:inherit;border-radius:3px;padding:0 2px}
.ddok .ddok-promo{border:1px solid var(--dd-line);border-radius:var(--dd-r-l);background:#fff;overflow:hidden}
.ddok .ddok-promo > summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:clamp(15px,1.8vw,20px);cursor:pointer;list-style:none}
.ddok .ddok-promo > summary::-webkit-details-marker{display:none}
.ddok .ddok-promo b{display:block;font-size:15.5px;font-weight:600;color:#10223e}
.ddok .ddok-promo__termin{display:block;margin-top:4px;font-size:12.5px;color:var(--dd-ink-3)}
.ddok .ddok-promo__stan{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--dd-r-pill);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ddok .ddok-promo__stan--trwa{color:#065f46;background:#d9f2e6}
.ddok .ddok-promo__stan--koniec{color:var(--dd-ink-3);background:var(--dd-surface-3)}
.ddok .ddok-promo__tresc{padding:0 clamp(15px,1.8vw,20px) clamp(15px,1.8vw,20px);max-width:72ch;font-size:14.5px;line-height:1.7;color:var(--dd-ink-2)}
.ddok .ddok-promo-info{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border:1px solid var(--dd-line-strong);border-radius:var(--dd-r-m);background:var(--dd-surface-2);font-size:13.5px;line-height:1.55;color:var(--dd-ink-2)}
.ddok .ddok-promo-info svg{flex:none;width:20px;height:20px;color:var(--dd-brand-deep)}
.ddok .ddok-pomoc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:8px;padding:clamp(18px,2.2vw,26px);border-radius:var(--dd-r-l);color:#fff;background:linear-gradient(148deg,#0d5a53 0%,#04352f 62%,#02241f 100%)}
.ddok .ddok-pomoc h2{font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:-.02em;color:#fff}
.ddok .ddok-pomoc p{margin-top:6px;max-width:62ch;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.86)}
.ddok .ddok-pomoc .ddok-btn--jasny{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
.ddok .ddok-na-gore{position:fixed;right:18px;bottom:18px;z-index:30;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--dd-line-strong);border-radius:50%;color:var(--dd-brand-deep);background:#fff;box-shadow:var(--dd-shadow-card);opacity:0;pointer-events:none;transition:opacity .2s}
.ddok .ddok-na-gore[data-widoczny="tak"]{opacity:1;pointer-events:auto}
.ddok .ddok-na-gore svg{width:20px;height:20px}
@media (max-width: 1000px){
.ddok .ddok-uklad{grid-template-columns:minmax(0,1fr)}
.ddok .ddok-spis{position:static}
.ddok .ddok-spis__lista{max-height:none}
.ddok .ddok-spis__mobile{display:block;font-size:13px;font-weight:600;color:var(--dd-brand-deep);cursor:pointer;list-style:none}
.ddok .ddok-spis__mobile::-webkit-details-marker{display:none}
.ddok .ddok-spis details[open] .ddok-spis__mobile{margin-bottom:10px}
}
@media (max-width: 760px){
.ddok .ddok-par__head{grid-template-columns:minmax(0,1fr)}
.ddok .ddok-par__kotwica{display:none}
.ddok .ddok-pomoc{grid-template-columns:minmax(0,1fr)}
}
@media print{
.ddok .ddok-uklad{grid-template-columns:minmax(0,1fr)}
.ddok .ddok-par{break-inside:avoid;border:0;padding:0 0 14px}
}

/* ---------- Dopasowanie do znacznika widgetu ---------- */
/* Przycisk: makieta miała odmiany .btn--*, widget używa dwóch stanów. */
.ddok .ddok-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--dd-line-strong);border-radius:var(--dd-r-pill);font:inherit;font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer;color:var(--dd-brand-deep);background:#fff}
.ddok .ddok-btn:hover{border-color:var(--dd-brand);background:var(--dd-brand-soft)}
.ddok .ddok-btn svg{width:18px;height:18px}
.ddok .ddok-pomoc .ddok-btn{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
.ddok .ddok-pomoc .ddok-btn:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.ddok .ddok-pomoc__akcje{display:flex;gap:10px;flex-wrap:wrap}

/* Regulaminy promocji nie mają spisu treści, więc układ ma tylko jedno dziecko. Bez tej odmiany
   treść lądowała w kolumnie zarezerwowanej na spis i cała strona zwijała się do 272 px. */
.ddok .ddok-uklad--bez-spisu{grid-template-columns:minmax(0,1fr)}
/* Bez spisu treść dostaje całą szerokość kontenera, więc nie ograniczamy jej dodatkowo
   miarą czytania: na tej stronie tekst ma iść przez całą kartę, nad promocjami i w środku. */
.ddok .ddok-uklad--bez-spisu .ddok-wstep,
.ddok .ddok-uklad--bez-spisu .ddok-promo__tresc{max-width:none}

/* Paragrafy są kafelkami w siatce, a kafelek domyślnie nie może zwęzić się poniżej swojej
   najwęższej treści. W dokumentach prawnych tą treścią bywa adres e-mail albo długi URL –
   przy 360 px rozpychały kartę do 469 px i cała strona jeździła w poziomie. Stąd kolumna
   `minmax(0,1fr)`, `min-width:0` na kafelkach i łamanie długich słów w treści. */
.ddok .ddok-tresc{grid-template-columns:minmax(0,1fr)}
.ddok .ddok-par,.ddok .ddok-promo{min-width:0}
.ddok .ddok-tekst{overflow-wrap:anywhere}

/* Na wąskim ekranie spis jest zwinięty (zamyka go skrypt w widgecie), więc <summary> musi
   wyglądać na klikalny: wiersz na całą szerokość ze strzałką, która obraca się po otwarciu. */
@media (max-width: 1000px){
.ddok .ddok-spis__mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}
.ddok .ddok-spis__mobile::after{content:"";flex:none;width:9px;height:9px;margin-right:3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.ddok .ddok-spis details[open] .ddok-spis__mobile::after{transform:rotate(-135deg)}
}

/* Wstęp przed pierwszym paragrafem – bywa w polityce, nie ma go w regulaminie. */
.ddok .ddok-wstep{max-width:72ch;margin-bottom:6px;font-size:15px;line-height:1.7;color:var(--dd-ink-2)}
.ddok .ddok-wstep p + p{margin-top:12px}

/* ---------- Typografia treści z edytora ----------
   Te same reguły w trzech miejscach: wstęp, paragraf i rozwinięty regulamin promocji.
   Wcześniej miał je tylko paragraf, więc treść promocji – akapity, nagłówki §1/§2/§3 – kleiła
   się w jeden blok: korzeń `.ddok` zeruje marginesy nagłówków i akapitów, a nic ich nie wracało.
   Listy bywają zagnieżdżone i niosą własny `type`, więc numerowanie zostawiamy przeglądarce. */
.ddok .ddok-tekst p + p,.ddok .ddok-tekst p + ol,.ddok .ddok-tekst p + ul{margin-top:12px}
.ddok .ddok-tekst h3,.ddok .ddok-tekst h4{margin-top:22px;font-size:15.5px;font-weight:600;color:#10223e}
.ddok .ddok-tekst h3 + p,.ddok .ddok-tekst h4 + p,.ddok .ddok-tekst h3 + ol,.ddok .ddok-tekst h4 + ol{margin-top:10px}
.ddok .ddok-tekst ol{margin:12px 0 0;padding-left:26px;list-style:decimal}
.ddok .ddok-tekst ul{margin:12px 0 0;padding-left:22px;list-style:disc}
.ddok .ddok-tekst ol ol{list-style:lower-alpha}
.ddok .ddok-tekst ol ol ol{list-style:lower-roman}
.ddok .ddok-tekst li{display:list-item;margin-top:8px;padding-left:4px}
.ddok .ddok-tekst li::marker{color:var(--dd-ink-3);font-weight:600}
.ddok .ddok-tekst li > ol,.ddok .ddok-tekst li > ul{margin-top:8px}
.ddok .ddok-tekst a{color:var(--dd-brand-deep);text-decoration:underline;text-underline-offset:3px}
.ddok .ddok-tekst strong,.ddok .ddok-tekst b{font-weight:600;color:#10223e}
.ddok .ddok-tekst table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.ddok .ddok-tekst th,.ddok .ddok-tekst td{padding:8px 10px;border:1px solid var(--dd-line);text-align:left;vertical-align:top}
.ddok .ddok-tekst img{max-width:100%;height:auto;margin-top:12px}
.ddok .ddok-brak{padding:18px;border:1px solid var(--dd-line-strong);border-radius:var(--dd-r-m);background:var(--dd-surface-2);color:var(--dd-ink-2)}

/* ---------- Motyw ---------- */
/* Motyw ma własne reguły dla pól formularzy o wyższej swoistości i zjada miejsce zostawione
   na lupę – bez tego ikona siada na pierwszej literze słowa „Szukaj”. */
.ddok .ddok-spis__szukaj input{padding-left:36px!important;padding-right:12px!important;min-height:40px!important;border-radius:var(--dd-r-s)!important;background:#fff!important}
.ddok .ddok-spis__szukaj svg{z-index:1}

/* Motyw narzuca linkom podkreślenia i własne kolory – stąd punktowe !important. */
.ddok .ddok-btn,.ddok .ddok-spis__lista a,.ddok .ddok-par__kotwica{
  text-decoration:none!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;
}
.ddok .ddok-pomoc h2,.ddok .ddok-pomoc p{color:#fff!important}
/* Motyw rozdyma <summary> własnym paddingiem list – wracamy do siatki z makiety. */
.ddok .ddok-promo > summary{padding:clamp(15px,1.8vw,20px)!important;margin:0!important}