.elementor-kit-6{--e-global-color-primary:#191F1C;--e-global-color-secondary:#191F1C;--e-global-color-text:#1E1D21;--e-global-color-accent:#32BB78;--e-global-color-2070c82:#FBFDFC;--e-global-color-f3d2137:#0C2C1C;--e-global-color-b9c5805:#5D6462;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:74px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:86px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:62px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-dc22ee8-font-family:"Inter";--e-global-typography-dc22ee8-font-size:48px;--e-global-typography-dc22ee8-font-weight:800;--e-global-typography-dc22ee8-line-height:62px;--e-global-typography-b4bfa54-font-family:"Inter";--e-global-typography-b4bfa54-font-size:26px;--e-global-typography-b4bfa54-font-weight:700;--e-global-typography-b4bfa54-line-height:32px;--e-global-typography-a8b6aac-font-family:"Inter";--e-global-typography-a8b6aac-font-size:12px;--e-global-typography-a8b6aac-font-weight:400;--e-global-typography-e7040e2-font-family:"Inter";--e-global-typography-e7040e2-font-size:16px;--e-global-typography-e7040e2-font-weight:600;--e-global-typography-e7040e2-line-height:28px;--e-global-typography-895d658-font-family:"Inter";--e-global-typography-895d658-font-size:16px;--e-global-typography-895d658-font-weight:400;--e-global-typography-895d658-line-height:28px;background-color:var( --e-global-color-2070c82 );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;line-height:26px;color:var( --e-global-color-2070c82 );border-style:none;border-radius:8px 8px 8px 8px;padding:12px 28px 12px 28px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#279B62;color:var( --e-global-color-2070c82 );border-style:none;border-radius:8px 8px 8px 8px;}.elementor-kit-6 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, #FFBC7D 0%, #f2295b 100%);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1440px){.elementor-kit-6{--e-global-typography-primary-font-size:64px;}}@media(max-width:991px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:480px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:48px;--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-line-height:48px;--e-global-typography-text-font-size:20px;--e-global-typography-text-line-height:28px;--e-global-typography-dc22ee8-font-size:32px;--e-global-typography-b4bfa54-font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.salary-calculator {
  font-family: 'Inter', sans-serif;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 24px;

  /* kalkulator wypełnia 100% szerokości rodzica */
  width: 100%;
  box-sizing: border-box;
}

.salary-calculator h2 {
  font-size: 32px;
  font-weight: 700;
  color: #16321F;
  text-align: center;
  margin-bottom: 16px;
}

.salary-calculator label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333333;
}

.salary-calculator select {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  background-color: #F9F9F9;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L0.803847 0.5L11.1962 0.5L6 8Z' fill='%2363321F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.salary-output {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: #47C16C;
  margin: 16px 0;
}

.slider-wrapper {
  margin: 16px 0;
}

.slider-label {
  text-align: center;
  font-size: 14px;
  color: #333333;
  margin-bottom: 8px;
}

/* SUWAK */
#hours-range {
  --min: 1;
  --max: 50;
  --value: 25; /* domyślna wartość */
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #E0E0E0;
  outline: none;
  background-image: linear-gradient(#16321F, #16321F);
  background-size: calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%) 100%;
  background-repeat: no-repeat;
}

#hours-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #16321F;
  cursor: pointer;
  margin-top: -4px;
  border: none;
}

button#fill-form {
  display: block;
  width: 100%;
  padding: 12px;
  background: #47C16C;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  margin: 16px 0 8px;
}

.note {
  font-size: 12px;
  color: #888888;
  text-align: center;
}

@media (max-width: 480px) {
  .salary-calculator { padding: 16px; }
  .salary-calculator h2 { font-size: 20px; }
  .salary-output { font-size: 28px; }
}/* End custom CSS */