/* Hurtownia Lux — zakładka „Dane techniczne” (29.10.2026, właściciel: «максимум инфы, чем есть у кого-либо»):
   „Dokumenty producenta” (inc/dokumenty.php) i „Porównanie wariantów” (inc/porownanie.php). Tylko strona produktu.
   Kolory, promienie i czcionka ze zmiennych :root motywu (main.css) — styl „Inżynier”, akcent błękit. */

/* Zakładka miała szerokość tekstu (.entry-content 75ch) — tabela porównania dostaje całą kolumnę zakładek, nagłówek,
   tabela parametrów i dokumenty zostają w szerokości tekstu */
.woocommerce-Tabs-panel--hlx_tech.entry-content { max-width: none; }
.woocommerce-Tabs-panel--hlx_tech > h2 { max-width: 75ch; }
.pdp-docs, .pdp-cmp { margin-top: 22px; }
.pdp-docs { max-width: 760px; }
.pdp-cmp { max-width: 100%; min-width: 0; }
.pdp-docs > h3, .pdp-cmp > h3 { margin: 0 0 10px; font-size: 16px; line-height: 1.35; }

/* Dokumenty: kafelki-pliki, na komputerze w dwóch kolumnach */
.docs { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.doc { display: grid; grid-template-columns: 40px minmax(0, 1fr) 16px; align-items: center; gap: 12px; min-height: 60px; padding: 9px 12px 9px 10px; border: 1px solid var(--line); border-radius: var(--r); background: var(--white); color: var(--ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.doc:hover { border-color: var(--acc); box-shadow: 0 6px 18px -12px rgba(var(--acc-rgb), .55); }
.doc:focus-visible { outline: 3px solid var(--acc-bright); outline-offset: 2px; }
.doc-fmt { display: grid; place-items: end center; height: 44px; padding-bottom: 7px; border-radius: 4px 0 4px 4px; background: var(--acc-soft); color: var(--acc-ink); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; clip-path: polygon(0 0, 70% 0, 100% 26%, 100% 100%, 0 100%); }
.doc-txt { display: grid; gap: 2px; min-width: 0; }
.doc-t { font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.doc-m { overflow: hidden; color: var(--muted); font-size: 12.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.doc-go { color: var(--muted); }
.doc:hover .doc-go { color: var(--acc-ink); }
.docs-note { margin: 8px 0 0; color: var(--muted); font-size: 12.5px; }
@media (min-width: 700px) {
  .docs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Porównanie: tabela w ramce, przewijana w poziomie na telefonie (pierwsza kolumna zostaje na miejscu) */
.cmp-sub { max-width: 760px; margin: -4px 0 10px; color: var(--muted); font-size: 13.5px; }
.cmp-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); background: var(--white); -webkit-overflow-scrolling: touch; }
.cmp-scroll:focus-visible { outline: 3px solid var(--acc-bright); outline-offset: 2px; }
.woocommerce-tabs .panel table.hlx-cmp { width: 100%; max-width: none; min-width: 520px; margin: 0; border-collapse: separate; border-spacing: 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.woocommerce-tabs .panel table.hlx-cmp th, .woocommerce-tabs .panel table.hlx-cmp td { padding: 9px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.woocommerce-tabs .panel table.hlx-cmp thead th { background: var(--soft); color: var(--muted); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.woocommerce-tabs .panel table.hlx-cmp tbody tr:last-child > * { border-bottom: 0; }
.hlx-cmp tbody th { position: sticky; left: 0; z-index: 1; min-width: 180px; max-width: 340px; background: var(--white); font-weight: 500; }
@media (min-width: 1100px) {
  .hlx-cmp tbody th { min-width: 260px; }
}
.hlx-cmp thead th:first-child { position: sticky; left: 0; z-index: 2; }
.hlx-cmp tbody th a { color: var(--acc-ink); text-decoration: none; }
.hlx-cmp tbody th a:hover { text-decoration: underline; }
.hlx-cmp tbody th small { display: block; margin-top: 2px; color: var(--muted); font-size: 12px; font-weight: 400; }
.hlx-cmp td { white-space: nowrap; }
.hlx-cmp .cmp-pr { text-align: right; font-weight: 700; }
.hlx-cmp td.cmp-pr small { display: block; color: var(--muted); font-size: 11.5px; font-weight: 500; }
.hlx-cmp .cmp-na { color: #9AA1B2; }
.hlx-cmp tr.is-cur > * { background: var(--acc-soft); }
.hlx-cmp tr.is-cur th { box-shadow: inset 3px 0 0 var(--acc); }
.hlx-cmp tr.is-cur b { font-weight: 700; }
.hlx-cmp .cmp-this { color: var(--acc-ink); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
/* Telefon: nazwa w węższej kolumnie, żeby obok była widoczna pierwsza różnica i cena (reszta po przewinięciu) */
@media (max-width: 699px) {
  .woocommerce-tabs .panel table.hlx-cmp { min-width: 0; font-size: 13.5px; }
  .woocommerce-tabs .panel table.hlx-cmp th, .woocommerce-tabs .panel table.hlx-cmp td { padding: 8px 10px; }
  .hlx-cmp tbody th { width: 44vw; min-width: 150px; max-width: 44vw; }
}