.elementor-kit-6{--e-global-color-primary:#292929;--e-global-color-secondary:#54595F;--e-global-color-text:#3D3D3D;--e-global-color-accent:#088D6D;--e-global-color-d942425:#E7E7E7;--e-global-color-9e44ed9:#F0F0F0;--e-global-color-49600ba:#FFFFFF;--e-global-color-10aa6e3:#E6FFF2;--e-global-color-8e47a8c:#078567;--e-global-color-9d4d55c:#067E61;--e-global-color-b1831c1:#078567;--e-global-typography-primary-font-family:"Ropa Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Ropa Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Ropa Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Ropa Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 */:focus-visible {
  outline: 3px solid #ff6600;
}




/* Ogólne ustawienia dla responsywności */
body {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

/* Układ strony */
.container {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 2rem;
}

.sidebar {
  flex: 0 0 25%;
}

.main-content {
  flex: 1;
}

/* Nawigacja */
.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.nav a {
  padding: 0.5rem 1rem;
  display: block;
}

/* Media query: dla ekranów do 768px */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
    padding: 1rem;
  }

  .sidebar {
    order: 2;
    width: 100%;
  }

  .main-content {
    order: 1;
    width: 100%;
  }

  .nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav a {
    width: 100%;
  }
}

/* Media query: dla ekranów do 480px (telefony) */
@media (max-width: 480px) {
  body {
    font-size: 1.1rem; /* większa czytelność */
  }

  .container {
    padding: 0.5rem;
  }

  .nav a {
    font-size: 1rem;
    padding: 0.75rem;
  }
}

/* Skip LINK */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  font-weight: bold;
  z-index: 1000;
}

.skip-link:focus {
  left: 10px;
  top: 10px;
  width: auto;
  height: auto;
  outline: 2px solid #ffcc00;
}/* End custom CSS */