/* Бібліотека документів (issue #25) — /dokumenty, заміняє 15 окремих
   сторінок-документів. Рядок документа (C7) уже визначений у
   components/homepage.css (.document-row/-title/-type/-date) і
   повторно використовується тут без змін. Чіпи — components/news.css
   (.chip-row/.filter-chip), спільні з /novyny. */

.doc-library {
  padding-block: var(--space-9) var(--space-10);
}

.doc-library-controls {
  margin-bottom: var(--space-7);
}

.doc-search {
  display: block;
  width: 100%;
  max-width: 480px;
  height: 48px;
  border: 1px solid var(--line);
  padding-inline: var(--space-5);
  font-family: inherit;
  font-size: var(--fs-text);
  margin-bottom: var(--space-5);
}

.doc-search:focus-visible {
  border-color: var(--accent);
}

/* Постійна верхня риска над списком (не border-top на :first-child —
   той рядок може опинитись прихованим фільтром, і риска зникла б разом
   з ним). */
.doc-library-rows {
  border-top: 2px solid var(--blue);
}

.doc-library-rows .document-row:first-child {
  border-top: none;
}

/* Без цього рядок, прихований фільтром (document-filter.js), лишався б
   видимим: .document-row { display: grid } з components/homepage.css —
   один клас — переміг би загальний UA [hidden]{display:none} за
   специфічністю. Той самий баг, що й .mega-menu-panel[hidden] в issue
   #21 і .news-card[hidden] в issue #24 — тут спіймано заздалегідь, а не
   повторним живим тестуванням. */
.document-row[hidden] {
  display: none;
}

.doc-library-empty {
  color: var(--muted);
  padding-block: var(--space-8);
}

/* Мобільне складання C7 в один стовпець уже дає components/homepage.css
   (.document-row/-date, глобальне правило ≤767px) — тут нічого
   додавати не потрібно. */