/* ============================================================
   Ikony jako maski CSS (generowane przez scripts/ikony-css.py)
   W tresci strony ikona to pusty <span class="ikn ikn--nazwa">.
   Dzieki temu blok trzyma sam tekst i jest w pelni edytowalny
   w edytorze WordPressa, bez ostrzezen o nieoczekiwanej tresci.
   ============================================================ */

.ikn {
  display: inline-block; flex: none;
  width: 1em; height: 1em;
  background: currentColor;
  -webkit-mask: var(--ikn) center / contain no-repeat;
  mask: var(--ikn) center / contain no-repeat;
  vertical-align: -0.125em;
}

.ikn--phone { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%203h3l1.5%204-2%201.5a12%2012%200%200%200%206.5%206.5L17%2013l4%201.5v3a2.5%202.5%200%200%201-2.7%202.5C10.4%2019.4%204.6%2013.6%204%205.7A2.5%202.5%200%200%201%206.5%203Z%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--mail { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206.5%208.5%206%208.5-6%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--clock { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M12%207.5V12l3%202%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--pin { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.2%207-11a7%207%200%201%200-14%200c0%204.8%207%2011%207%2011Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--arrow { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h15M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--chev { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%208%207%207%207-7%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--menu { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2012h16M4%2017h16%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--close { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--plus { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--passport { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203.5h11a2%202%200%200%201%202%202v13a2%202%200%200%201-2%202H5Z%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M9%2015.5h5M7.5%203.5v17%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--card { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2.5%209.5h19M6%2014.5h4M15%2014.5h3%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--doc { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202.5h7.5L19%208v13.5H6Z%22%2F%3E%3Cpath%20d%3D%22M13.5%202.5V8H19M9%2012.5h7M9%2016h5%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--box { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%203.5%207v10L12%2021l8.5-4V7Z%22%2F%3E%3Cpath%20d%3D%22M3.5%207%2012%2011l8.5-4M12%2011v10%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--truck { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%206.5h11v10h-11z%22%2F%3E%3Cpath%20d%3D%22M13.5%2010h3.7l3.3%203.4v3.1h-7z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M8.8%2018h6.4M2.5%2018h2.7%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--shield { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%205%205.8V12c0%204.3%203%207.6%207%209%204-1.4%207-4.7%207-9V5.8Z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202.2%202.2L15.5%2010%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--home { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010.5%2012%204l8%206.5V20H4Z%22%2F%3E%3Cpath%20d%3D%22M9.5%2020v-6h5v6%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--heart { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020S3.5%2014.5%203.5%209.2A4.2%204.2%200%200%201%2012%207a4.2%204.2%200%200%201%208.5%202.2C20.5%2014.5%2012%2020%2012%2020Z%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--users { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M3.5%2019.5a5.5%205.5%200%200%201%2011%200%22%2F%3E%3Cpath%20d%3D%22M16%205.2a3.2%203.2%200%200%201%200%205.6M17%2015a5.5%205.5%200%200%201%203.5%204.5%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--globe { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M3.5%2012h17M12%203.5c2.2%202.3%203.3%205.3%203.3%208.5S14.2%2018.2%2012%2020.5c-2.2-2.3-3.3-5.3-3.3-8.5S9.8%205.8%2012%203.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--gavel { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%2013%205-5M4.5%2015.5%208.5%2019.5M3%2017l4-4%204%204-4%204z%22%2F%3E%3Cpath%20d%3D%22m10.5%205.5%204%204M9%207l4-4%204%204-4%204zM14%2012l6%206%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--book { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204.5h6a2.5%202.5%200%200%201%202%202.5v12a2%202%200%200%200-2-1.6H4Z%22%2F%3E%3Cpath%20d%3D%22M20%204.5h-6a2.5%202.5%200%200%200-2%202.5v12a2%202%200%200%201%202-1.6h6Z%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--info { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M12%2011v5.5M12%207.8v.2%22%2F%3E%3C%2Fsvg%3E"); }
.ikn--download { --ikn: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.5v11M7.5%2010%2012%2014.5%2016.5%2010M4.5%2019.5h15%22%2F%3E%3C%2Fsvg%3E"); }

/* rozmiary w kontekstach, ktore w wersji statycznej stylowaly <svg> */
.btn .ikn { width: 16px; height: 16px; }
.arrow-link .ikn, .tile__more .ikn, .board__all .ikn, .strip__all .ikn { width: 15px; height: 15px; }
.icon-badge .ikn { width: 22px; height: 22px; }
.contactrow .ikn { width: 18px; height: 18px; color: var(--ink-400); margin-top: 3px; }
.notice .ikn { width: 20px; height: 20px; color: var(--signal-deep); margin-top: 2px; }
.doc .ikn { width: 20px; height: 20px; color: var(--ink-400); }
.rowitem__go .ikn { width: 18px; height: 18px; }
.acc__btn .ikn { width: 18px; height: 18px; color: var(--ink-400); transition: transform 280ms var(--ease); }
.acc__item.is-open .acc__btn .ikn { transform: rotate(45deg); }
.topbar__list .ikn { width: 14px; height: 14px; color: var(--on-dark-3); }
.arrow-link:hover .ikn, .tile:hover .tile__more .ikn { transform: translateX(4px); }
.arrow-link .ikn, .tile__more .ikn { transition: transform var(--dur-hover) var(--ease); }
.lightbox__close .ikn { width: 20px; height: 20px; }