/* =========================================================================
   arche-rozszerzenia.css · Uzupełnienia portu paczki design (09.10.2026)
   Elementy, których makieta nie pokazuje, w tokenach i proporcjach paczki:
   listy w treści poradników, podpowiedzi wyszukiwarki, nagłówek widoku narzędzia, pole pułapki formularza.
   Ładowanie: po arche-help-shell i pliku widoku. Bez !important i bez stylowania klas Elementora poza widokiem.
   ========================================================================= */

/* Decyzja użytkownika 09.10.2026: ciemniejszy tekst drugoplanowy (opisy, wstępy, treść, nagłówki tabel, podmenu).
   Makieta: #56606A (6,4:1), potem #434B53 (8,9:1), na kolejną prośbę #3A424A: 10,2:1 na bieli i 9,1:1 na kremie. */
.arche-help { --arche-ink-muted: #3A424A; }

/* Zgodność z motywem Hello Elementor i zestawem Elementora (sprawdzone na produkcji 09.10.2026).
   Reset paczki używa :where() (specyficzność 0), więc przegrywał z regułami motywu: h1-h6 i p (marginesy, waga),
   .elementor-kit-11 p { margin-block-end: 20px }, .elementor-kit-11 a { font-size: 15px; color: #000 },
   label { line-height: 1 }, tabela { obramowania, paski, padding 15px }. Reguły poniżej mają specyficzność (0,1,2):
   wygrywają z motywem (do 0,1,1) i przegrywają z klasami paczki (0,2,0). Tło komórek w paskach motywu ma (0,1,4),
   dlatego komórki mają osobną regułę (0,2,1). */
body .arche-help { font-size: 16px; line-height: normal; }
body .arche-help :is(button, input, select, textarea) { font-size: 13.3333px; line-height: normal; }
body .arche-help :is(button, [type="button"], [type="submit"]) { white-space: normal; user-select: auto; }
body .arche-help :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, blockquote, table) { margin: 0; }
body .arche-help :is(h1, h2, h3, h4, h5, h6) { font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; }
body .arche-help a { color: var(--arche-navy); font: inherit; text-decoration: none; }
body .arche-help label { line-height: inherit; vertical-align: baseline; }
body .arche-help table { width: 100%; font-size: inherit; background: none; }
.arche-help.arche-help :is(td, th) { line-height: inherit; vertical-align: top; font-weight: inherit; }
.arche-help.arche-help.arche-help :is(td, th) { border: 0; background: none; }
.arche-help.arche-help.arche-help .ah-tool :is(td, th) { border-top: 1px solid var(--arche-line); }
.arche-help.arche-help.arche-help .ah-tool thead th { border-top-color: var(--arche-ink); }

/* Formularz 07: globalny CSS formularzy Elementor Pro (obecny na stronie) daje polom flex-basis: 100% i flex-grow: 1
   w kolumnie flex grupy pola, co zgniata pola tekstowe do ok. 25 px. Dzieci grupy wracają do naturalnej wysokości. */
.arche-help .arche-zap .arche-zap__form .elementor-form .elementor-field-group > * { flex: 0 0 auto; }

/* Listy w treści poradnika (wspólny reset paczki usuwa punktory) */
.arche-help .arche-por__body ul, .arche-help .arche-por__body ol { display: flex; flex-direction: column; gap: 8px; padding-left: 22px; font: 400 15px/26.25px var(--arche-font); color: var(--arche-ink); }
.arche-help .arche-por__body ul { list-style: disc; }
.arche-help .arche-por__body ol { list-style: decimal; }
.arche-help .arche-por__body li::marker { color: var(--arche-copper); }
.arche-help .arche-por__body a, .arche-help .arche-faq__a a:not(.arche-faq__link) { color: var(--arche-navy); text-decoration: underline; text-underline-offset: 3px; }
.arche-help .arche-por__body a:hover, .arche-help .arche-faq__a a:not(.arche-faq__link):hover { color: var(--arche-copper); }

/* Podpowiedzi wyszukiwarki (boczne menu i strona główna) */
.arche-help .arche-search { position: relative; z-index: 5; }
.arche-help .arche-search[hidden] { display: none; }
.arche-help .arche-search__status { margin: 8px 0 0; font: 400 13px/19.5px var(--arche-font); color: var(--arche-ink-muted); }
.arche-help .arche-search__status:empty { display: none; }
.arche-help .arche-search__status a { color: var(--arche-navy); text-decoration: underline; text-underline-offset: 3px; }
.arche-help .arche-search__results { display: flex; flex-direction: column; margin-top: 8px; padding: 6px; border: 1px solid var(--arche-line); border-radius: var(--arche-radius-md); background: var(--arche-white); box-shadow: var(--arche-shadow-lift); }
.arche-help .arche-search__results[hidden] { display: none; }
.arche-help .arche-search__link { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: var(--arche-radius); color: var(--arche-ink); text-decoration: none; transition: background-color var(--arche-dur) ease; }
.arche-help .arche-search__link:hover, .arche-help .arche-search__link:focus-visible { background: var(--arche-cream); }
.arche-help .arche-search__title { font: 500 14px/20px var(--arche-font); color: var(--arche-ink); }
.arche-help .arche-search__meta { font: 400 12px/18px var(--arche-font); color: var(--arche-ink-muted); }
.arche-help .arche-pomoc__search .arche-search { grid-column: 1 / -1; }

/* Widok narzędzia (bez makiety): nagłówek jak 04.01 */
.arche-help .arche-tool { display: flex; flex-direction: column; }
.arche-help .arche-tool__body { margin-top: 24px; }
.arche-help .arche-tool__noscript { margin-top: 24px; padding: 16px 20px; border-radius: var(--arche-radius-md); background: var(--arche-cream); font: 400 14.5px/23.2px var(--arche-font); }
.arche-help .arche-tool__noscript a { color: var(--arche-navy); text-decoration: underline; }

/* Przydatne odnośniki: etykiety grup jak 02.02, kolejne grupy z odstępem */
.arche-help .arche-linki .arche-dzial__label { letter-spacing: .14em; }
.arche-help .arche-linki .arche-dzial__list + .arche-dzial__label { margin-top: 40px; }

/* Dokumenty bez ozdobnego numeru: bez pustej kolumny na numer (makieta: 52 px) */
.arche-help .arche-dok__item:not(:has(.arche-dok__num)) { grid-template-areas: "meta meta" "title title" "desc desc" "btn btn"; }

/* Decyzja użytkownika 09.10.2026: „Pobierz” domyślnie granatowy (makieta: biały z obramowaniem), na hover miedziany. */
.arche-help .arche-dok__btn { border-color: var(--arche-navy); background: var(--arche-navy); color: var(--arche-white); }
.arche-help .arche-dok__btn:hover, .arche-help .arche-dok__btn:focus-visible { border-color: var(--arche-copper); background: var(--arche-copper); color: var(--arche-white); }

/* Decyzja użytkownika 09.10.2026: kółka ze strzałką wypełnione granatem (makieta: obrys), po najechaniu na wiersz lub kafel miedziane. */
.arche-help :is(.arche-dzial__circle, .arche-dzial__tool-circle, .arche-pomoc__circle, .arche-por__next-circle) { border-color: var(--arche-navy); background: var(--arche-navy); color: var(--arche-white); transition: background-color var(--arche-dur) ease, border-color var(--arche-dur) ease; }
.arche-help :is(.arche-dzial__item, .arche-dzial__tool, .arche-pomoc__tile, .arche-por__next):is(:hover, :focus-visible) :is(.arche-dzial__circle, .arche-dzial__tool-circle, .arche-pomoc__circle, .arche-por__next-circle) { border-color: var(--arche-copper); background: var(--arche-copper); color: var(--arche-white); }

/* Dział bez etykiety listy (09.10.2026): odstęp listy od wstępu przejmuje lista. */
.arche-help .arche-dzial__head + .arche-dzial__list { margin-top: 28px; }

/* Spis treści poradnika (09.10.2026, uwaga użytkownika: poziomy układ z makiety nie wyglądał na spis treści).
   Kremowa ramka, nagłówek „Spis treści”, pionowa lista linków ze strzałką w dół na każdej szerokości. */
/* Wariant A1 (decyzja użytkownika 09.10.2026): biała karta w ramce, granatowy pasek „Spis treści”, numery sekcji 1., 2., 3. */
.arche-help .arche-por__toc { overflow: hidden; padding: 0; border: 1px solid var(--arche-line); border-radius: var(--arche-radius-md); background: var(--arche-white); }
.arche-help .arche-por__toc-title { padding: 12px 20px; background: var(--arche-navy); font: 600 12px/18px var(--arche-font); letter-spacing: .14em; text-transform: uppercase; color: var(--arche-white); }
.arche-help .arche-por__toc-list { padding: 2px 20px 4px; border-bottom: 0; }
.arche-help .arche-por__toc-list > li:first-child .arche-por__toc-link { border-top: 0; }
.arche-help .arche-por__toc-num { flex: 0 0 auto; min-width: 22px; font: 500 15px/22px var(--arche-font); letter-spacing: 0; color: var(--arche-navy); }
.arche-help .arche-por__toc-link { padding-top: 10px; padding-bottom: 10px; min-height: 0; }
.arche-help .arche-por__toc-link { min-height: 44px; border-top-color: var(--arche-line-strong); color: var(--arche-navy); transition: color var(--arche-dur) ease; }
.arche-help .arche-por__toc-link:hover, .arche-help .arche-por__toc-link:focus-visible { color: var(--arche-copper); }
.arche-help .arche-por__toc-link:hover .arche-por__toc-text { text-decoration: underline; text-underline-offset: 3px; }
.arche-help .arche-por__toc-icon { color: currentColor; }

/* Większy odstęp przed „Czytaj i planuj dalej” (09.10.2026): oddziela koniec artykułu od kolejnych wpisów. */
.arche-help .arche-por__more { margin-top: 40px; }

/* Źródła poradnika (09.10.2026): jedna data dla wszystkich źródeł, ikona otwarcia w nowej karcie przy linku. */
.arche-help .arche-por__sources-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.arche-help .arche-por__sources-date { margin-top: 0; }
.arche-help .arche-por__src-icon { display: inline-block; margin-left: 6px; vertical-align: -1px; }
.arche-help .arche-por__sources-list > li { color: var(--arche-ink-muted); }

/* Decyzja użytkownika 09.10.2026: opisy i teksty wypełniają wiersz do prawej krawędzi.
   Makieta używa text-wrap: pretty, które przenosi końcówki do kolejnej linii i zostawia lukę po prawej. */
.arche-help :is(.arche-help__lead, .arche-dzial__desc, .arche-dok__desc, .arche-dok__note, .arche-faq__a p, .arche-por__body p, .arche-help__cta-text, .arche-pomoc__contact-text, .arche-pomoc__dz-desc, .arche-kalk__note) { text-wrap: wrap; }

/* „Czytaj i planuj dalej” jako kafle jak „Pomocne narzędzia” (09.10.2026, decyzja użytkownika). */
.arche-help .arche-por__tiles { margin-top: 0; }

/* Tabele w poradnikach: wariant A z granatowym nagłówkiem (decyzja użytkownika 09.10.2026).
   Ramka z zaokrągleniem, wiersze z wcięciem od krawędzi; na telefonie nagłówek jest ukryty wizualnie jak w makiecie. */
.arche-help .arche-por__body table { border: 1px solid var(--arche-line); border-radius: var(--arche-radius-md); overflow: hidden; }
.arche-help .arche-por__body tbody tr { padding-right: 16px; padding-left: 16px; }
.arche-help .arche-por__body tbody tr:first-child { border-top: 0; }

/* Decyzja użytkownika 11.10.2026: bez ogólnych etykiet nad tytułem („Arche · Centrum pomocy”, „Centrum pomocy”), bo powtarzały
   ścieżkę. Tytuł, nad którym nic nie stoi, nie ma górnego marginesu; etykiety kategorii (dział, narzędzia) zostają. */
.arche-help .arche-help__h1:first-child { margin-top: 0; }

/* Formularz zapytania: pole pułapki dla botów */
.arche-help .arche-zap__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

@container arche-help (min-width: 850px) {
  .arche-help .arche-por__body table :is(thead tr, tbody tr) { padding-right: 24px; padding-left: 24px; }
  .arche-help .arche-por__body thead tr { padding-top: 14px; padding-bottom: 14px; border: 0; background: var(--arche-navy); }
  .arche-help .arche-por__body thead th { font-weight: 600; color: var(--arche-white); }
  /* Źródła: nagłówek i data w jednym wierszu, linki pod spodem na całą szerokość (decyzja użytkownika 09.10.2026). */
  .arche-help .arche-por__sources { display: flex; flex-direction: column; gap: 14px; }
  .arche-help .arche-por__sources-date { margin-top: 0; }
  .arche-help .arche-por__tiles { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 8px; }
  .arche-help .arche-por__tiles .arche-dzial__tool { min-height: 180px; padding-right: 20px; padding-left: 20px; }
  .arche-help .arche-por__tiles .arche-dzial__tool-title { margin-top: 14px; font: 400 15px/22px var(--arche-font); text-wrap: wrap; }
  .arche-help :is(.arche-help__cta-text, .arche-pomoc__contact-text) { max-width: none; }
  /* Strona główna centrum (09.10.2026, decyzja użytkownika): tytuł i opis na całą szerokość,
     pod nimi wiersz: wyszukiwarka (reszta miejsca) i dwa przyciski po prawej, wyrównane do pola wyszukiwania. */
  .arche-help .arche-pomoc__hero { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .arche-help .arche-pomoc .arche-help__lead { max-width: none; }
  .arche-help .arche-pomoc__actions-col { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; margin-top: 28px; }
  .arche-help .arche-pomoc__buttons { display: flex; flex-direction: row; gap: 12px; }
  /* Przyciski zlicowane z „Szukaj” w polu (44 px, 6 px od krawędzi pola 56 px), decyzja użytkownika 09.10.2026. */
  .arche-help .arche-pomoc__btn { height: 44px; padding: 0 24px; white-space: nowrap; }
  .arche-help .arche-pomoc__buttons { align-self: end; margin-bottom: 6px; }
  .arche-help .arche-pomoc__search-submit { top: 6px; }
  .arche-help .arche-pomoc__search-input { height: 56px; }
  .arche-help .arche-pomoc__search { position: relative; }
  .arche-help .arche-pomoc__search .arche-search { position: absolute; top: 100%; right: 0; left: 0; z-index: 20; background: var(--arche-white); }
  /* Kolumny tabel w poradnikach według ilości tekstu (klasa z arche_poradnik_table_widths, 09.10.2026) */
  .arche-help .arche-por__body table.arche-tab--25 :is(tr, tbody tr) { grid-template-columns: minmax(0, 25fr) minmax(0, 75fr); }
  .arche-help .arche-por__body table.arche-tab--30 :is(tr, tbody tr) { grid-template-columns: minmax(0, 30fr) minmax(0, 70fr); }
  .arche-help .arche-por__body table.arche-tab--35 :is(tr, tbody tr) { grid-template-columns: minmax(0, 35fr) minmax(0, 65fr); }
  .arche-help .arche-por__body table.arche-tab--40 :is(tr, tbody tr) { grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); }
  .arche-help .arche-por__body table.arche-tab--45 :is(tr, tbody tr) { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); }
  .arche-help .arche-por__body table.arche-tab--50 :is(tr, tbody tr) { grid-template-columns: minmax(0, 50fr) minmax(0, 50fr); }
  .arche-help .arche-por__body table.arche-tab--55 :is(tr, tbody tr) { grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); }
  .arche-help .arche-por__body table.arche-tab--60 :is(tr, tbody tr) { grid-template-columns: minmax(0, 60fr) minmax(0, 40fr); }
  .arche-help .arche-por__more { margin-top: 64px; }
  .arche-help .arche-por__toc { gap: 0; padding: 0; }
  .arche-help .arche-por__toc-title { padding: 12px 24px; font: 600 12px/18px var(--arche-font); letter-spacing: .14em; }
  .arche-help .arche-por__toc-list { padding: 2px 24px 4px; }
  .arche-help .arche-por__toc-list > li:first-child .arche-por__toc-link { border-top: 0; }
  .arche-help .arche-por__toc-num { min-width: 24px; font: 500 15.5px/22px var(--arche-font); letter-spacing: 0; }
  .arche-help .arche-por__toc-list { display: flex; flex-direction: column; border-top: 0; }
  .arche-help .arche-por__toc-list > li .arche-por__toc-link, .arche-help .arche-por__toc-list > li:last-child .arche-por__toc-link { flex-direction: row; align-items: center; gap: 12px; min-height: 0; padding: 12px 0; border-top: 1px solid var(--arche-line-strong); border-left: 0; }
  .arche-help .arche-por__toc-list > li:first-child .arche-por__toc-link { flex-direction: row; align-items: center; gap: 12px; min-height: 0; padding: 12px 0; border-top: 0; border-left: 0; }
  .arche-help .arche-por__toc-text { flex: 1; font: 400 15.5px/22px var(--arche-font); }
  .arche-help .arche-por__toc-icon { display: block; }
  .arche-help .arche-kalk__pn-circle { border-color: var(--arche-navy); background: var(--arche-navy); color: var(--arche-white); transition: background-color var(--arche-dur) ease, border-color var(--arche-dur) ease; }
  .arche-help .arche-kalk__pn-link:is(:hover, :focus-visible) .arche-kalk__pn-circle { border-color: var(--arche-copper); background: var(--arche-copper); }
  /* Decyzja użytkownika 09.10.2026: opisy pozycji w działach i dokumentach na pełną szerokość wiersza (makieta: 640 i 600 px). */
  .arche-help .arche-dzial__desc, .arche-help .arche-dok__desc { max-width: none; }
  .arche-help .arche-dok__item:not(:has(.arche-dok__num)) { grid-template-areas: "title meta btn" "desc meta btn"; grid-template-columns: minmax(0, 1fr) 132px auto; }
  .arche-help .arche-kalk__pn-link--next:only-child { grid-column: 2; }
  .arche-help .arche-por__body ul, .arche-help .arche-por__body ol { font: 400 16px/28.8px var(--arche-font); color: var(--arche-ink-muted); }
  .arche-help .arche-tool__body { margin-top: 40px; }
}

@container arche-help (min-width: 1200px) {
  /* Strona główna centrum (09.10.2026, decyzja użytkownika): granatowa linia z prawej domyka kolumnę działu. */
  .arche-help .arche-pomoc__dz { padding-right: 24px; border-right: 1px solid var(--arche-navy); }
  .arche-help .arche-pomoc__dzialy { align-items: stretch; }
  .arche-help .arche-pomoc__more { align-self: start; }
  .arche-help .arche-pomoc__hero { display: flex; align-items: stretch; }
  .arche-help .arche-pomoc .arche-help__lead { max-width: none; }
  .arche-help .arche-pomoc__actions-col { margin-top: 32px; }
  /* Decyzja użytkownika 09.10.2026: treść na pełną szerokość kolumny (makieta: artykuł, FAQ, wstęp i uwaga do 860 px). */
  .arche-help :is(.arche-por, .arche-faq, .arche-dok__note) { max-width: none; }
  .arche-help .arche-help__lead, .arche-help .arche-help__lead--narrow { max-width: none; }
  .arche-help .arche-dzial__head + .arche-dzial__list { margin-top: 44px; }
  .arche-help .arche-pomoc__dz-open-circle { border-color: var(--arche-navy); background: var(--arche-navy); color: var(--arche-white); transition: background-color var(--arche-dur) ease, border-color var(--arche-dur) ease; }
  .arche-help .arche-pomoc__dz-open:is(:hover, :focus-visible) .arche-pomoc__dz-open-circle { border-color: var(--arche-copper); background: var(--arche-copper); }
  .arche-help .arche-linki .arche-dzial__list + .arche-dzial__label { margin-top: 64px; }
}

/* Grafiki w poradnikach (09.10.2026): schematy w szablonie grafik bloga, pełna wysokość bez kadrowania. */
.arche-help .arche-por__body figure.arche-fig { margin: 28px 0 8px; }
.arche-help .arche-por__body figure.arche-fig .arche-fig__link { display: block; border: 1px solid var(--arche-line); border-radius: var(--arche-radius-md); overflow: hidden; background: var(--arche-white); }
.arche-help .arche-por__body figure.arche-fig img { display: block; width: 100%; height: auto; border-radius: 0; background: var(--arche-white); object-fit: contain; }
.arche-help .arche-por__body figure.arche-fig figcaption { margin-top: 10px; font-style: normal; font-size: 14px; line-height: 1.5; color: var(--arche-ink-muted); }
.arche-help .arche-por__body figure.arche-fig .arche-fig__link:focus-visible { outline: 2px solid var(--arche-navy); outline-offset: 2px; }

/* Opis pod kalkulatorem odwiertu (11.10.2026, SEO): typografia jak w poradnikach, tabela w wariancie A. */
.arche-help .arche-kalk__info { display: flex; flex-direction: column; gap: 14px; margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--arche-line); }
.arche-help .arche-kalk__info h2 { margin-top: 14px; font: 500 22px/1.3 var(--arche-font); color: var(--arche-ink); letter-spacing: -0.01em; }
.arche-help .arche-kalk__info h2:first-child { margin-top: 0; }
.arche-help .arche-kalk__info p { font: 400 15px/26.25px var(--arche-font); color: var(--arche-ink); text-wrap: wrap; }
.arche-help .arche-kalk__info ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding-left: 22px; list-style: disc; font: 400 15px/26.25px var(--arche-font); color: var(--arche-ink); }
.arche-help .arche-kalk__info li::marker { color: var(--arche-copper); }
.arche-help .arche-kalk__info a { color: var(--arche-navy); text-decoration: underline; text-underline-offset: 3px; }
.arche-help .arche-kalk__info a:hover { color: var(--arche-copper); }
.arche-help .arche-kalk__info-table { overflow-x: auto; border: 1px solid var(--arche-line); border-radius: var(--arche-radius-md); }
.arche-help .arche-kalk__info table { width: 100%; border-collapse: collapse; font: 400 13.5px/1.5 var(--arche-font); font-variant-numeric: tabular-nums; }
.arche-help.arche-help .arche-kalk__info :is(th, td) { padding: 11px 10px; border: 0; border-top: 1px solid var(--arche-line-soft); text-align: right; white-space: nowrap; background: none; color: var(--arche-ink); }
.arche-help.arche-help .arche-kalk__info thead th { border-top: 0; background: var(--arche-navy); color: var(--arche-white); font-weight: 600; }
.arche-help.arche-help .arche-kalk__info :is(thead th, tbody th):first-child { text-align: left; }
.arche-help.arche-help .arche-kalk__info tbody th { font-weight: 600; }
.arche-help .arche-kalk__info .arche-kalk__info-note { font-size: 13px; line-height: 21px; color: var(--arche-ink-muted); }
@container arche-help (min-width: 850px) {
  .arche-help .arche-kalk__info { margin-top: 56px; padding-top: 40px; }
  .arche-help .arche-kalk__info h2 { font-size: 26px; }
  .arche-help .arche-kalk__info :is(p, ul) { font-size: 16px; line-height: 28.8px; color: var(--arche-ink-muted); }
  .arche-help .arche-kalk__info .arche-kalk__info-note { font-size: 13px; line-height: 21px; }
  .arche-help.arche-help .arche-kalk__info :is(th, td) { padding: 14px 24px; font-size: 15px; }
}