/*
 * Szablon osir – poprawki dostepnosci (WCAG 2.1 AA).
 * Zmiany sa niewidoczne przy zwyklym ogladaniu myszka:
 * wyrazny fokus pojawia sie tylko przy nawigacji klawiatura (:focus-visible).
 */

/* Link logo – bez zadnych dodatkowych efektow wizualnych */
.osr-logo-link,
.osr-logo-link:hover {
  display: inline-block;
  text-decoration: none;
  border: 0;
}

/* Kontener menu glownego – neutralny */
.osr-nav {
  display: block;
  margin: 0;
  padding: 0;
}

/* Widoczny fokus tylko przy klawiaturze (2.4.7) – podwojny obrys czytelny na jasnym i ciemnym tle */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="menuitem"]:focus-visible {
  outline: 3px solid #97bf14 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #0b1838 !important;
}
main:focus,
main:focus-visible {
  outline: none;
  box-shadow: none;
}

/* Reflow 320 px (1.4.10) – obrazy i osadzenia nie wychodza poza ekran */
.site-grid iframe,
.site-grid video {
  max-width: 100%;
}

/* Ograniczenie ruchu dla osob, ktore tego chca (2.3.3 / 2.2.2) */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Tekst plakatu – dyskretny, zwijany blok pod obrazem */
.osr-poster-text {
  max-width: 800px;
  margin: 0.5rem auto 1rem;
  font-size: 0.9rem;
  color: #495057;
  text-align: left;
}
.osr-poster-text > summary {
  display: inline-block;
  cursor: pointer;
  color: #224faa;
  text-decoration: underline;
}
.osr-poster-text > p {
  margin: 0.5rem 0 0;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid #97bf14;
  background: #f5f7fa;
  white-space: pre-line;
}