.elementor-kit-6{--e-global-color-primary:#12141A;--e-global-color-secondary:#5B5F6D;--e-global-color-text:#FFFFFF;--e-global-color-accent:#DD4242;--e-global-color-6be14b4:#12141A;--e-global-color-6231969:#1D1F24;--e-global-typography-primary-font-family:"Lexend";--e-global-typography-primary-font-size:1.1em;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Duotone headline */
.wl-duotone{
  color:#ffffff;            /* kolor bazy (biały) */
  font-weight:800;          /* waga bazy jak na screenie */
  line-height:1.1;
}
.wl-duotone .wl-accent{
  color:#d24a49;            /* czerwony akcent */
  font-weight:800;          /* jeśli chcesz, zmień na 700/900 */
}
/* opcjonalnie kontrola łamania – miękkie przerwy na mobile */
@media (max-width:768px){
  .wl-duotone{ word-break: normal; }
}

 .wl-accent {
     color:#dd4242;          
     /* czerwony akcent */

 }
 
 .wl-accent-white {
     color:#ffffff;          
     /* bialy akcent */
 }
 
 .wl-accent-bold {
 font-weight:600;          /* jeśli chcesz, zmień na 700/900 */
}
 
 /* Lined heading – wersja klasowa, wielokrotnego użytku */
.lined-heading .elementor-heading-title{
  position: relative;
  display: inline-block;
  padding-left: calc(var(--line, 90px) + var(--gap, 14px)); /* miejsce na kreskę */
  z-index: 1;
  overflow: visible;
}

/* sama kreska – kolor dziedziczy z tekstu (currentColor) */
.lined-heading .elementor-heading-title::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: var(--line, 90px);
  height: 2px;
  background: currentColor; /* nie zmienia koloru napisu */
  transform: translateY(-50%);
  pointer-events: none;
}

/* wagi dla 2 części (opcjonalnie, jeśli używasz <span>) */
.lined-heading .wl-strong{ font-weight: 800; }
.lined-heading .wl-regular{ font-weight: 400; }

/* Mobile domyślnie krótsza kreska/odstęp – możesz zmienić wartości */
@media (max-width: 767px){
  .lined-heading .elementor-heading-title{
    padding-left: calc(var(--line-m, 60px) + var(--gap-m, 10px));
  }
  .lined-heading .elementor-heading-title::before{
    width: var(--line-m, 60px);
  }
}


/* =======================
   WPForms – styl WebLand (makieta)
   Target: #wpforms-230
   ======================= */
:root{
  --wl-bg:       #12141a; /* tło sekcji, tylko referencyjnie */
  --wl-text:     #f2f2f2;
  --wl-muted:    #8b909b;
  --wl-line:     #5b5f66;
  --wl-line-2:   #6a6f78;  /* jaśniejsza linia (hover/focus) */
  --wl-accent:   #d24a49;  /* czerwony akcent / przycisk */
  --wl-accent-2: #b83e3d;  /* hover przycisku */
  --wl-radius:   999px;    /* "pill" */
}

/* kontener */
#wpforms-230.wpforms-container {
  color: var(--wl-text);
}

/* etykiety (h2 robisz w Elementorze – tu tylko labelki pól) */
#wpforms-230 .wpforms-field-label{
  color: var(--wl-text);
  font-weight: 800;
  font-size: clamp(18px, 1.2vw, 22px);
  margin-bottom: 10px;
}
#wpforms-230 .wpforms-required-label{
  color: var(--wl-accent);
  margin-left: 4px;
}

/* pola: zero ramek, tylko dolna linia */
#wpforms-230 input[type="text"],
#wpforms-230 input[type="email"],
#wpforms-230 input[type="tel"],
#wpforms-230 textarea{
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--wl-line);
  color: var(--wl-text);
  border-radius: 0;
  padding: 10px 0 12px;
  box-shadow: none;
  transition: border-color .2s ease, color .2s ease;
  outline: none;
}

/* placeholdery */
#wpforms-230 input::placeholder,
#wpforms-230 textarea::placeholder{
  color: var(--wl-muted);
  opacity: 1; /* FF */
}

/* focus/hover – subtelne rozjaśnienie linii */
#wpforms-230 input[type="text"]:hover,
#wpforms-230 input[type="email"]:hover,
#wpforms-230 input[type="tel"]:hover,
#wpforms-230 textarea:hover,
#wpforms-230 input[type="text"]:focus,
#wpforms-230 input[type="email"]:focus,
#wpforms-230 input[type="tel"]:focus,
#wpforms-230 textarea:focus{
  border-bottom-color: var(--wl-line-2);
}

/* textarea pełna szerokość, większa wysokość */
#wpforms-230 textarea{
  min-height: 160px;
  resize: vertical;
}

/* honey-pot ukryty (bez migotania) */
#wpforms-230 [data-field-id="6"],
#wpforms-230 #wpforms-230-field_6-container{
  position:absolute!important; left:-999em;
  width:1px;height:1px; overflow:hidden;
}

/* siatka 3 kolumn jak u Ciebie (WPForms dodaje wpforms-one-third) */
#wpforms-230 .wpforms-field.wpforms-one-third{
  width: 33.333%; float:left; padding-right: 24px;
}
#wpforms-230 .wpforms-field.wpforms-first{ clear: both; }
#wpforms-230 .wpforms-field-container:after{ content:""; display:block; clear:both; }

/* button – czerwony, „pill”, tekst uppercase (jak na makiecie) */
#wpforms-230 .wpforms-submit-container{
  margin-top: 24px;
  text-align: right; /* przycisk po prawej jak na zrzucie */
}
#wpforms-230 .wpforms-submit{
  background: var(--wl-accent);
  color:#fff;
  border:0;
  border-radius: var(--wl-radius);
  padding: 12px 28px;
  font-weight: 300;
  letter-spacing: .04em;
  box-shadow: none;
  transition: background .2s ease, transform .1s ease;
}
#wpforms-230 .wpforms-submit:hover{
  background: var(--wl-accent-2);
  transform: translateY(-1px);
}
#wpforms-230 .wpforms-submit:focus-visible{
  outline:2px solid var(--wl-accent-2);
  outline-offset: 2px;
}

/* błędy – cienka czerwona linia + opis */
#wpforms-230 .wpforms-error{
  border-bottom-color: var(--wl-accent) !important;
}
#wpforms-230 .wpforms-error, 
#wpforms-230 .wpforms-field.wpforms-has-error label.wpforms-field-label{
  color: var(--wl-accent);
}
#wpforms-230 .wpforms-field-description, 
#wpforms-230 .wpforms-field-sublabel{
  color: var(--wl-muted);
}

/* mobile – kolumny pod sobą */
@media (max-width: 1024px){
  #wpforms-230 .wpforms-field.wpforms-one-third{ width:50%; }
}
@media (max-width: 767px){
  #wpforms-230 .wpforms-field.wpforms-one-third{ width:100%; padding-right:0; }
  #wpforms-230 .wpforms-submit-container{ text-align:left; }
}

/* 1) Niech padding liczy się w szerokość kolumny */
#wpforms-230 .wpforms-field.wpforms-one-third{
  box-sizing: border-box;
}

/* 2) Ostatnia kolumna w rzędzie bez prawego paddingu (żeby równo dojechała) */
#wpforms-230 .wpforms-field.wpforms-one-third:nth-of-type(3n){
  padding-right: 0;
}
/* --- 3 kolumny w pierwszym rzędzie (Imię i nazwisko, E-mail, Telefon) --- */
#wpforms-230 .wpforms-field-container{
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;          /* odstęp poziomy między kolumnami */
  row-gap: 28px;
}

/* trzy „jednotrzecie” jako kolumny */
#wpforms-230 .wpforms-field.wpforms-one-third{
  flex: 1 1 calc((100% - 64px) / 3);  /* 3 kolumny + 2 odstępy (2*32px) */
  max-width: calc((100% - 64px) / 3);
  box-sizing: border-box;
  padding-right: 0;                    /* padding już niepotrzebny */
  float: none;                         /* wyłącz floaty WPForms */
  margin: 0;                           /* na wszelki wypadek */
}

/* pozostałe pola (np. textarea) na całą szerokość */
#wpforms-230 .wpforms-field:not(.wpforms-one-third){
  flex: 0 0 100%;
  max-width: 100%;
}

/* mobile – schodzą pod siebie */
@media (max-width: 1024px){
  #wpforms-230 .wpforms-field.wpforms-one-third{
    flex: 1 1 calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
  }
}
@media (max-width: 767px){
  #wpforms-230 .wpforms-field.wpforms-one-third{
    flex: 0 0 100%;
    max-width: 100%;
  }
}

a:hover {
   color: #dd4242 !important;
}/* End custom CSS */