/* Bezpieczny Tag - wspolne tlo strony glownej: jeden kolor + warstwa ozdob na calej wysokosci strony.
   Plik generowany przez Novamira. */

/* ---------- jeden kolor tla ---------- */
body.bt-tlo-on{position:relative;background:#EDF5FD}
body.bt-tlo-on .wp-site-blocks,body.bt-tlo-on .bt-main,body.bt-tlo-on .entry-content,body.bt-tlo-on .bt-shell{background:transparent!important}
body.bt-tlo-on .bt-chrome,body.bt-tlo-on .bt-head{background:transparent!important}

/* sekcje bez wlasnego tla - widac wspolne tlo i ozdoby */
body.bt-tlo-on .bt-hero,
body.bt-tlo-on .bt-hero__band,
body.bt-tlo-on .bt-jak,
body.bt-tlo-on .bt-swb,
body.bt-tlo-on .bt-syt,
body.bt-tlo-on .bt-syt__top,
body.bt-tlo-on .bt-syt__band,
body.bt-tlo-on .bt-pr,
body.bt-tlo-on .bt-op,
body.bt-tlo-on .bt-faq,
body.bt-tlo-on .bt-kt,
body.bt-tlo-on .bt-inf{background:transparent!important}
body.bt-tlo-on .bt-hero__band{border-top:0}

/* sekcje maja overflow:hidden i wlasny z-index - zostaja nad warstwa ozdob */
body.bt-tlo-on .bt-chrome,body.bt-tlo-on .bt-main{position:relative;z-index:1}

/* ozdoby sekcyjne, ktore dublowalyby sie ze wspolnymi (pierscienie w hero, kola w swobodzie, pierscien w porownaniu) */
body.bt-tlo-on .bt-hero__deco .d-ring,
body.bt-tlo-on .bt-swb__deco .s-circ,
body.bt-tlo-on .bt-pr__deco .p-arc{display:none}

/* rozowe kreski tylko przy naglowkach sekcji - te luzem w tle utrudnialy czytanie */
body.bt-tlo-on .bt-swb__deco svg{display:none}

/* kontrast kart, ktore lezaly na bialym */
body.bt-tlo-on .bt-syt__card{background:#fff;box-shadow:0 12px 30px rgba(20,38,94,.07)}
body.bt-tlo-on .bt-syt__chip{background:#E4F0FC}

/* ---------- warstwa ozdob ---------- */
.bt-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bt-sky svg{position:absolute;display:block;height:auto}
.bt-sky__ring{color:#D2E4F8;opacity:1}
.bt-sky__disc{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 50% 50%,#E2EEFB 0%,#D8E8F8 100%)}
.bt-sky__star{color:#C4DAF5}
.bt-sky__spark{color:#FA288C;opacity:.85}
.bt-sky__dots{color:#CFE1F8}

/* pierscienie: naprzemiennie prawa i lewa krawedz, zaczynaja za naglowkiem i "wynurzaja sie" w dol strony;
   pozycje w % wysokosci calej strony, zeby trafialy na styki sekcji */
.bt-sky__ring.r1{right:-6vw;top:-140px;width:clamp(240px,26vw,420px)}
.bt-sky__ring.r2{left:-9vw;top:6.5%;width:clamp(200px,22vw,360px)}
.bt-sky__ring.r3{right:-10vw;top:15%;width:clamp(240px,27vw,440px)}
.bt-sky__ring.r4{left:-7vw;top:26%;width:clamp(180px,20vw,320px)}
.bt-sky__ring.r5{right:-8vw;top:36%;width:clamp(220px,24vw,400px)}
.bt-sky__ring.r6{left:-10vw;top:47%;width:clamp(240px,26vw,420px)}
.bt-sky__ring.r7{right:-7vw;top:57%;width:clamp(180px,20vw,330px)}
.bt-sky__ring.r8{left:-8vw;top:68%;width:clamp(220px,24vw,390px)}
.bt-sky__ring.r9{right:-10vw;top:79%;width:clamp(240px,27vw,440px)}
.bt-sky__ring.r10{left:-6vw;top:90%;width:clamp(180px,20vw,320px)}

/* miekkie kola miedzy pierscieniami */
.bt-sky__disc.d1{left:4%;top:21%;width:clamp(90px,9vw,150px);aspect-ratio:1/1}
.bt-sky__disc.d2{right:5%;top:42%;width:clamp(70px,7vw,120px);aspect-ratio:1/1}
.bt-sky__disc.d3{left:6%;top:62%;width:clamp(80px,8vw,130px);aspect-ratio:1/1}
.bt-sky__disc.d4{right:4%;top:85%;width:clamp(90px,9vw,150px);aspect-ratio:1/1}

/* gwiazdki i kropki */
.bt-sky__star.s1{left:2.5%;top:10%;width:clamp(22px,2.2vw,38px);transform:rotate(-8deg)}
.bt-sky__star.s2{right:3%;top:30%;width:clamp(16px,1.6vw,28px);transform:rotate(12deg)}
.bt-sky__star.s3{left:3%;top:52%;width:clamp(18px,1.8vw,30px);transform:rotate(-14deg)}
.bt-sky__star.s4{right:2.5%;top:73%;width:clamp(22px,2.2vw,36px);transform:rotate(9deg)}
.bt-sky__star.s5{left:4%;top:94%;width:clamp(16px,1.6vw,26px)}
.bt-sky__dots{left:2%;top:40%;width:clamp(22px,2vw,34px)}

/* rozowe kreski, po jednej na kilka sekcji */
.bt-sky__spark.p1{right:3.5%;top:12%;width:clamp(16px,1.6vw,26px);transform:scaleX(-1)}
.bt-sky__spark.p2{left:3.5%;top:33%;width:clamp(16px,1.6vw,26px)}
.bt-sky__spark.p3{right:4%;top:64%;width:clamp(16px,1.6vw,26px);transform:scaleX(-1) rotate(8deg)}
.bt-sky__spark.p4{left:3%;top:81%;width:clamp(16px,1.6vw,26px);transform:rotate(-8deg)}

@media (max-width:900px){
  .bt-sky__ring{opacity:.9}
  .bt-sky__ring.r1{right:-24vw;top:-90px;width:60vw}
  .bt-sky__ring.r2,.bt-sky__ring.r4,.bt-sky__ring.r6,.bt-sky__ring.r8,.bt-sky__ring.r10{left:-30vw;width:60vw}
  .bt-sky__ring.r3,.bt-sky__ring.r5,.bt-sky__ring.r7,.bt-sky__ring.r9{right:-30vw;width:60vw}
  .bt-sky__disc{display:none}
  .bt-sky__dots,.bt-sky__star.s2,.bt-sky__star.s5{display:none}
}

/* scena z maskotka w sekcji swobody: miekkie krawedzie ze wszystkich stron, zeby wtapiala sie we wspolne tlo */
body.bt-tlo-on .bt-swb__media>img{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 9%,#000 80%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 86%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 9%,#000 80%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 86%,rgba(0,0,0,0) 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media (max-width:900px){
  body.bt-tlo-on .bt-swb__media>img{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 8%,#000 92%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 10%,#000 84%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 8%,#000 92%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 10%,#000 84%,rgba(0,0,0,0) 100%)}
}