/* =========================================================================
   Zwarte podsumowanie zgłoszenia — 2026-11-04
   Zasięg: formularze z ekranem podsumowania
     #us-cf7-usluga       — „Zgłoszenie naprawy", krok 3 (dl.us-rf-summary)
     #us-cf7-czyszczenie  — „Czyszczenie ekspresu", krok 3 (dl.us-cl-summary)
   Poza zasięgiem: /kontakt/ i /reklamacje/ — te formularze nie mają kroku
   podsumowania (brak cf7mls), więc nie mają czego zwężać.

   Zasada: żadnych zmian w typografii wartości (16/300) ani w kolorach —
   cała oszczędność wysokości bierze się ze struktury (chowanie pustych
   wierszy, objawy w jednej linii, brak duplikatu objawów w opisie).
   Reguły działają dopiero razem z us-summary-compact.js, który nadaje
   wierszom data-empty i data-field.
   ========================================================================= */

/* ---------- 1. Panel: siatka 2 × 1fr, gęstszy rytm ---------- */

html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 20px;
    margin: 0 0 24px;
    padding: 24px;
    border-radius: 20px;
    background: #F7F7FA;
}

/* Panel bez ani jednego wiersza (skrajny przypadek) znika w całości. */
html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary)[data-empty="true"] {
    display: none;
}

/* ---------- 2. Wiersz = para dt/dd ---------- */

html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) > div {
    min-width: 0;
}

/* Puste pole znika razem z etykietą — bez „—", bez „Nie podano". */
html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) > div[data-empty="true"] {
    display: none !important;
}

html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) dt {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #59616B;
}

html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) dd {
    margin: 0;
    min-width: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #222;
    overflow-wrap: anywhere;
    hyphens: auto;
}

/* ---------- 3. Objawy: jedna linia (separator „ · "), maks. dwie ---------- */

/* Wartość przepisana przez JS (objawy w jednej linii, opis bez prefiksu):
   pokazujemy nasz <div class="us-sum__val">, oryginalne <output> zostają
   w DOM nietknięte — formularz wysyła dalej to samo. */
html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) dd[data-joined="1"] > :not(.us-sum__val) {
    display: none;
}

/* Div, nie span: motyw ma `.us-supported-form span{font-size:14px!important}`,
   a wartość musi zostać 16/300 jak pozostałe. */
html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) dd .us-sum__val {
    display: block;
    font: inherit;
    color: inherit;
    white-space: normal;
}

html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) > div[data-field="symptoms"] dd[data-joined="1"] .us-sum__val {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* ---------- 4. 390 px i wąskie okna: jedna kolumna ---------- */

@media (max-width: 899px) {
    html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 16px;
        padding: 20px;
    }
}

/* C-08: pokazujemy tylko oczyszczoną wartość (bez domyślnych „—" i flagi) —
   reguła wyżej przegrywała ze stylami odbić CF7. */
html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) dd[data-joined="1"] > :not(.us-sum__val) {
    display: none !important;
}
html body :is(#us-cf7-usluga, #us-cf7-czyszczenie) :is(.us-rf-summary, .us-cl-summary) dd .us-sum__val {
    display: block;
}