/*
 * PEI — oznakowanie FERS (makiety 2.3, 2026-11-05)
 * Podstawa: § 14 ust. 11 umowy ZZP.ZP.412.17.2026/DOK/1/2026; Podręcznik
 * wnioskodawcy i beneficjenta FE 2021-2027 rozdz. 8 i 11.3; Księga Tożsamości
 * Wizualnej marki FE 2021-2027 rozdz. V.
 *
 * Wariant 1 (>= 640 px): zestawienie FERS | RP | UE + MZ po linii, na samej górze
 *   strony, widoczne bez przewijania, tylko pełnokolorowe, na białym tle.
 * Wariant 2 (< 640 px): znak UE na górze (link do opisu projektu) + pełne
 *   zestawienie (układ pionowy) w stopce tej samej strony.
 * Rozmiar: przy 72 px wysokości flaga UE ma 47 px; logo PEI w nagłówku ma 32 px —
 *   znak dodatkowy nie może być większy od flagi UE (Podręcznik rozdz. 8.8).
 *   Minimalna wysokość paska 58 px (flaga 38 px) przy 640 px szerokości okna.
 */

.funding-bar {
  background-color: #FFFFFF;
  border-bottom: 1px solid var(--color-divider);
  padding: var(--space-2) var(--space-4);
}

.funding-bar__inner {
  max-width: var(--content-max-width);
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.funding-bar__link {
  display: inline-block;
  line-height: 0;
  border-radius: var(--radius-sm);
  width: 100%;
  max-width: 753px;
}

.funding-bar__link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.funding-bar__img--full {
  display: block;
  width: 100%;
  height: auto;
}

.funding-bar__img--eu {
  display: none;
  height: 64px;   /* flaga UE 42 px > logo PEI 32 px */
  width: auto;
}

/* Informacja o dofinansowaniu w stopce (warstwa tekstowa, Podręcznik rozdz. 12) */
.funding-note {
  max-width: var(--content-max-width);
  margin: 0 auto var(--space-6);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid rgb(255 255 255 / 0.2);
  display: flex;
  gap: var(--space-6);
  align-items: flex-start;
}

.funding-note--light {
  border-bottom-color: var(--color-divider);
}

.funding-note__text {
  color: inherit;   /* base.css nadaje <p> kolor --color-text; stopki są ciemne */
  font-size: var(--text-sm);
  line-height: 1.5;
  max-width: 60rem;
  margin: 0;
}

.funding-note__text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

.funding-note__text a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Pełne zestawienie w układzie pionowym — tylko w wariancie 2 (mobile) */
.funding-note__signs {
  display: none;
  background-color: #FFFFFF;
  padding: var(--space-2);
  border-radius: var(--radius-sm);
  width: 10rem;
  height: auto;
  flex-shrink: 0;
}

@media (max-width: 639px) {
  .funding-bar__img--full { display: none; }
  .funding-bar__img--eu   { display: block; }
  .funding-note { flex-direction: column; }
  .funding-note__signs { display: block; }
}

/* Dokument (certyfikat): zestawienie na dokumencie, niezależnie od paska strony */
.doc-funding {
  background-color: #FFFFFF;
  padding: var(--space-3) var(--space-6);
  border-bottom: 1px solid var(--color-divider);
  text-align: center;
}

.doc-funding img {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
}

.doc-funding__text {
  margin: var(--space-2) 0 0;
  font-size: var(--text-xs);
  color: var(--color-text-secondary);
}

@media print {
  .funding-bar { display: none; }  /* dokument drukowany niesie własne zestawienie */
  .doc-funding img { max-width: 100%; }
}