/* ================= DOKUMENTY BACh =================

   Arkusz własny wtyczki, żeby lista wyglądała tak samo także tam, gdzie „Treści strony"
   nie są wczytane. Kolory pokrywają się z paletą serwisu, a nazwy klas są własne, więc
   przy obu wtyczkach naraz nic się nie gryzie.                                          */

.bach-dok-naglowek{
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#1D67CD;
  font-weight:700;
  margin:28px 0 12px;
}
.bach-dok-naglowek:first-child{margin-top:0;}

.bach-dok-lista{
  display:grid;
  gap:10px;
  margin-bottom:8px;
}

/* Cała pozycja jest odnośnikiem, nie tylko nazwa. Przy liście dokumentów to najczęstszy
   błąd: człowiek klika w opis, nic się nie dzieje i uznaje, że plik nie działa. */
.bach-dok-pozycja{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  background:#fff;
  border:1px solid #DCE7F2;
  border-radius:12px;
  text-decoration:none;
  color:#132433;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.bach-dok-pozycja:hover{
  border-color:#1D67CD;
  box-shadow:0 6px 18px rgba(19,36,51,.08);
  transform:translateY(-1px);
}

.bach-dok-pozycja__ikona{
  flex:0 0 auto;
  width:40px;
  height:40px;
  border-radius:10px;
  background:#EAF4FD;
  color:#1D67CD;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bach-dok-pozycja__ikona svg{width:20px;height:20px;}

.bach-dok-pozycja__tresc{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.bach-dok-pozycja__tytul{
  font-weight:700;
  font-size:16.5px;
  line-height:1.35;
}

.bach-dok-pozycja__opis{
  color:#3E4C5A;
  font-size:15px;
  line-height:1.5;
}

/* Format i rozmiar drobnym drukiem: to informacja pomocnicza, a nie treść pozycji. */
.bach-dok-pozycja__plik{
  color:#7C8B99;
  font-size:13px;
  letter-spacing:.02em;
}

.bach-dok-pozycja__strzalka{
  flex:0 0 auto;
  color:#1D67CD;
  font-size:20px;
  font-weight:700;
}

.bach-dok-pusto{
  text-align:center;
  padding:32px 20px;
  color:#3E4C5A;
  background:#fff;
  border:1px dashed #DCE7F2;
  border-radius:12px;
}

@media (max-width:560px){
  .bach-dok-pozycja{padding:12px 14px;gap:10px;}
  .bach-dok-pozycja__tytul{font-size:15.5px;}
}