/* Wlasne poprawki po przenosinach z Webflow */

/* Filmy YouTube - miniatura z przyciskiem (w miejscu iframe w kontenerach .w-video / .w-embed-youtubevideo) */
.yt-fasada, .yt-fasada__ramka {
  position: absolute; inset: 0; width: 100%; height: 100%;
  border: 0; padding: 0; margin: 0; background: #000; cursor: pointer; display: block;
}
.yt-fasada img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yt-fasada__ikona {
  position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%);
  background: #f00; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.yt-fasada__ikona::after {
  content: ""; position: absolute; left: 27px; top: 14px;
  border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff;
}
.yt-fasada:hover .yt-fasada__ikona, .yt-fasada:focus-visible .yt-fasada__ikona { background: #cc0000; }
.yt-fasada:focus-visible { outline: 3px solid #f79222; outline-offset: 2px; }

/* Polityka prywatnosci */
.polityka h1 { margin-bottom: 1.5rem; }
.polityka h2 { margin-top: 2rem; font-size: 1.5rem; }
.polityka ul { padding-left: 1.25rem; }
.polityka-szkic { background: #fff4e5; border-left: 4px solid #f79222; padding: .75rem 1rem; }
.polityka a { color: #20499e; text-decoration: underline; }

/* Strony chronione haslem - okno logowania */
.haslo-okno { max-width: 32rem; margin: 0 auto; text-align: center; }
.haslo-formularz { display: flex; flex-direction: column; gap: .75rem; margin: 2rem 0 1.5rem; text-align: left; }
.haslo-formularz .button { margin-top: .5rem; align-self: center; border: 0; cursor: pointer; }
.haslo-blad { color: #b42318; background: #fef3f2; border-left: 4px solid #b42318; padding: .6rem .9rem; margin: 0; }

/* Wydajnosc (25.09): zastepcze kroje o metrykach docelowych - brak przeskoku ukladu po wczytaniu fontu */
@font-face { font-family: "Lato Fallback"; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 97.15%; ascent-override: 101.60%; descent-override: 21.93%; line-gap-override: 0%; }
@font-face { font-family: "Poppins Fallback"; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 109.99%; ascent-override: 95.46%; descent-override: 31.82%; line-gap-override: 9.09%; }
@font-face { font-family: "Hepta Slab Fallback"; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 123.27%; ascent-override: 80.15%; descent-override: 21.33%; line-gap-override: 0%; }
/* obrazy z atrybutami width/height skaluja sie proporcjonalnie */
img { height: auto; }
/* strona glowna: lzejszy obraz powitalny na telefonie */
@media (max-width: 767px) { .section-hp_header { background-image: url("/images/Kosmos-Fundacji-Ulica-1200.avif"); } }