/**
 * Version: 2025.12.31.152037
 * Autor: Willi da Silva Borges - WDSB Webdesign
 */

/* Standard: echte Masonry-Positionierung via masonry.js (absolute items) */
.wdsb-grid-masonry {
  display: block;
  position: relative;
}

.wdsb-grid-masonry .wdsb-grid-item {
  box-sizing: border-box;
  /* Breite wird per JavaScript individuell gesetzt basierend auf data-wgm-span */
  /* Fallback nur für den Fall, dass JS noch nicht gelaufen ist */
  width: var(--wgm-base-item-width, 360px);
}

/* Sizer/Gutter-Elemente (Masonry liest Breiten aus CSS) */
.wdsb-grid-masonry .wgm-sizer {
  width: var(--wgm-base-item-width, 360px);
}

.wdsb-grid-masonry .wgm-gutter {
  width: var(--wgm-gap, 20px);
}

.wdsb-grid-masonry .wgm-sizer,
.wdsb-grid-masonry .wgm-gutter {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* Hinweis: Responsive Spalten werden per JS (Sizer-Breite) umgesetzt. */

/* ============================================================
   Image-only Mode
   Wenn ein Item ein Bild hat: Global-Text (views-field-nothing) ausblenden
   ============================================================ */
.wdsb-grid-masonry .wdsb-grid-item.wgm-has-image .views-field-nothing {
  display: none;
}

.wdsb-grid-masonry .wdsb-grid-item.wgm-has-image .views-field-field-image img {
  display: block;
  width: 100%;
  height: auto;
}