/* =============================================================================
   KONTAKT (18.10.2026, src/strony/kontakt.tsx): tematy jednym przyciskiem, podpowiedź tematu i pole numeru zamówienia bez JS, karta piekarni.
   Bez JS i bez :has serwer oznacza podpowiedź i pole dla tematu z ostatniego wysłania (klasy --aktywna/--aktywne). Z :has decyduje zaznaczony
   przycisk, więc podpowiedź zmienia się od razu po kliknięciu tematu. Kolory tylko z tokenów; złoto nie jest tekstem na kremie.
   ============================================================================= */

/* Tematy: fieldset bez ramki; na telefonie 2 kolumny (11 tematów czytelnie, tekst się zawija), od 600 px chipy w wierszach */
.kform__tematy { min-width: 0; margin-inline: 0; padding: 0; border: 0; }
.kform__tematy legend { padding: 0; margin-bottom: 8px; }
.wybory--tematy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.wybory--tematy .wybor { display: flex; min-width: 0; }
.wybory--tematy .wybor span { width: 100%; min-height: 48px; padding: 8px 12px; font-size: var(--fs-15); line-height: 1.25; white-space: normal; overflow-wrap: anywhere; hyphens: manual; }
.wybory--tematy .wybor input:checked + span::before { margin-right: 8px; }
@media (min-width: 600px) {
  .wybory--tematy { display: flex; flex-wrap: wrap; }
  .wybory--tematy .wybor span { width: auto; padding: 8px 16px; }
}

/* Numer zamówienia: tylko przy temacie „Pytanie o złożone zamówienie” */
.kform__numer { display: none; }
.kform__numer--aktywne { display: block; }
.kform__numer-wejscie { max-width: 14em; }

/* Podpowiedź tematu pod polem wiadomości (jedna widoczna) */
.kform__podpowiedzi { flex: 1 1 auto; min-width: 0; }
.kform__podpowiedz { display: none; margin-top: 0; }
.kform__podpowiedz--aktywna { display: inline; }

@supports selector(:has(*)) {
  .kform__numer--aktywne { display: none; }
  #formularz:has(#temat-zamowienie:checked) .kform__numer { display: block; }
  .kform__podpowiedz--aktywna { display: none; }
  #formularz:not(:has(input[name="temat"]:checked)) [data-temat-pod=""],
  #formularz:has(#temat-zamowienie:checked) [data-temat-pod="zamowienie"],
  #formularz:has(#temat-tort-wesele:checked) [data-temat-pod="tort-wesele"],
  #formularz:has(#temat-monoporcje:checked) [data-temat-pod="monoporcje"],
  #formularz:has(#temat-pieczywo-firmy:checked) [data-temat-pod="pieczywo-firmy"],
  #formularz:has(#temat-odbior:checked) [data-temat-pod="odbior"],
  #formularz:has(#temat-faktura:checked) [data-temat-pod="faktura"],
  #formularz:has(#temat-sklad:checked) [data-temat-pod="sklad"],
  #formularz:has(#temat-wspolpraca:checked) [data-temat-pod="wspolpraca"],
  #formularz:has(#temat-praca:checked) [data-temat-pod="praca"],
  #formularz:has(#temat-opinia:checked) [data-temat-pod="opinia"],
  #formularz:has(#temat-inne:checked) [data-temat-pod="inne"] { display: inline; }
}

.kform__plik-stan { display: block; margin-top: 4px; font-weight: 600; color: var(--tekst-900); }
.kform__plik-stan:empty { display: none; }

/* Karta piekarni: nazwa krojem nagłówków (bez logo), najpierw zamówienie online, potem telefon */
.kontakt__marka-tekst { display: grid; gap: 8px; }
.kontakt__nazwa { font-family: var(--czcionka-naglowki); font-weight: 600; color: var(--sliwka-700); line-height: 1; }
.kontakt__nazwa-rodzaj { display: block; font-family: var(--czcionka-ui); font-size: var(--fs-14); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tekst-600); }
.kontakt__nazwa-wlasna { display: block; margin-top: 6px; font-size: var(--fs-48); line-height: 1; letter-spacing: 0.01em; }
.kontakt__adres { margin-top: 0; }
.kontakt__akcje { display: grid; gap: 10px; }
.kontakt__zacheta { font-size: var(--fs-15); line-height: 1.5; color: var(--tekst-600); }
.kontakt__zamow { min-height: 52px; }

/* Godziny na teraz (te same zdania co stopka) i urlop zamiast tabeli */
.kontakt__teraz-linia { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; margin-top: 6px; font-size: var(--fs-17); font-weight: 600; line-height: 1.45; color: var(--tekst-900); }
.kontakt__kropka { flex: none; align-self: center; width: 9px; height: 9px; border-radius: 50%; background: var(--tekst-600); }
.kontakt__teraz-linia--otwarte .kontakt__kropka { background: var(--ok-tekst); }
.kontakt__teraz-linia--otwarte [data-glowny] { color: var(--ok-tekst); }
.kontakt__teraz-dalej { font-weight: 500; color: var(--tekst-600); }
.kontakt__godziny .godziny-tabela { margin-top: 12px; }
.kontakt__urlop { display: flex; align-items: flex-start; gap: 10px; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--krem-200); border-radius: var(--promien); background: color-mix(in srgb, var(--sliwka-700) 6%, transparent); font-size: var(--fs-17); font-weight: 600; line-height: 1.45; color: var(--tekst-900); }
.kontakt__urlop .ikona { flex: none; margin-top: 3px; color: var(--sliwka-700); }