@import url('https://fonts-api.wp.com/css?family=Instrument+Sans:400,500,600,700&display=swap');
/* Formularz zamówienia (Jetpack Forms) dopasowany do stylu Vitrino */

.elementor-122 .jetpack-contact-form-container .grunion-field-wrap{
  margin-bottom:20px;
}

.elementor-122 .jetpack-contact-form-container .grunion-field-label{
  display:block;
  margin-bottom:8px;
  font-family:"Instrument Sans",sans-serif;
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  color:#101311;
}

/* napis "(wymagane)" znika */
.elementor-122 .jetpack-contact-form-container .grunion-label-required{
  display:none;
}

/* czerwona gwiazdka pojawia się dopiero, gdy pole zostanie puste po próbie wypełnienia */
.elementor-122 .jetpack-contact-form-container .grunion-field-wrap:has(.contact-form__input-error.has-errors) .grunion-field-label::after{
  content:" *";
  color:#B3261E;
  font-weight:700;
}
.elementor-122 .jetpack-contact-form-container .grunion-field-wrap:has(.grunion-field:user-invalid) .grunion-field-label::after{
  content:" *";
  color:#B3261E;
  font-weight:700;
}

.elementor-122 .jetpack-contact-form-container .grunion-field{
  width:100%;
  border:1px solid #E4E6E0;
  border-radius:4px;
  padding:13px 14px;
  background:#FFFFFF;
  font-family:"Instrument Sans",sans-serif;
  font-size:16px;
  line-height:1.5;
  color:#101311;
  box-shadow:none;
  transition:border-color .16s ease, box-shadow .16s ease;
}

.elementor-122 .jetpack-contact-form-container textarea.grunion-field{
  height:170px;\n  min-height:120px;
  resize:vertical;
}

.elementor-122 .jetpack-contact-form-container .grunion-field:focus{
  outline:none;
  border-color:#1B4D3E;
  box-shadow:0 0 0 1px #1B4D3E;
}

.elementor-122 .jetpack-contact-form-container .contact-form__input-error.has-errors{
  color:#B3261E;
  font-family:"Instrument Sans",sans-serif;
  font-size:14px;
}
.elementor-122 .jetpack-contact-form-container .contact-form__input-error.has-errors svg path{
  fill:#B3261E;
}

/* przycisk Wyślij taki sam jak przyciski na stronie */
.elementor-122 .jetpack-contact-form-container button[type="submit"],
.elementor-122 .jetpack-contact-form-container button.pushbutton-wide{
  width:auto;
  display:inline-block;
  margin-top:6px;
  padding:17px 30px;
  border:none;
  border-radius:8px;
  background-color:#1B4D3E;
  color:#FFFFFF;
  font-family:"Instrument Sans",sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:1;
  text-transform:none;
  letter-spacing:0;
  cursor:pointer;
  box-shadow:none;
  transition:background-color .18s ease;
}

.elementor-122 .jetpack-contact-form-container button[type="submit"]:hover,
.elementor-122 .jetpack-contact-form-container button[type="submit"]:focus{
  background-color:#10241D;
  color:#FFFFFF;
}

/* stopka: linki */
.elementor .elementor-element-vf16 a:hover,
.elementor .elementor-element-vf19 a:hover,
.elementor .elementor-element-vf22 a:hover{color:#1B4D3E !important;text-decoration:underline}


/* pasek przewijania w polu wiadomosci */
@supports (-moz-appearance:none){
.elementor-122 .jetpack-contact-form-container textarea.grunion-field{scrollbar-width:thin;scrollbar-color:#1B4D3E transparent}
}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar{width:12px}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-track{background:transparent}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-thumb{background-color:#1B4D3E;border-radius:8px;border:3px solid #FFFFFF}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-thumb:hover{background-color:#10241D}


/* uchwyt powiekszania pola wiadomosci */
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-resizer{background-color:transparent;background-image:linear-gradient(135deg, transparent 45%, #1B4D3E 45%, #1B4D3E 56%, transparent 56%),linear-gradient(135deg, transparent 45%, #1B4D3E 45%, #1B4D3E 56%, transparent 56%);background-size:7px 7px,12px 12px;background-position:bottom 2px right 2px,bottom 2px right 2px;background-repeat:no-repeat}


/* bez strzalek na koncach paska */
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-button{display:none;width:0;height:0}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-corner{background:transparent}


/* twarde usuniecie strzalek na koncach paska */
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-button:vertical:start:decrement{display:none;width:0;height:0}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-button:vertical:end:increment{display:none;width:0;height:0}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-button:vertical:start:increment{display:none;width:0;height:0}
.elementor-122 .jetpack-contact-form-container textarea.grunion-field::-webkit-scrollbar-button:vertical:end:decrement{display:none;width:0;height:0}

/* strony tekstowe motywu w stylu marki */
body:not(.elementor-page){--wp--preset--font-family--inter:"Instrument Sans",sans-serif}
body:not(.elementor-page) .wp-block-post-content{font-size:17px;line-height:1.7;color:#101311;max-width:680px}
body:not(.elementor-page) .wp-block-post-content h2{font-weight:700;font-size:25px;line-height:1.2;letter-spacing:-0.5px;color:#101311;margin-top:44px;margin-bottom:12px}
body:not(.elementor-page) .wp-block-post-title{font-weight:700;letter-spacing:-1.4px;color:#101311}
body:not(.elementor-page) .wp-block-post-content a{color:#1B4D3E}

/* Sekcja kontaktowa: prawa kolumna z formularzem dociaga sie do prawej krawedzi */
@media(min-width:1025px){
  .elementor-122 .elementor-element.elementor-element-vcr0{
    --width:auto;
    width:auto;
    max-width:none;
    flex:1 1 0%;
  }
}
