.elementor-3283 .elementor-element.elementor-element-7dadf91{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__label{text-align:center;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__desc{text-align:left;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder input{color-scheme:normal;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__heading{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__action-button{transition:all 0.3s;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages{border-style:none;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item{color:#D42C2C;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__separator{background-color:#D42C2C;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle{border-style:solid;border-color:#D42C2C;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages__item--wrapper:not(.passed-page):not(.active-page) .jet-form-builder-progress-pages__item{font-family:"Plus Jakarta Sans", Sans-serif;color:#FFFFFF;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item{color:#2D4B87;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle{border-style:solid;border-color:#2D4B87;}.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-message--success{text-align:center;}#jet-popup-3283 .jet-popup__container{width:900px;}#jet-popup-3283 .jet-popup__inner{justify-content:center;align-items:center;}#jet-popup-3283 .jet-popup__container-inner{justify-content:center;background-color:#131218;padding:35px 35px 35px 35px;border-radius:16px 16px 16px 16px;box-shadow:0px 0px 33px 11px rgba(0,0,0,0.5);}#jet-popup-3283 .jet-popup__container-overlay{border-radius:16px 16px 16px 16px;}/* Start custom CSS for jet-form-builder-form, class: .elementor-element-5ba2082 *//* =====================================================
   V16 - BOX METHOD (FINAL - CLEANED)
   - Field-słupek na środku (max-width 480)
   - Label do lewej krawędzi pola
   - Errors: .error-message (i fallback)
   - Wszystkie text-fieldy (w tym password) stylowane
   - File upload: bez systemówki, działa
   - USUNIĘTO: Globalne style dla checkboxów (konflikt)
   ===================================================== */

/* 1. FUNDAMENTY */
.elementor-3283 .elementor-element.elementor-element-5ba2082, .elementor-3283 .elementor-element.elementor-element-5ba2082 *{
  font-family: "Plus Jakarta Sans", sans-serif !important;
  box-sizing: border-box !important;
}

/* 2. NAGŁÓWEK */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__heading,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__heading .jet-form-builder__label-text,
.elementor-3283 .elementor-element.elementor-element-5ba2082 h1, .elementor-3283 .elementor-element.elementor-element-5ba2082 h2{
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 0 26px !important;
  display: block !important;
  width: 100% !important;
}

/* =====================================================
   KLUCZ: JEDEN SŁUPEK (480px) dla label/field/error
   ===================================================== */

/* LABEL */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__label{
  display: block !important;
  width: 100% !important;
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  text-align: left !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  margin-bottom: 8px !important;
}

/* FIELD containers (różne warianty JFB) */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-wrap,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field{
  width: 100% !important;
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* odstęp po polu */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-wrap{
  margin-bottom: 20px !important;
}

/* ERRORS (Twoje: .error-message) + fallback */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .error-message,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-error,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__error{
  width: 100% !important;
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  text-align: left !important;
  color: #ff4d4d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 6px !important;
}

/* =====================================================
   INPUTY – obejmujemy wszystko, w tym password
   + dodatkowo łapiemy text-field wrapper JetForm
   ===================================================== */

.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="text"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="email"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="tel"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="url"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="search"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="password"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="number"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="date"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 textarea,
.elementor-3283 .elementor-element.elementor-element-5ba2082 select{
  background: #151518 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  color: #ffffff !important;
  font-size: 15px !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;

  transition: 0.25s !important;
}

/* JetForm czasem buduje “text-field” – dociskamy żeby zawsze było tak samo */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field.text-field input,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field.text-field textarea,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field.text-field select{
  background: #151518 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  width: 100% !important;
  min-height: 50px !important;
}

.elementor-3283 .elementor-element.elementor-element-5ba2082 textarea{
  min-height: 130px !important;
  resize: vertical !important;
}

/* focus */
.elementor-3283 .elementor-element.elementor-element-5ba2082 input:focus,
.elementor-3283 .elementor-element.elementor-element-5ba2082 textarea:focus,
.elementor-3283 .elementor-element.elementor-element-5ba2082 select:focus{
  border-color: #E8262C !important;
  background: #1A1A1E !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(232,38,44,0.14) !important;
}

/* placeholder */
.elementor-3283 .elementor-element.elementor-element-5ba2082 input::placeholder,
.elementor-3283 .elementor-element.elementor-element-5ba2082 textarea::placeholder{
  color: rgba(255,255,255,0.45) !important;
}

/* =====================================================
   FILE UPLOAD – zostawiamy działającą stylizację
   ===================================================== */

.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="file"]{
  color: rgba(255,255,255,0.6) !important;
  width: 100% !important;
  padding: 6px 0 !important;
  height: auto !important;
}

/* button */
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="file"]::file-.elementor-3283 .elementor-element.elementor-element-5ba2082-button{
  background-color: #252529 !important;
  border: 1px solid #E8262C !important;
  color: #E8262C !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  margin-right: 15px !important;
  cursor: pointer !important;
}

.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="file"]::-webkit-file-upload-button{
  background-color: #252529 !important;
  border: 1px solid #E8262C !important;
  color: #E8262C !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  margin-right: 15px !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
}

/* jeśli chcesz ukryć “dziurę” pod uploadem */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-file-upload__content{
  display: none !important;
}

/* =====================================================
   CTA (DALEJ)
   ===================================================== */

.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__next-page,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__action-button,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__submit,
.elementor-3283 .elementor-element.elementor-element-5ba2082 button[type="submit"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="submit"]{
  background: #E8262C !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-radius: 10px !important;
  padding: 18px !important;
  border: none !important;

  width: 100% !important;
  max-width: 480px !important;
  display: block !important;
  margin: 30px auto 0 auto !important;

  cursor: pointer !important;
  box-shadow: 0 18px 42px rgba(232,38,44,0.22) !important;
}
/* =====================================================
   JETFORM SWITCH (ONLY SWITCHES)
   DOM:
   - input[type="checkbox"][role="switch"].jet-form-builder__field
   - label jako osobny div (.jet-form-builder__label)
   ===================================================== */

/* RZĄD SWITCHA – ten sam słupek co pola */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .wp-block-jet-forms-switcher{
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* LABEL (tekst nad switchem) */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher .jet-form-builder__label{
  width: 100% !important;
  margin: 0 auto 10px !important;
}

.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher .jet-form-builder__label-text{
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* INPUT JAKO SWITCH – TRACK */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field{
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 56px !important;
  height: 30px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;

  display: inline-block !important;
  position: relative !important;
  cursor: pointer !important;

  transition: background .18s ease,
              border-color .18s ease,
              box-shadow .18s ease !important;
}

/* THUMB */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field::before{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 5px !important;
  transform: translateY(-50%) !important;

  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 8px 16px rgba(0,0,0,.35) !important;

  transition: left .18s ease, background .18s ease !important;
}

/* ON */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field:checked{
  background: rgba(232,38,44,.95) !important;
  border-color: rgba(232,38,44,.75) !important;
  box-shadow: 0 0 0 4px rgba(232,38,44,.14) !important;
}

.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field:checked::before{
  left: 31px !important; /* 56 - 5 - 20 = 31 */
}

/* FOCUS (keyboard / accessibility) */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(232,38,44,.22) !important;
}

/* DISABLED */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field:disabled{
  opacity: .45 !important;
  cursor: not-allowed !important;
}
/* =====================================================
   FIX: Switch do lewej krawędzi (zamiast centrowania)
   ===================================================== */

/* wrapper rzędu – zostaje słupek 480px */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important; /* KLUCZ */
}

/* sam switch – zero auto-centrowania */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* =====================================================
   FILE UPLOAD – info / helper text
   .jet-form-builder-file-upload__message
   ===================================================== */

.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-file-upload__message{
  width: 100% !important;
  max-width: 480px !important;
  margin: 6px auto 0 !important;   /* lekko pod polem */

  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;

  color: rgba(255,255,255,0.55) !important; /* subtelny */
  text-align: left !important;
}

/* Jeżeli Jet doda stan error (czasem zmienia kolor inline) */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-file-upload__message.error,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-file-upload__message.is-error{
  color: #ff4d4d !important;
}

/* Jeżeli po wybraniu pliku zmienia się komunikat */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-file-upload.has-file
  .jet-form-builder-file-upload__message{
  color: rgba(255,255,255,0.75) !important;
}
/* =====================================================
   GLOBAL WIDTH OVERRIDE – 480px → 600px
   Doklej na sam KONIEC
   ===================================================== */

.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__label,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-wrap,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-error,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .error-message,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder-file-upload__message,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .wp-block-jet-forms-switcher{
  max-width: 600px !important;
}
/* =====================================================
   SWITCH – WERSJA "SETTINGS" (mniejsze, lżejsze)
   TYLKO dla powiadomień
   ===================================================== */

/* mniejszy tekst przy switchu */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher .jet-form-builder__label-text{
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  opacity: .9 !important;
}

/* mniejszy TRACK */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field{
  width: 46px !important;   /* było 56 */
  height: 24px !important;  /* było 30 */
}

/* mniejszy THUMB */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field::before{
  width: 16px !important;
  height: 16px !important;
  left: 4px !important;
}

/* ON – korekta pozycji thumb */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher
input[type="checkbox"][role="switch"].jet-form-builder__field:checked::before{
  left: 26px !important; /* 46 - 4 - 16 */
}

/* ciaśniej pionowo */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher{
  margin-bottom: 16px !important;
}
/* =====================================================
   CTA BUTTON – szerokość jak content (600px)
   Doklej na sam KONIEC CSS
   ===================================================== */

.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__next-page,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__action-button,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__submit,
.elementor-3283 .elementor-element.elementor-element-5ba2082 button[type="submit"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="submit"]{
  width: 100% !important;
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* opcjonalnie: trochę “settings-like” wysokość (zostaw jeśli chcesz) */
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__next-page,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__action-button,
.elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__submit,
.elementor-3283 .elementor-element.elementor-element-5ba2082 button[type="submit"],
.elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="submit"]{
  padding: 18px 20px !important; /* jak było OK – możesz usunąć */
  border-radius: 12px !important; /* delikatniej, “product” */
}
/* =====================================================
   LAPTOP FIX (ODCHUDZANIE PIONOWE) 💻
   Dla ekranów o małej wysokości (Laptopy 13"-15")
   Cel: Zmieścić formularz na jednym ekranie bez scrolla
   ===================================================== */

@media screen and (max-height: 950px) {

  /* 1. MNIEJSZE ODSTĘPY PIONOWE */
  /* Było 26px pod nagłówkiem i 20px pod polami - tniemy o połowę */
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__heading,
  .elementor-3283 .elementor-element.elementor-element-5ba2082 h1, .elementor-3283 .elementor-element.elementor-element-5ba2082 h2 {
    margin-bottom: 15px !important;
    font-size: 24px !important; /* Troszkę mniejszy tytuł */
  }

  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field-wrap {
    margin-bottom: 10px !important; /* Było 20px */
  }

  /* 2. ODCHUDZANIE PÓL (INPUTY) */
  /* Było 50px wysokości - zmniejszamy do ~40px */
  .elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="text"],
  .elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="email"],
  .elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="password"],
  .elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="number"],
  .elementor-3283 .elementor-element.elementor-element-5ba2082 input[type="date"],
  .elementor-3283 .elementor-element.elementor-element-5ba2082 select,
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__field.text-field input {
    min-height: 40px !important; 
    height: 40px !important;
    padding: 8px 12px !important; /* Mniej powietrza w środku */
    font-size: 14px !important;
  }

  /* 3. ODCHUDZANIE TEXTAREA (Duże pole tekstowe) */
  /* Było 130px - zmniejszamy do 80px (użytkownik sobie rozciągnie jak chce) */
  .elementor-3283 .elementor-element.elementor-element-5ba2082 textarea {
    min-height: 80px !important;
    padding: 10px 12px !important;
  }

  /* 4. PRZYCISK (DALEJ / WYŚLIJ) */
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__next-page,
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__action-button,
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__submit {
    padding: 12px !important; /* Było 18px */
    margin-top: 15px !important; /* Było 30px */
    border-radius: 8px !important;
  }

  /* 5. LABELE (Etykiety) */
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .jet-form-builder__label {
    margin-bottom: 4px !important; /* Przytulamy etykietę do pola */
    font-size: 13px !important;
  }
  
  /* 6. SWITCHER (Przełączniki) */
  .elementor-3283 .elementor-element.elementor-element-5ba2082 .field-type-switcher {
    margin-bottom: 10px !important;
  }
}/* End custom CSS */