/* Dodatkowe odstępy i kolor gwiazdek w formularzu kontaktowym */
.wpcf7 form p {
  margin-bottom: 20px; /* większy odstęp między kolejnymi polami */
}

.wpcf7 form p label {
  margin-bottom: 10px; /* większy odstęp między tekstem labela a polem */
}

/* Odstęp między tytułem pola a samym polem (wrap CF7) */
.wpcf7 form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 20px; /* jeszcze większy odstęp między nazwą pola a polem */
}

/* Gwiazdki przy polach wymaganych – użyj w CF7:
   Imię i nazwisko <span class="required-star">*</span> */
.wpcf7 form p label .required-star {
  color: #e94a87;      /* różowy jak przycisk */
  margin-left: 2px;
  font-weight: 700;
}


body{
    overflow-x: hidden;
}

.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
    padding: 0 10px;
    max-width: 730px;
    margin: 0 auto;
    font-family: 'Space Grotesk' !important;
}


.sp-testimonial-client-name{
    color: #FFB500 !important;
    font-family: 'Space Grotesk' !important;
}


.sp-testimonial-client-designation{
    font-family: 'Space Grotesk' !important;
}


.sp-testimonial-free-section .testimonial-pagination{
    margin-top: 40px !important;
}


.job-offers-list{
    display: grid;
    gap: 20px;
}

.job-offer-title{
    color: #202124;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 21px;
    font-weight: bold;
}

.job-offer-city{
    color: #202124;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 16px;
}

.job-offer-excerpt{
    margin: 20px 0px;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 15px;
}


.job-offer-buttons a{
    border-radius: 8px;
    border: 2px solid #FFD91E;
    padding: 10px 20px;
    font-family: "Space Grotesk", Sans-serif;
    display: inline-block;
    color: #FFD91E;
    font-weight: bold;
    transition: 0.3s all;
}


.job-offer-buttons a:hover{
    background: #FFD91E;
    color: #202124;
}


.job-offer-buttons{
    display: flex;
    justify-content: center;
}


@media only screen and (min-width: 768px) {
    .job-offers-list{
        gap: 40px;
    }

    .job-offer{
        display: grid;
        grid-template-columns: 1fr 154px;
        align-items: flex-start;
        gap: 20px;
    }



    .job-offer-buttons{

        justify-content: flex-end;
    }
}


.single-oferty_pracy .page-header{
    margin: 50px 0px;
}

.single-oferty_pracy .entry-title{
    text-align: center;
    font-family: "Space Grotesk", Sans-serif;
}

.single-oferty_pracy .page-content{
    margin: 50px 0px;
}



.site-footer{
    display: none !important;
}

/* Formularz kontaktowy – box ładny, 500px, wycentrowany */
.wpcf7 form {
    max-width: 500px;
    margin: 30px auto;              /* na środek */
    padding: 24px 28px;             /* padding wewnątrz boxa */
    background: #ffffff;
    border-radius: 12px;            /* zaokrąglenie boxa */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid #f1f1f1;
  }
  
  /* Etykiety nad polami */
  .wpcf7 form p {
    margin-bottom: 16px;
  }

  .navigo-select{
    margin-top: -30px;
    margin-bottom: -10px;
  }

  .wpcf7 form p label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 6px;
  }
  
  /* Pola tekstowe, e‑mail, telefon, textarea, select */
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="tel"],
  .wpcf7 textarea,
  .wpcf7 select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;                  /* lekkie zaokrąglenie pól */
    background-color: #ffffff;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  }
  
  /* Placeholdery */
  .wpcf7 input::placeholder,
  .wpcf7 textarea::placeholder {
    color: #999999;
    opacity: 1;
  }
  
  /* Focus – podświetlenie na różowo */
  .wpcf7 input[type="text"]:focus,
  .wpcf7 input[type="email"]:focus,
  .wpcf7 input[type="tel"]:focus,
  .wpcf7 textarea:focus,
  .wpcf7 select:focus {
    outline: none;
    border-color: #e94a87;
    box-shadow: 0 0 0 1px rgba(233, 74, 135, 0.2);
  }
  
  /* Select – wysokość */
  .wpcf7 select {
    height: 40px;
  }
  
  /* Zgoda RODO / akceptacja */
  .wpcf7 .wpcf7-acceptance {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.5;
  }
  
  .wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    margin-right: 6px;
  }
  
  .wpcf7 .wpcf7-acceptance a {
    color: #e94a87;
    text-decoration: underline;
  }
  
  /* Komunikaty błędów i wymagane pola */
  .wpcf7 span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #e94a87;
    margin-top: 4px;
    display: block;
  }
  
  .wpcf7 div.wpcf7-response-output {
    margin-top: 15px;
    padding: 10px 12px;
    border-width: 1px;
    border-radius: 6px;
    font-size: 13px;
  }
  
  /* Przyciski */
  .wpcf7 input[type="submit"] {
    display: inline-block;
    padding: 10px 26px;
    border: none;
    border-radius: 999px;                /* przycisk-pastylka */
    background-color: #e94a87;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.05s ease;
  }
  
  .wpcf7 input[type="submit"]:hover {
    background-color: #d53c78;
    box-shadow: 0 4px 10px rgba(233, 74, 135, 0.3);
  }
  
  .wpcf7 input[type="submit"]:active {
    transform: translateY(1px);
    box-shadow: 0 2px 6px rgba(233, 74, 135, 0.25);
  }
  
  /* Odstęp nad przyciskiem */
  .wpcf7 form p:last-of-type {
    margin-top: 20px;
  }