.elementor-kit-3614{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-36cfcdf:#018300;--e-global-color-ec10217:#05A21A;--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-3614 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3614 input:not([type="button"]):not([type="submit"]),.elementor-kit-3614 textarea,.elementor-kit-3614 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;transition:0ms;}.elementor-kit-3614 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-3614 textarea:focus,.elementor-kit-3614 .elementor-field-textual:focus{color:#000000;accent-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );}.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: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 *//* --- Styl dla nagłówka przyklejonego do góry --- */

/* Stan początkowy (na samej górze strony) */
.sticky-header {
  /* Ważne, aby nagłówek był przyklejony do góry */
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* Upewnij się, że nagłówek jest nad innymi elementami */

  /* Kolor początkowy */
  background-color: transparent;

  /* Płynne przejście koloru - klucz do "delikatnego" efektu */
  transition: background-color 0.4s ease-in-out;
}

/* Stan po przewinięciu strony (kiedy JS doda klasę .scrolled) */
.sticky-header.scrolled {
  /* Nowy kolor tła */
  background-color: #FFFFFF; /* Ciemnoszary - możesz zmienić na dowolny */
  
  /* Opcjonalnie: dodaj cień, aby oddzielić nagłówek od treści */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */