/**
 * Lebendige Erde · FileBird Document Library
 * Version 4.8 – angelehnt an die Karten „Übersicht bisherige Hefte“
 * Global für FileBird-Gridansichten (keine Änderung der Heftkarten).
 */

/* FileBird-Bedienelemente ausblenden, wie gewünscht */
#filebird-document-library .fbdl-search-control,
#filebird-document-library .fbdl-layout-control {
  display: none !important;
}

/*
 * Rasterabstände wie in der Impreza-Heftübersicht.
 * --gap ist dort 1.5rem; der sichtbare Abstand beträgt 2 × --gap = 3rem.
 * Direkt am FileBird-Raster definieren, damit nicht ein anderer oder
 * fehlender Wert von übergeordneten Elementen übernommen wird.
 */
#filebird-document-library .fbdl-gridview-container .fbdl-grid {
  /* Entspricht dem Inline-Style der Heftuebersicht: --columns: 3; --gap: 1.5rem. */
  --columns: 3;
  --gap: 1.5rem;
  column-gap: calc(var(--gap) * 2) !important;
  row-gap: calc(var(--gap) * 2) !important;
  align-items: stretch;
}

/* Heftkarte: ca. 30px seitlich, 14px oben und 19px unten; ohne Rundungen/Schatten. */
#filebird-document-library .fbdl-gridview-container .fbdl-grid .fbdl-grid-item {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-width: 0;
  padding: 14px 30px 19px !important;
  margin: 0 !important;
  background: var(--color-alt-content-bg, #f3f6fa) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--color-content-text, #252525);
  font-family: inherit !important;
  text-align: left !important;
  overflow: hidden;
}

/* Erst die Überschrift, darunter die große Vorschau – wie beim Heft */
#filebird-document-library .fbdl-grid-item .fbdl-grid-item-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#filebird-document-library .fbdl-grid-item .fbdl-grid-detail {
  order: -1 !important;
  margin: 0 0 11px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

/* Schwarzer, kräftiger, nicht-grüner Kartentitel wie in der Heftübersicht */
#filebird-document-library .fbdl-grid-item .fbdl-grid-detail a.fbdl-download-btn {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-family: inherit !important;
  font-size: clamp(14px, 1.15vw, 18px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
#filebird-document-library .fbdl-grid-item .fbdl-grid-detail a.fbdl-download-btn:hover {
  color: #000 !important;
}

/* Dateigroesse in allen FileBird-Bibliotheken ausblenden. */
#filebird-document-library .fbdl-grid-item .fbdl-file-size,
#filebird-document-library .fbdl-file-size,
.fbdl-grid-item .fbdl-file-size {
  display: none !important;
}

/* PDF-Seiten groß und ohne unnötigen inneren grauen Rahmen */
#filebird-document-library .fbdl-grid-item .fbdl-grid-thumbnail,
#filebird-document-library .fbdl-grid-item .fbdl-thumbnail-contain {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#filebird-document-library .fbdl-grid-item .fbdl-grid-thumbnail a {
  display: block !important;
  width: 100% !important;
  line-height: 0;
}
#filebird-document-library .fbdl-grid-item .fbdl-grid-thumbnail img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: top center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: opacity .2s ease;
}
#filebird-document-library .fbdl-grid-item .fbdl-grid-thumbnail a:hover img {
  opacity: .9;
}

/* Zurückhaltender Downloadlink im Stil eines Magazinarchivs */
#filebird-document-library .fbdl-grid-item > a.fbdl-download-button.fbdl-btn {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 14px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  --tw-shadow: unset;
}
#filebird-document-library .fbdl-grid-item > a.fbdl-download-button.fbdl-btn:hover {
  color: #000 !important;
  background: transparent !important;
  text-decoration: underline !important;
}
#filebird-document-library .fbdl-grid-item a:focus-visible {
  outline: 2px solid #526c35 !important;
  outline-offset: 3px;
}

#filebird-document-library .fbdl-grid-item .fbdl-grid-custom-fields {
  background: transparent !important;
  border-radius: 0 !important;
  text-align: right !important;
}

@media (max-width: 767px) {
  #filebird-document-library .fbdl-gridview-container .fbdl-grid .fbdl-grid-item {
    padding: 14px 16px 18px !important;
  }
  #filebird-document-library .fbdl-grid-item .fbdl-grid-detail a.fbdl-download-btn {
    font-size: 15px !important;
  }
}

/* =========================================================
 * Ergaenzungen aus dem Hauptstylesheet (global)
 * ========================================================= */
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item:hover {
  background: var(--color-alt-content-bg, #f3f6fa) !important;
  border: none !important;
}

/* Download-Link: in allen Interaktionszustaenden identisch */
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button,
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button:hover,
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button:focus,
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button:focus-visible,
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button:active,
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button:focus-within {
  color: #000 !important;
  background-color: transparent !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  border: none !important;
  box-shadow: none !important;
  --tw-shadow: unset;
}
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-btn {
  color: #000 !important;
}
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button:hover {
  text-decoration: underline !important;
}
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-download-button::after {
  content: "\f019";
  font-family: "FontAwesome", "fontawesome";
  font-weight: 700;
  font-size: .7em;
  margin-left: 5px;
}
/* Dateigroesse und Untertitel der Dateien nicht anzeigen. */
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-file-size,
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-caption {
  display: none !important;
}
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
#filebird-document-library .fbdl-download-btn {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
#filebird-document-library div.fbdl-gridview-container .fbdl-grid .fbdl-grid-item .fbdl-grid-custom-fields {
  text-align: right !important;
}

/* =========================================================
 * KURZANSICHT JAHRGANGSVERZEICHNISSE (WPBakery-Zeilenklasse)
 * Die Klasse le-jahrgaenge-kurz an der WPBakery-Zeile vergeben,
 * die die auf drei Dokumente begrenzte FileBird-Bibliothek UND
 * den Link zum vollstaendigen Archiv enthaelt.
 * Andere Bibliotheken behalten ihre Seitennavigation.
 * ========================================================= */

/* Seitenzahlen / Pfeile und Ergebniszaehler ausblenden.
   FileBird-Versionen verwenden teils unterschiedliche Klassennamen. */
.le-jahrgaenge-kurz #filebird-document-library :is(
  .fbdl-pagination,
  .fbdl-pagination-container,
  .fbdl-pagination-wrapper,
  .fbdl-pagination-info,
  .fbdl-pager,
  .fbdl-paging,
  .fbdl-page-info,
  .fbdl-result-info,
  .fbdl-results-info,
  .fbdl-showing,
  .fbdl-showing-info,
  .fbdl-total-items,
  [class*="pagination"],
  [class*="Pagination"]
) {
  display: none !important;
}

/* Archivlink in einer Zeile: Text und Pfeil nebeneinander. */
.le-jahrgaenge-kurz .le-jahrgaenge-mehr {
  margin: 1.5rem 0 0;
  text-align: left;
}
.le-jahrgaenge-kurz .le-jahrgaenge-mehr a {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: .55em;
  max-width: 100%;
  color: var(--color-content-text, #000);
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
}
.le-jahrgaenge-kurz .le-jahrgaenge-mehr a:hover,
.le-jahrgaenge-kurz .le-jahrgaenge-mehr a:focus-visible {
  text-decoration: underline;
}
.le-jahrgaenge-kurz .le-jahrgaenge-mehr a i {
  display: inline-block;
  flex: 0 0 auto;
  margin: 0 !important;
  font-size: .8em;
}
@media (max-width: 767px) {
  .le-jahrgaenge-kurz .le-jahrgaenge-mehr a {
    font-size: 17px;
  }
}