/* =====================================================================
   FORMULARZ KONTAKTOWY

   Znaczniki i mechanika pochodzą z motywu nadrzędnego - to ten sam
   formularz, który stoi w oknie zapytania, z jednym odbiorem zgłoszenia
   i jedną listą w kokpicie. Tutaj wyłącznie to, czego nie da się
   załatwić podmianą tokenów.

   NIE POWIELAJ tu reguł pływającej etykiety ani stanu aktywnego. Są
   w arkuszu nadrzędnym, działają, a druga kopia rozjedzie się z nimi
   przy pierwszej poprawce.
   ===================================================================== */

.dm-kontakt__formularz .bp-modal__formularz {
	font-family: var(--dm-pismo);
}

/*
 * Zaokrąglenie pól zostaje przy 10 px, bo taki jest wspólny wzorzec
 * formularza - to jedyne miejsce na tej stronie, w którym promień nie
 * jest pastylką. Pole w kształcie pastylki gubi lewe wcięcie tekstu
 * i etykieta wjeżdżająca na kontur przestaje się na nim mieścić.
 */
.dm-kontakt__formularz .bp-pole input,
.dm-kontakt__formularz .bp-pole textarea {
	border-radius: 10px;
	background: var(--dm-tlo-jasne);
}

/*
 * Tło dostaje WYŁĄCZNIE etykieta wjeżdżająca w kontur pola.
 *
 * Ta etykieta przecina ramkę, więc musi mieć pod sobą kolor tła -
 * inaczej kreska ramki przechodzi przez litery. Selektor celuje
 * w etykietę stojącą PO polu, bo tylko taka się przesuwa.
 *
 * Sam `.bp-pole label` łapał też etykietę zgody, która owija
 * kwadracik razem z całym zdaniem - i to zdanie dostawało beżowy
 * prostokąt wyglądający na usterkę.
 */
.dm-kontakt__formularz .bp-pole > :is(input, textarea) + label {
	background: var(--dm-tlo-jasne);
}

/*
 * ZGODA: kwadracik w jednej linii z pierwszym wierszem tekstu.
 *
 * Domyślne wyrównanie stawia go na środku całego akapitu, więc przy
 * zgodzie łamiącej się na dwa wiersze wisiał między nimi. Wyrównanie
 * do góry plus drobne przesunięcie ustawia go w osi pierwszej linijki.
 */
.dm-kontakt__formularz .bp-pole--zgoda label {
	display: flex;
	align-items: flex-start;
	gap: .7rem; /* spec. 1, F12 */
	background: none;
}

.dm-kontakt__formularz .bp-pole--zgoda input[type="checkbox"] {
	flex: 0 0 auto;
	margin-top: .25em;
}

/*
 * Przycisk wysyłki na pełną szerokość formularza (31.08.2026).
 *
 * Wcześniej stała tu szerokość wynikająca z napisu. Przycisk kończył
 * się wtedy w połowie kolumny i nie domykał układu - pola nad nim
 * sięgają krawędzi, a ostatni element rzędu urywał się w środku.
 * Pełna szerokość to zresztą standard formularza Brand Perspective;
 * to odstępstwo było lokalne.
 */
.dm-kontakt__formularz .bp-modal__wyslij {
	width: 100%;
	font-family: var(--dm-pismo);
	font-size: var(--dm-btn-pismo);
	font-weight: var(--dm-btn-waga);
	letter-spacing: var(--dm-btn-odstep);
	text-transform: uppercase;
	border-radius: var(--dm-btn-promien);
	padding: 1.4rem 2.8rem;
}

/*
 * Nagłówek nad polami. Formularz stoi w karcie razem z innymi
 * elementami strony, więc bez tytułu nie wiadomo, gdzie zaczyna się
 * to, co trzeba wypełnić.
 */
.dm-kontakt__tytul-formularza {
	margin: 0 0 1.8rem;
	font-family: var(--dm-pismo-tyt);
	font-weight: 300;
	font-size: clamp(2.2rem, 2.2vw, 2.8rem);
	line-height: 1.2;
	color: var(--dm-tekst);
}

/* ---------------------------------------------------------------------
   ALTERNATYWA TELEFONICZNA

   Pod przyciskiem NIE stoi informacja o czasie odpowiedzi, tylko druga
   droga kontaktu. Kto nie chce wypełniać formularza, ma mieć numer
   dokładnie tam, gdzie podjął tę decyzję.
   --------------------------------------------------------------------- */

.dm-alternatywa {
	margin-top: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	font-size: var(--dm-txt-akapit);
	color: var(--dm-tekst-2);
	line-height: 1.5;
}

.dm-alternatywa svg {
	flex: 0 0 auto;
}

/*
 * PUŁAPKA: w atrybucie `href` numer musi być bez spacji. Spacje
 * przeglądarka koduje na `%20` i wyzwalacze pomiarowe przestają
 * rozpoznawać kliknięcie. Spacje mogą być tylko w widocznym napisie -
 * dlatego numer nie łamie się na dwa wiersze.
 */
.dm-alternatywa a {
	font-weight: 500;
	color: var(--dm-tekst);
	white-space: nowrap;
}

.dm-alternatywa a:hover {
	color: var(--dm-tekst);
	border-bottom: 1px solid var(--dm-ramka-pole);
}

/*
 * ODSTĘP POD PARĄ PÓL (e-mail i telefon) - od 16.09.2026.
 *
 * Wspólny arkusz formularza zeruje margines pól wewnątrz pary, a odstęp
 * między parą a następnym polem dokłada tylko w oknie zapytania
 * (`.bp-modal ...`). Formularz osadzony na stronie kontaktu nie siedzi
 * w oknie, więc para przyklejała się do pola wiadomości.
 */
.dm-kontakt__formularz .bp-pole-para {
	margin-bottom: 1.8rem;
}


/* Przycisk wysylki formularza zostaje w wygladzie zaakceptowanym przez
   klienta (sprzed motywu nadrzednego 1.24.2): wyzszy, pismo 1.7rem.
   Waga podniesiona przez `body`, zeby nie zalezec od kolejnosci arkuszy. */
body .bp-formularz input[type="submit"],
body .bp-pole input[type="submit"] {
	padding: 1.7rem 3.2rem;
	border: 0;
	line-height: 2.4rem;
	font-size: var(--bp-btn-rozmiar, 1.7rem);
}

@media (min-width: 60em) {
	body .bp-formularz input[type="submit"],
	body .bp-pole input[type="submit"] { font-size: var(--bp-btn-rozmiar, 1.7rem); }
}