.elementor-25 .elementor-element.elementor-element-bf11afa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-25 .elementor-element.elementor-element-bf11afa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-25 .elementor-element.elementor-element-94afb00{--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:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-94afb00:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-94afb00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-286a362 );background-image:url("https://totalnamatura.pl/wp-content/uploads/2025/09/nowy-pattern-2.png");background-repeat:no-repeat;background-size:cover;}.elementor-25 .elementor-element.elementor-element-9e7f302{--display:flex;--min-height:100%;--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;--justify-content:center;--border-radius:16px 16px 16px 16px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25 .elementor-element.elementor-element-4f295ac.elementor-element{--align-self:center;}.elementor-25 .elementor-element.elementor-element-4f295ac{border-radius:16px 16px 16px 16px;}.elementor-25 .elementor-element.elementor-element-4f295ac img{height:900px;object-fit:cover;object-position:bottom center;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-25 .elementor-element.elementor-element-bcb1aec{--display:flex;--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;}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-4f295ac img{height:1200px;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-94afb00{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-25 .elementor-element.elementor-element-9e7f302.e-con{--order:-99999 /* order start hack */;}.elementor-25 .elementor-element.elementor-element-4f295ac img{height:300px;object-position:center center;}}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-9e7f302{--width:50%;}.elementor-25 .elementor-element.elementor-element-bcb1aec{--width:50%;}}/* Start custom CSS for dz-testimonial-slider-1, class: .elementor-element-5876b22 */.testimonial-1 {
    background-color: #FFF;
}

@media screen and (min-width: 1280px) {
    .swiper-container {
    padding-left: 0;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f295ac */.elementor-element-4688e22 {
    min-height: calc(100% + 64px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e7f302 */.elementor-element-4f295ac {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2f186c7 *//* === Layout ogólny (max 2 kolumny) === */
form {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  color: #e9ecef;                 /* jasny tekst etykiet na ciemnym tle */
}
form > fieldset { display: none; } /* ukryte techniczne pola */
form > h3 {
  width: 100%;
  color: #ffffff;                 /* nagłówek mocno jasny */
  margin: 0;
}

/* kafelki pól */
form > label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #e9ecef;                 /* etykiety jasne na #1A1668 */
}

/* 2 kolumny od 640px (wyjątki niżej) */
@media (min-width: 640px) {
  form > label { flex: 1 1 calc(50% - 12px); max-width: calc(50% - 12px); }
  /* pełny wiersz: Telefon, Preferowane dni, Wiadomość */
  form > label:nth-of-type(3),
  form > label:nth-of-type(6),
  form > label:nth-of-type(7) { flex-basis: 100%; max-width: 100%; }
}

/* === Pola wspólne === */
form input,
form select,
form textarea {
  width: 100%;
  padding: 16px 24px;
  border: 1px solid #e9ecef;      /* delikatna obwódka na białym polu */
  border-radius: 14px;
  background: #ffffff;            /* białe pola = świetny kontrast na #1A1668 */
  color: #212529;                 /* tekst w polu ciemny */
  outline: none;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
  box-shadow: 0 1px 0 rgba(0,0,0,.02), 0 1px 8px rgba(0,0,0,.02);
}
form input::placeholder,
form textarea::placeholder { color: #6c757d; opacity: .85; } /* czytelny placeholder */
form input:hover,
form select:hover,
form textarea:hover { border-color: #dee2e6; }
form input:focus,
form select:focus,
form textarea:focus {
  border-color: #00aeff;          /* wyraźny focus na ciemnym tle */
  box-shadow: 0 0 0 3px rgba(0,174,255,.25);
}
form textarea { min-height: 132px; resize: vertical; }

/* === Linki (np. w zgodzie) na ciemnym tle === */
form a { color: #00aeff; text-decoration: underline; }
form a:hover { color: #00c3ff; }

/* === SELECTY — identyczny wygląd (poziom i dni[multiple]) === */
form select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  padding: 16px 44px 16px 24px;   /* miejsce na strzałkę */
  min-height: 60px;
  background-image:
    linear-gradient(45deg, transparent 50%, #212529 50%),
    linear-gradient(135deg, #212529 50%, transparent 50%);
  background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
form select::-ms-expand { display: none; }

/* Multiple: ten sam kapsułkowy wygląd, przewijanie w środku */
form select[multiple] {
  height: 60px;                   /* utrzymujemy 1-wierszową kapsułkę */
  overflow-y: auto;
}
form select option { padding: 8px 10px; }
form select[multiple] option:checked {
  background-color: rgba(234,164,81,.15) !important; /* akcent #EAA451 */
  color: #212529; font-weight: 600;
}

/* === Radio („Forma zajęć”) jako pigułki === */
[data-name="radio-150"] { display: flex; flex-wrap: wrap; gap: 8px; }
input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
input[type="radio"] + span {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  border: 1px solid #e9ecef;
  border-radius: 999px;
  background: #ffffff;            /* białe pigułki dobrze kontrastują na #1A1668 */
  font-weight: 600; color: #212529;
  cursor: pointer; transition: all .18s ease;
}
input[type="radio"]:checked + span {
  border-color: #eaa451; background: #fff7ec;
  box-shadow: inset 0 0 0 2px rgba(234,164,81,.16);
}

/* === Zgoda RODO — pełna szerokość, jasny tekst === */
form > [data-name*="accept"] { width: 100%; }
form > [data-name*="accept"] label {
  display: grid; grid-template-columns: 18px 1fr; align-items: start; gap: 10px;
  padding: 0; border: 0; background: transparent; border-radius: 0;
  color: #e9ecef;                   /* jaśniejszy opis na ciemnym tle */
}
form > [data-name*="accept"] input[type="checkbox"] { width: 18px; height: 18px; margin-top: 3px; }
form > [data-name*="accept"] input[type="checkbox"] + span {
  padding: 0; border: 0; background: transparent; border-radius: 0; box-shadow: none;
}

/* === Przyciski / spinner / komunikaty === */
form > input[type="submit"] {
  align-self: flex-start;
  padding: 12px 18px;
  border-radius: 10px;
  border: 1px solid rgba(234,164,81,.18);
  background: #eaa451;             /* złoty akcent świetnie gra z #1A1668 */
  color: #ffffff;
  font-weight: 700; letter-spacing: .2px;
  cursor: pointer;
  transition: transform .06s, box-shadow .2s, filter .2s;
}
form > input[type="submit"]:hover {
  filter: brightness(1.03);
  box-shadow: 0 10px 18px -12px rgba(234,164,81,.55);
}
form > input[type="submit"]:active { transform: translateY(1px); }
form .wpcf7-spinner {
  margin-left: 10px;
  border-color: rgba(234,164,81,.40);  /* trochę wyraźniejszy na ciemnym tle */
  border-top-color: #eaa451;
}
form > .wpcf7-response-output {
  width: 100%;
  border: 1px solid #dee2e6;
  background: #ffffff;             /* jasny komunikat czytelny na #1A1668 */
  color: #212529;
  padding: 10px 12px;
  border-radius: 10px;
}

/* === Walidacja CF7 === */
.wpcf7-not-valid { border-color: #ff1e6f !important; }
.wpcf7-not-valid-tip {
  margin-top: 6px; font-size: .85rem; color: #ff1e6f;
  background: transparent;
}

/* === TABLET: 768–1024 px — 1 kolumna jak na mobile === */
@media (min-width: 768px) and (max-width: 1024px) {
  form > label {
    flex: 1 0 100%;
    max-width: 100%;
  }
  form > input[type="submit"],
  form > .wpcf7-response-output,
  form > [data-name*="accept"] { width: 100%; }
}

.first {
    margin-left: 0;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-response-output {
    margin: 0;
    padding:16px 24px;
}/* End custom CSS */