.elementor-34 .elementor-element.elementor-element-5a1dc45a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-5a1dc45a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-5a1dc45a{padding:40px 20px 40px 20px;}}/* Start custom CSS for section, class: .elementor-element-5a1dc45a *//* =========================================
   STOPKA – 3 kolumny, FULL WIDTH TŁO (BEST)
   ========================================= */

/* TŁO stopki na całą szerokość ekranu, nawet jeśli motyw trzyma ją w kontenerze */
.site-footer{
  background:#121111;
  color:#f7f4f1;
  padding-top:56px;
  padding-bottom:32px;
  font-family:inherit;

  /* breakout z kontenera */
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}

/* anty-scroll w poziomie (często potrzebne przy 100vw breakout) */
html, body{
  overflow-x:hidden;
}

/* CONTENT nadal "boxed" */
.site-footer-inner{
  max-width:1320px;
  margin:0 auto;
  padding-left:clamp(24px,5vw,80px);
  padding-right:clamp(24px,5vw,80px);
}

/* Górna linia gradientowa */
.site-footer-top-border{
  width:100%;
  height:3px;
  margin-bottom:32px;
  background:linear-gradient(90deg,#121111,#323132,#6a6663,#f1edea);
  opacity:0.9;
  border-radius:999px;
}

/* Grid 3 kolumn */
.footer-grid{
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:flex-start;
}

/* Kolumny */
.footer-col{
  flex:1 1 0;
  min-width:220px;
}

/* Kolumna logo — węższa na desktopie */
.footer-col-logo{
  flex:0 0 220px;
}

/* LOGO w jasnej karcie */
.footer-logo-box{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  background:#ffffff;
  border-radius:16px;
  box-shadow:0 16px 32px rgba(0,0,0,0.35);
  text-decoration:none;
}

.footer-logo{
  max-width:180px;
  height:auto;
  display:block;
  filter:none;
}

/* Nagłówki – gradient jak w sekcjach */
.footer-heading{
  margin:0 0 0.8rem 0;
  font-size:18px;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;

  background:linear-gradient(
    120deg,
    #f7f4f1,
    #d4c9be,
    #f7f4f1
  );
  background-size:220% 220%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;

  animation:sekcja2GradientMove 12s ease-in-out infinite;
}

/* Kontakt – lista */
.footer-contact-list{
  list-style:none;
  margin:0;
  padding:0;
}

.footer-contact-list li + li{
  margin-top:0.4rem;
}

.footer-contact-link{
  font-size:15px;
  line-height:1.6;
  color:#f7f4f1;
  text-decoration:none;
  border-bottom:1px solid rgba(247,244,241,0.25);
  padding-bottom:1px;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.footer-contact-link:hover,
.footer-contact-link:focus-visible{
  color:#ffffff;
  border-color:rgba(247,244,241,0.6);
  background-color:rgba(247,244,241,0.04);
}

/* Dane firmy */
.footer-company-line{
  margin:0 0 0.25rem;
  font-size:14px;
  line-height:1.7;
  color:rgba(247,244,241,0.86);
}

/* Dolna linia */
.footer-bottom{
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid rgba(247,244,241,0.12);
}

.footer-bottom-text{
  margin:0;
  font-size:13px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:rgba(247,244,241,0.7);
}

/* ============================
   RESPONSYWNOŚĆ
   ============================ */

/* Tablet */
@media (max-width:991px){
  .site-footer{
    padding-top:40px;
  }

  .footer-grid{
    gap:24px;
  }

  .footer-col-logo{
    flex:1 1 100%;
  }

  .footer-logo{
    max-width:160px;
  }
}

/* Mobile */
@media (max-width:767px){
  .site-footer-inner{
    padding-left:16px;
    padding-right:16px;
  }

  .footer-grid{
    flex-direction:column;
  }

  .footer-col{
    min-width:0;
  }

  .footer-heading{
    font-size:16px;
  }

  .footer-company-line{
    font-size:13px;
  }

  .footer-logo-box{
    padding:8px 12px;
    border-radius:14px;
  }

  .footer-logo{
    max-width:150px;
  }

  .footer-bottom{
    margin-top:24px;
    padding-top:16px;
  }

  .footer-bottom-text{
    font-size:12px;
    text-align:left;
  }
}/* End custom CSS */