.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c151274:#2E368E;--e-global-color-e0e6f15:#6EC1E4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--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-kit-6 a{color:var( --e-global-color-c151274 );}.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);}@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 *//* --- KONTENER --- */
#breadcrumbs {
    margin-top: 10px;
  display: inline-flex;                 /* szerokość = do treści */
  align-items: center;
  padding: 10px 20px;
  border-radius: 40px;
  background: #f4f9fc;                  /* jasne tło „piguły” */
  font-weight: 700;
  line-height: 1;
  font-family: Montserrat;
}

/* Elementor generuje <p id="breadcrumbs"><span>…</span></p>
   W tym <span> jest goły tekst „ » ” – wyłączamy mu rozmiar,
   a dzieciom przywracamy normalny font-size. */
#breadcrumbs > span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 0;                         /* ukrywa DOSŁOWNY separator „ » ” */
}
#breadcrumbs a,
#breadcrumbs .breadcrumb_last {
  font-size: 16px;                      /* przywrócenie rozmiaru tekstu */
  letter-spacing: .2px;
}

/* --- LINK „Strona główna” + ikona domku w JEDNYM kolorze --- */
#breadcrumbs a {
  color: #8a8fba;                       /* fiolet jak na screenie */
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Ikona: cienki obrys, jednokolorowa (SVG jako tło) */
#breadcrumbs a:first-child {
  position: relative;
  padding-left: 26px;
}
#breadcrumbs a:first-child::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 18px; height: 18px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  /* Jednokolorowy outline domku (#8a8fba). Jeśli chcesz,
     podmień kolor w parametrze %238a8fba na inny. */
  background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">\
<path d="M4 10.2L12 4l8 6.2V20a1 1 0 0 1-1 1h-5v-5H10v5H5a1 1 0 0 1-1-1v-9.8Z" \
stroke="%238a8fba" stroke-width="1.8" stroke-linejoin="round"/></svg>');
}

/* --- AKTYWNY (ostatni) okruszek jak „przycisk” --- */
#breadcrumbs .breadcrumb_last {
  color: #1c2a67;
  background: #e6f0f8;
  padding: 10px 18px;
  border-radius: 999px;
}

/* (opcjonalnie) usuń podkreślenia w hover i ściemnij kolor domku/tekstu */
#breadcrumbs a:hover { text-decoration: none; filter: brightness(.9); }

/* Ukryj breadcrumbs na tabletach i telefonach */
@media (max-width: 1024px) {
  #breadcrumbs {
    display: none !important;
  }
}/* End custom CSS */