/* DynRes — wyszukiwarka rozpoznań ze skierowania (strona /masz-skierowanie/).
   Ładowane tylko na stronie z wyszukiwarką (functions.php → dynres_rozpoznania_assets). */

.dx-app .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:2.2em}
.dx-app .btn{cursor:pointer}

/* Pole wyszukiwania */
.dx-search{margin-top:2.4em;max-width:40em}
/* Etykieta pola wyszukiwarki — czytelność jak etykiety pól formularzy, bez wersalików (27.09.2026) */
.dx-search label{display:block;font-family:var(--body);font-weight:400;font-size:1rem;letter-spacing:normal;text-transform:none;margin-bottom:10px}
.dx-search-row{display:flex;gap:12px;align-items:stretch}
.dx-search input{flex:1 1 auto;min-width:0;font-family:var(--head);font-weight:300;font-size:1.5rem;letter-spacing:.04em;color:var(--grafit);background:transparent;border:0;border-bottom:1px solid var(--grafit);border-radius:0;padding:10px 2px;appearance:none}
.dx-search input::placeholder{color:var(--grafit);opacity:.45}
.dx-search input:focus{outline:none;border-bottom:2px solid var(--terakota)}
.dx-search input::-webkit-search-cancel-button{cursor:pointer}
.dx-search .btn{flex:none}
.dx-privacy{margin:1em 0 0}
/* Przycisk wyglądający jak link tekstowy (podpowiedź literówki, licznik wyników, powrót do wyników) */
.linkbtn{display:inline-block;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none;border-bottom:1px solid currentColor}
.linkbtn:hover{color:var(--terakota)}
.dx-count{margin-top:1em}

/* Lista wyników */
.dx-results{list-style:none;margin:0;padding:0;border-top:1px solid var(--grafit)}
.dx-results button.dx-hit{display:flex;align-items:center;gap:24px;width:100%;padding:20px 0;border:0;border-bottom:1px solid var(--grafit);background:transparent;color:var(--grafit);font:inherit;text-align:left;cursor:pointer}
.dx-hit-code{font-family:var(--head);font-weight:300;font-size:1.6rem;line-height:1;color:var(--grafit);min-width:4.2em}
.dx-hit-text{display:flex;flex-direction:column;gap:2px}
.dx-hit-name{font-family:var(--head);font-weight:300;font-size:1.15rem;line-height:1.35}
.dx-hit-pro{font-size:.9rem}
.dx-hit-tag{font-family:var(--head);font-weight:300;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-top:4px;opacity:.8}
.dx-hit .arrow{margin-left:auto;font-family:var(--head);font-weight:200;font-size:1.5rem;color:var(--terakota);transition:transform .2s}
.dx-hit:hover .arrow,.dx-hit:focus-visible .arrow{transform:translateX(4px)}
.dx-hint{margin-top:1.2em;max-width:46em}
.dx-none{border-top:1px solid var(--grafit);padding-top:24px;max-width:46em}
.dx-suggest{margin:0 0 1em}
.dx-none .btns .btn{text-align:center}
.dx-scope{margin-top:2em}

/* Opis rozpoznania */
.dx{max-width:46em}
.dx-back{display:block;margin-bottom:1.4em}
.dx h2{margin-bottom:.5em}
.dx h2:focus{outline:none}
.dx-typed{margin-top:-.4em}
.dx-block{border-top:1px solid var(--grafit);padding-top:24px;margin-top:32px}
.dx-block h3{margin-bottom:.6em}
.dx-block ul{margin:0 0 1em;padding-left:1.2em}
.dx-block li{margin-bottom:.35em}
.dx-time > p:first-of-type{font-size:1.05rem}
.dx .redflags{background:var(--kosc);margin-top:2.4em}
.dx-sub{font-family:var(--head);font-weight:300;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin:1.2em 0 .5em}
.dx-tell .note{margin-top:1.4em}
.dx .btns{margin-top:2.4em}
.dx-foot{margin-top:3em;padding-top:24px;border-top:1px solid var(--grafit)}
.dx-foot .small{margin-bottom:.6em}
.dx sup a{text-decoration:none;color:var(--terakota)}

/* Terminy ze słowniczka i dymek */
.dx-term{font:inherit;color:inherit;background:none;border:0;border-bottom:1px dotted var(--terakota);padding:0;margin:0;cursor:help;line-height:inherit;text-align:inherit}
.dx-term:hover,.dx-term.on{border-bottom-style:solid}
.dx-tip{position:fixed;z-index:2600;display:none;max-width:min(340px,calc(100vw - 24px));background:var(--grafit);color:var(--kosc);padding:14px 16px;font-family:var(--body);font-weight:300;font-size:.92rem;line-height:1.55}
.dx-tip.on{display:block}
.dx-tip b{display:block;font-family:var(--head);font-weight:300;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--szalwia);margin-bottom:6px}

@media (max-width: 760px){
  .dx-search-row{flex-direction:column}
  .dx-search input{font-size:1.3rem}
  .dx-results button.dx-hit{gap:14px}
  .dx-hit-code{font-size:1.3rem;min-width:3.6em}
  .dx-app .btns .btn{flex:1 1 100%;text-align:center}
}

/* Telefon: pole wyszukiwania wysoko na pierwszym ekranie, „Szukaj” nad dolnym paskiem .mobile-bar (S-261017-07) */
@media (max-width: 767px){
  html{scroll-padding-bottom:88px}
  .sub-hero--text:has(.dx-search){padding-top:20px;padding-bottom:28px}
  .sub-hero--text:has(.dx-search) .crumbs{margin-bottom:.8em}
  .sub-hero--text:has(.dx-search) h1{font-size:clamp(1.6rem,7vw,2rem);line-height:1.2;margin-bottom:.4em}
  .sub-hero--text:has(.dx-search) .lead{font-size:1rem;line-height:1.5;margin-top:.6em}
  .sub-hero--text:has(.dx-search) .dx-search{margin-top:1.2em;scroll-margin-bottom:88px}
  .dx-search label{margin-bottom:4px}
  .dx-search input{font-size:1.25rem;padding:6px 2px}
  .dx-search-row{flex-direction:column;gap:12px}
  .dx-privacy{margin-top:.8em}
}

/* Podkody bez opisu i linia „Więcej:” (S-261017-07) */
.dx-extra{margin-top:2em;max-width:46em}
.dx-extra-list{margin:0 0 1em;padding-left:1.2em}
.dx-extra-list li{margin-bottom:.35em}
.dx-extra .btns{margin-top:1.2em}
.dx-more{margin:1em 0 0}