/* Ceny detaliczne sugerowane obok ceny klienta (2.0.67) — web/assets/js/detal.js. */

/* lista, wyniki, koszyk, listy: jedna dyskretna linijka pod ceną klienta */
.detal-linia { font-size: 11.5px; font-weight: 400; color: var(--muted); white-space: normal; margin-top: 1px; }
/* 2.0.70: w tabeli linijka detalu się łamie (nowrap poszerzał kolumnę ceny — przy 1366 px tabela wychodziła poza ekran) */
.ptable .detal-linia { white-space: normal; min-width: 9em; }
.pprice .detal-linia { margin-top: 2px; }
.c-meta .detal-linia { flex-basis: 100%; }

/* karta produktu */
.detal-host { margin-top: 2px; }
.detal-karta { border: 1px dashed var(--border); border-radius: var(--r-8); padding: 10px 12px; background: var(--bg-info); display: grid; gap: 3px; font-size: 13.5px; }
.detal-karta .dk-tyt { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--muted); margin-bottom: 2px; }
.detal-karta .dk-r { display: flex; justify-content: space-between; gap: 12px; }
.detal-karta .dk-r > span:first-child { color: var(--muted); }
.detal-karta .dk-zysk > span:last-child { color: var(--ok); }
.detal-karta .dk-uwaga { margin: 4px 0 0; font-size: 11.5px; color: var(--muted); }

/* koszyk: wiersze podsumowania */
.detal-suma { display: grid; gap: 6px; border-top: 1px dashed var(--border); padding-top: 8px; }
.sum-rows .detal-suma .sr .sr-note { color: var(--muted); white-space: normal; }
.detal-suma .sr > span:last-child { text-align: right; }

/* przełącznik „Ukryj / Pokaż ceny detaliczne” — preferencja osoby (klasa na <html>) */
.detal-przel { font-size: 12px; margin-top: 4px; text-align: right; }
.detal-przel .detal-pokaz { display: none; }
.bez-detalu .detal { display: none !important; }
.bez-detalu .detal-przel .detal-ukryj { display: none; }
.bez-detalu .detal-przel .detal-pokaz { display: inline; }

@media print { .detal-przel { display: none; } }