/* ============================================================
   WPForms ostylowany NASZYMI stylami (prototyp Landmark).
   Scope: .lm-form-area  (kontakt: .lm-form-kontakt | inwestycje: .lm-form-doradca).
   Etykiety NAD polami, underline inputy, 2-kol imie/telefon, brick CTA + strzalka.
   ============================================================ */

/* zmienne motywu WPForms -> brick + reset rozmiarow */
.lm-form-area .wpforms-container {
  --wpforms-button-background-color: #8B3A2A;
  --wpforms-button-background-color-alt: #6E2E22;
  --wpforms-button-text-color: #ffffff;
  --wpforms-field-border-color: rgba(0,0,0,0.18);
  --wpforms-field-text-color: #1c1a17;
  --wpforms-label-color: #5b554d;
  --wpforms-field-border-radius: 0;
  --wpforms-button-border-radius: 0;
  margin: 0;
}
.lm-form-area .wpforms-form { margin: 0; }
.lm-form-area .wpforms-field-container { display: block; }

/* ── ETYKIETY NAD POLAMI (uppercase, jak prototyp) ── */
.lm-form-area .wpforms-field .wpforms-field-label {
  font-family: var(--sans) !important;
  font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: 0.12em !important; text-transform: uppercase !important;
  color: var(--ink-600) !important;
  margin: 0 0 8px 0 !important; line-height: 1.3 !important; display: block !important;
}
.lm-form-area .wpforms-required-label { color: var(--brick-600) !important; }

/* ── INPUTY / SELECT / TEXTAREA — underline ── */
.lm-form-area .wpforms-field input[type="text"],
.lm-form-area .wpforms-field input[type="email"],
.lm-form-area .wpforms-field input[type="tel"],
.lm-form-area .wpforms-field input[type="number"],
.lm-form-area .wpforms-field select,
.lm-form-area .wpforms-field textarea {
  -webkit-appearance: none !important; appearance: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important; font-weight: 300 !important; line-height: 1.4 !important;
  color: var(--ink-900) !important;
  background: transparent !important;
  border: none !important; border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  height: 46px !important; min-height: 46px !important;
  padding: 8px 2px !important; width: 100% !important; box-shadow: none !important;
  transition: border-color 200ms var(--ease) !important;
}
.lm-form-area .wpforms-field textarea { height: auto !important; min-height: 104px !important; padding-top: 10px !important; resize: vertical !important; line-height: 1.6 !important; }
.lm-form-area .wpforms-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238B3A2A' fill='none' stroke-width='1.2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 2px center !important; padding-right: 22px !important;
}
.lm-form-area .wpforms-field input:focus,
.lm-form-area .wpforms-field select:focus,
.lm-form-area .wpforms-field textarea:focus { outline: none !important; border-bottom-color: var(--brick-600) !important; }
.lm-form-area .wpforms-field input::placeholder,
.lm-form-area .wpforms-field textarea::placeholder { color: var(--ink-400) !important; font-weight: 300 !important; }

/* ── ODSTEPY + layout: WPForms modern uzywa flexa, wiec sterujemy flexem (float ignorowany) ── */
.lm-form-area .wpforms-field-container { display: flex !important; flex-wrap: wrap !important; column-gap: 24px !important; }
.lm-form-area .wpforms-field { padding: 0 0 24px 0 !important; margin: 0 !important; width: 100% !important; }

/* ── 2 KOLUMNY: Imie (field_4) | Telefon (field_6) — te same ID we wszystkich formularzach ── */
@media (min-width: 700px) {
  .lm-form-area [id*="-field_4-container"],
  .lm-form-area [id*="-field_6-container"] { width: calc(50% - 12px) !important; }
}

/* ── RADIO (Forma finansowania) inline ── */
.lm-form-area .wpforms-field-radio ul,
.lm-form-area .wpforms-field-checkbox ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.lm-form-area .wpforms-field-radio ul { display: flex !important; gap: 30px !important; flex-wrap: wrap !important; }
.lm-form-area .wpforms-field-radio li,
.lm-form-area .wpforms-field-checkbox li { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 0 8px 0 !important; }
.lm-form-area .wpforms-field-radio input,
.lm-form-area .wpforms-field-checkbox input {
  width: 18px !important; height: 18px !important; min-height: 0 !important;
  margin: 2px 0 0 0 !important; accent-color: var(--brick-600) !important; flex: 0 0 18px !important;
}
.lm-form-area .wpforms-field-radio label { font-size: 15px !important; font-weight: 300 !important; color: var(--ink-900) !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.5 !important; }

/* ── ZGODY (przetwarzanie + newsletter) — maly tekst ── */
.lm-form-area .wpforms-field-checkbox label { font-size: 13px !important; font-weight: 300 !important; color: var(--ink-400) !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.6 !important; }
.lm-form-area .wpforms-field-checkbox a { color: var(--ink-600) !important; text-decoration: underline; text-underline-offset: 2px; }
.lm-form-area .wpforms-field-checkbox a:hover { color: var(--brick-600) !important; }

/* ── PRZYCISK — brick + strzalka (jak .btn prototypu) ── */
.lm-form-area .wpforms-submit-container { clear: both; padding-top: 8px; }
.lm-form-area button.wpforms-submit {
  font-family: var(--sans) !important;
  font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.06em !important;
  color: #fff !important; background: var(--brick-600) !important;
  border: 1px solid var(--brick-600) !important; border-radius: 0 !important;
  padding: 15px 32px !important; cursor: pointer !important;
  transition: background 200ms var(--ease) !important;
}
.lm-form-area button.wpforms-submit::after { content: " →"; }
.lm-form-area button.wpforms-submit:hover { background: var(--brick-700) !important; border-color: var(--brick-700) !important; }

/* ── KOMUNIKATY ── */
.lm-form-area .wpforms-confirmation-container-full { background: transparent !important; border: none !important; padding: 0 !important; font-size: 16px !important; font-weight: 300 !important; color: var(--ink-900) !important; }
.lm-form-area .wpforms-error { font-size: 12px !important; color: var(--brick-700) !important; }
.lm-form-area .wpforms-field input.wpforms-error,
.lm-form-area .wpforms-field textarea.wpforms-error,
.lm-form-area .wpforms-field select.wpforms-error { border-bottom-color: var(--brick-700) !important; }

@media (max-width: 700px) {
  .lm-form-area .wpforms-field-radio ul { flex-direction: column !important; gap: 12px !important; }
}