/* ══════════════════════════════════════════════════════════════════════
   kfg/kroki/k5.css — KROK 5 (Kolor), 17.10.2026.
   Próbki, pole RAL/NCS, okleina i blok „dwa kolory" mają style w kfg/shell.css (1:1 z zewnętrznych).
   Tu tylko to, czego zewnętrzne nie mają. Prefiks klas: k5-.
   ══════════════════════════════════════════════════════════════════════ */

/* Wykończenie i malowanie: ten sam rytm odstępów co sekcja okleiny w zewnętrznych */
.k5-wykonczenie, .k5-dwukolor { margin-bottom: 18px; }
.k5-wykonczenie[hidden] { display: none; }
.k5-nota { margin: 8px 2px 0; font-size: .8125rem; color: #6b5e55; line-height: 1.45; }
.k5-nota[hidden] { display: none; }
.k5-wykonczenie .cfg-okleina-info { margin-top: 2px; }

/* Blok „dwa kolory" bez miniatury drzwi: cała szerokość na dwa wiersze wyboru */
#cfg-kb .cfg-kb-prawa { width: 100%; }

/* Telefon: cele dotykowe ≥ 44 px (łącznie z chipami wykończenia i malowania) */
@media (max-width: 700px) {
    .k5-wykonczenie .cfg-fchip, .k5-dwukolor .cfg-fchip { min-height: 44px; }
    #cfg-kb .cfg-kb-opcja { min-height: 56px; }
    .cfg-swatch { min-height: 44px; }
}

/* W zewnętrznych między sekcją okleiny a „Kolor drewnopodobny" stoi blok podglądu próbki (.cfg-okl-zoom),
   więc reguła `.cfg-okleina-sekcja + .cfg-sub-oddziel` (40/22 px) tam nie działa i odstęp jest bazowy (28/16 px).
   Tu nie ma bloku pośredniego, więc przywracamy bazowy odstęp 1:1. */
#cfg-okleina-sekcja + .cfg-sub-oddziel { margin-top: 28px; padding-top: 16px; }

/* Własny kod NCS (np. 4010-G50Y) nie mieścił się w polu 110 px na telefonie (Kamil 17.10, zrzut): pole rośnie do wolnego miejsca */
.cfg-krw-field { flex: 1 1 180px; min-width: 0; }
.cfg-krw-field input { flex: 1 1 auto; width: 100%; min-width: 0; letter-spacing: .03em; }
#cfg-krw-ncs-field { flex-basis: 210px; }
/* Prefiks „NCS S" zawijał się do dwóch linii na wąskim telefonie */
.cfg-krw-prefix { white-space: nowrap; flex: 0 0 auto; }

.k5-dwukolor .kpw-opcje > .cfg-fchip, .k5-wykonczenie .kpw-opcje > .cfg-fchip { align-self: stretch; }