/* VO Theme — elementy spoza projektu źródłowego (strona ogólna, strony aplikacji wtyczki, 404, rejestr dokumentów, mapa strony).
   Tylko tokeny projektu (ns33.css :root,.po) — bez nowych kolorów. */

/* treść stron z edytora WP (np. dokumenty bez wersji HTML, strony pomocnicze) */
.po .vot-page{padding:28px 0 72px}
.po .vot-page .wrap{max-width:860px}
.po .vot-prose{font-size:17px;line-height:1.65;color:var(--color-text)}
.po .vot-prose > * + *{margin-top:14px}
.po .vot-prose h2{margin-top:34px;font-size:24px;line-height:1.3;font-weight:800;color:var(--color-navy)}
.po .vot-prose h3{margin-top:26px;font-size:19px;line-height:1.35;font-weight:700;color:var(--color-navy)}
.po .vot-prose ul,.po .vot-prose ol{padding-left:22px;list-style:revert}
.po .vot-prose li + li{margin-top:6px}
.po .vot-prose a{color:var(--color-primary);text-underline-offset:3px}
.po .vot-prose img{height:auto;border-radius:12px}
.po .vot-prose table{width:100%;border-collapse:collapse;font-size:15px}
.po .vot-prose th,.po .vot-prose td{padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}

/* strony aplikacji wtyczki (panel klienta, podpis, umowa, skaner…): pełna szerokość kontenera, bez typografii treści */
.po .vot-app{padding:24px 0 72px}
.po .vot-app > .wrap{max-width:1240px}

/* 404 */
.po .vot-404{padding:56px 0 88px}
.po .vot-404 .wrap{max-width:720px}
.po .vot-404 .wrap > p:not(.eyebrow){margin-top:12px;color:var(--color-text-secondary);font-size:17px}
.po .vot-404 .bl{padding-bottom:0}
.po .vot-404 .bl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.po .vot-404-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* mapa strony */
.po .vot-map ul{display:grid;gap:6px;padding-left:20px;list-style:disc}
.po .vot-map h2{margin:28px 0 10px;font-size:var(--fs-h3);font-weight:800;color:var(--color-navy);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
.po .vot-map a{color:var(--color-primary)}

/* /regulaminy/: kalendarz wersji i archiwum */
.po .lg-cal{margin:24px 0 0;padding:18px 22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}
.po .lg-cal form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-top:10px}
.po .lg-cal label{display:grid;gap:6px;font-weight:600;font-size:15px;color:var(--color-navy)}
.po .lg-cal input[type=date]{min-height:48px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:10px;font:inherit;color:var(--color-text);background:var(--color-surface)}
.po .lg-cal-res{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border)}
.po .lg-docs{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}
.po .lg-docs > li{padding:18px 22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}
.po .lg-docs h2{margin:0;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:800;color:var(--color-navy);letter-spacing:var(--ls-h3)}
.po .lg-docs .lg-cur{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:8px;font-size:15px;color:var(--color-text-secondary)}
.po .lg-docs a{color:var(--color-primary)}
.po .lg-hist{margin-top:10px}
.po .lg-hist summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--color-navy)}
.po .lg-hist table{width:100%;border-collapse:collapse;font-size:14.5px}
.po .lg-hist th,.po .lg-hist td{padding:8px 10px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}
.po .lg-hist code{font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;color:var(--color-text-secondary)}
.po .lg-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--color-success-soft);color:var(--color-success)}
.po .lg-badge--old{background:var(--color-background);color:var(--color-text-secondary)}
@media (max-width:600px){
  .po .lg-hist table,.po .lg-hist tbody,.po .lg-hist tr,.po .lg-hist td{display:block}
  .po .lg-hist thead{display:none}
  .po .lg-hist tr{padding:8px 0;border-bottom:1px solid var(--color-border)}
  .po .lg-hist td{border:0;padding:2px 0}
  .po .lg-hist td[data-l]::before{content:attr(data-l) ": ";font-weight:600;color:var(--color-navy)}
}

/* treść dokumentu z paczki prawnej: nagłówki niższego rzędu, tabele w przewijanym kontenerze (telefon), stopka dokumentu, link do zgód */
.po .lg-actions{display:flex;flex-wrap:wrap;gap:12px}
.po .lg-text h3{margin:28px 0 8px;font-size:19px;line-height:1.35;font-weight:800;color:var(--color-navy);scroll-margin-top:96px}
.po .lg-text h4{margin:22px 0 6px;font-size:17px;line-height:1.4;font-weight:700;color:var(--color-navy)}
.po .lg-text a{color:var(--color-primary);text-underline-offset:3px;overflow-wrap:anywhere}
.po .lg-text .muted{font-size:15px;color:var(--color-text-secondary)}
.po .lg-text footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--color-border);font-size:14px;color:var(--color-text-secondary)}
.po .lg-tbl{margin:16px 0 22px;overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}
.po .lg-tbl:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}
.po .lg-tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.po .lg-tbl th,.po .lg-tbl td{padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}
.po .lg-tbl tr:last-child > td{border-bottom:0}
.po .lg-tbl th{background:var(--color-background);font-weight:700;color:var(--color-navy)}
.po .lg-tbl td:first-child{font-weight:600;color:var(--color-navy)}
.po .lg-ck{display:inline;padding:0;border:0;background:none;font:inherit;color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.po .lg-ck:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:2px}
@media (max-width:600px){
  .po .lg-tbl table{min-width:540px;font-size:14px}
  .po .lg-tbl table:has(tr > :nth-child(4)){min-width:760px}
}

/* Formularze Fluent Forms na stronach pomocniczych (zmiana danych, kalendarz sali): przyciski i pola w tokenach motywu (kontrast AA) */
.po .vot-prose .ff-btn,.po .vot-prose .ff-btn-submit{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important;border-radius:var(--r-control,10px);min-height:48px;padding:0 22px;font:600 16px/1 Onest,system-ui,sans-serif}
.po .vot-prose .ff-btn:hover,.po .vot-prose .ff-btn-submit:hover{background:var(--color-primary-hover)!important}
.po .vot-prose .ff-el-form-control{border:1px solid var(--color-border-strong,#7E8BA5);border-radius:var(--r-control,10px);min-height:48px}
.po .vot-prose .ff-el-form-control:focus{outline:3px solid var(--color-primary);outline-offset:1px}

/* Promocja w kartach cennika (cena promocyjna w WooCommerce) */
.po .pr-promo{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--color-text-secondary)}
.po .pr-promo-l{display:inline-block;margin-right:4px;padding:2px 8px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:700;font-size:12.5px}
.po .pr-promo s{font-weight:600}
.po .pr-promo-o{display:block;margin-top:2px;font-size:12.5px}

/* Zdjęcia hero w <picture> (osobny poziomy kadr na telefony): obraz zostaje bezpośrednim dzieckiem ramki dla układu. */
.hero__frame>picture,.pf-hero-frame>picture,.ua-hero-frame>picture{display:contents}