.elementor-29591 .elementor-element.elementor-element-288ebaca{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-29591 .elementor-element.elementor-element-535b0e9a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:70px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}.elementor-29591 .elementor-element.elementor-element-29f941ea{width:var( --container-widget-width, 750px );max-width:750px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:750px;--container-widget-flex-grow:0;text-align:center;}.elementor-29591 .elementor-element.elementor-element-45dc6c40{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;}.elementor-29591 .elementor-element.elementor-element-67200625{width:var( --container-widget-width, 60% );max-width:60%;background-color:#FFFFFF;padding:32px 32px 32px 32px;--container-widget-width:60%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;box-shadow:0px 24px 60px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.08);--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-29591 .elementor-element.elementor-element-67200625 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-29591 .elementor-element.elementor-element-67200625 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-29591 .elementor-element.elementor-element-67200625 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-type-html{padding-bottom:0px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group .elementor-field{color:#020101;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group .elementor-field, .elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-subgroup label{font-size:16px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#00000047;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#00000047;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-field-group .elementor-select-wrapper::before{color:#00000047;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-button{border-style:none;padding:15px 15px 15px 15px;}.elementor-29591 .elementor-element.elementor-element-67200625 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-29591 .elementor-element.elementor-element-67200625 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-29591 .elementor-element.elementor-element-1efcc1d{--display:flex;}.elementor-29591 .elementor-element.elementor-element-4774ddb{text-align:center;color:#C7C7C7;}@media(max-width:1024px){.elementor-29591 .elementor-element.elementor-element-535b0e9a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-29591 .elementor-element.elementor-element-29f941ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;}.elementor-29591 .elementor-element.elementor-element-45dc6c40{--container-widget-width:650px;--container-widget-flex-grow:0;width:var( --container-widget-width, 650px );max-width:650px;}.elementor-29591 .elementor-element.elementor-element-67200625{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:769px){.elementor-29591 .elementor-element.elementor-element-535b0e9a{--width:100%;}}@media(max-width:768px){.elementor-29591 .elementor-element.elementor-element-535b0e9a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:65px;--padding-left:20px;--padding-right:20px;}.elementor-29591 .elementor-element.elementor-element-29f941ea{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-29591 .elementor-element.elementor-element-45dc6c40{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-29591 .elementor-element.elementor-element-67200625{width:100%;max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:22px 22px 22px 22px;}}/* Start custom CSS for form, class: .elementor-element-67200625 *//* ===== Formularz z ikonami wewnątrz pól ===== */

/* Formularz z klasą form-icons */
.form-icons .elementor-field-group {
  position: relative;
}

/* Wszystkie inputy / select / textarea: robimy miejsce na ikonę z lewej */
.form-icons .elementor-field-group .elementor-field-textual {
  padding-left: 56px; /* większy odstęp od lewej */
}

/* Bazowy styl ikon (outline) */
.form-icons .elementor-field-group::before {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 400;           /* regular - obrys */
  font-size: 16px;
  color: #9CA3AF;             /* jasny szary jak placeholder */
  pointer-events: none;
  transition: color 0.2s ease;
}

/* 1. IMIĘ I NAZWISKO – ikonka użytkownika (po ID: name) */
.form-icons .elementor-field-group-name::before {
  content: "\f007"; /* user */
}

/* 2. ADRES E-MAIL – ikonka koperty (po ID: email) */
.form-icons .elementor-field-group-email::before {
  content: "\f0e0"; /* envelope */
}

/* 3. NUMER TELEFONU – ikonka telefonu (solid, dlatego 900) */
.form-icons .elementor-field-group-phone::before {
  content: "\f879"; /* phone-alt */
  font-weight: 900;
}

/* 4. NUMER ZAMÓWIENIA – ikonka # (ID: order_id) */
.form-icons .elementor-field-group-order-id::before,
.form-icons .elementor-field-group-order_id::before,
.form-icons .elementor-field-group-orderid::before {
  content: "\f292"; /* hashtag */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


/* Jeśli nie masz ikonki receipt w Twoim pakiecie FA, użyj tej wersji zamiast powyższej:
.form-icons .elementor-field-group-order::before {
  content: "\f02b"; 
  font-weight: 900;
}
*/

/* 5. WIADOMOŚĆ / PYTANIE – ikonka pisania (po ID: message) */
.form-icons .elementor-field-group-message::before {
  content: "\f27a"; /* pencil-alt */
  top: 8px;         /* textarea - lekko wyżej */
  transform: translateY(0);
}

/* 6. ZGODA – checkbox / acceptance, BEZ ikony */
.form-icons .elementor-field-group-zgoda::before,
.form-icons .elementor-field-group.elementor-field-type-acceptance::before,
.form-icons .elementor-field-group.elementor-field-type-checkbox::before {
  content: none;
}

/* Kolor focusa */
:root {
  --form-focus-green: #22C55E;
}

/* Domyślne obramowanie pól */
.form-icons .elementor-field-group .elementor-field-textual {
  border: 1px solid #E5E7EB;
  transition: border-color 0.18s ease,
              box-shadow 0.18s ease,
              background-color 0.18s ease,
              color 0.18s ease;
  border-radius: 12px;
  background-color: #F9FAFB;
}

/* Hover na polu */
.form-icons .elementor-field-textual:hover {
  border-color: #CBD5F5;
  background-color: #FFFFFF;
}

/* Focus */
.form-icons .elementor-field-group .elementor-field-textual:focus,
.form-icons .elementor-field-group .elementor-field-textual:focus-visible {
  border-color: var(--form-focus-green);
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.4);
  background-color: #F0FFF7;
  outline: none;
}

/* Ikona w polu – zmiana koloru na zielony gdy pole ma focus */
.form-icons .elementor-field-group:focus-within::before {
  color: var(--form-focus-green);
}

/* Etykiety pól */
.form-icons .elementor-field-label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #4B5563;
  margin-bottom: 4px;
}

/* Odstęp między polami (zostawiam większy przez błędy pod spodem) */
.form-icons .elementor-field-group {
  margin-bottom: 28px;
}

/* Placeholder */
.form-icons .elementor-field-textual::placeholder {
  color: #9CA3AF;
  opacity: 1;
}

/* Błąd pola */
.form-icons .elementor-field-group .elementor-field-textual.elementor-field-error {
  border-color: #DC2626;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25);
  background-color: #FEF2F2;
}

/* Komunikat błędu pod konkretnym polem */
.form-icons .elementor-field-group .elementor-message {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 4px;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.4;
  padding: 4px 10px;
  border-radius: 8px;
  background-color: #FEF2F2;
  border: 1px solid #FCA5A5;
  color: #991B1B;
  box-shadow: none;
}

/* Ikona przy polu z błędem też na czerwono (nowoczesne przeglądarki) */
.form-icons .elementor-field-group:has(.elementor-field-textual.elementor-field-error)::before {
  color: #DC2626;
}

/* Sukces */
.form-icons .elementor-message.elementor-message-success {
  border-radius: 12px;
  background-color: #ECFDF3;
  color: #166534;
  border: 1px solid #BBF7D0;
  padding: 12px 16px;
  font-size: 0.9rem;
}

/* Błąd ogólny */
.form-icons .elementor-message.elementor-message-danger {
  border-radius: 12px;
  background-color: #FEF2F2;
  color: #991B1B;
  border: 1px solid #FCA5A5;
  padding: 12px 16px;
  font-size: 0.9rem;
}

/* ===== PRZYCISK WYŚLIJ: bez poświaty/cienia na hover i active ===== */
.form-icons button[type="submit"] {
  transition: transform 0.1s ease, background-color 0.18s ease;
  box-shadow: none !important;
}

.form-icons button[type="submit"]:hover {
  box-shadow: none !important;
  transform: none !important;
}

.form-icons button[type="submit"]:active {
  box-shadow: none !important;
  transform: translateY(1px);
}/* End custom CSS */