/**
 * Saarland Gallery – Bento grid, fluid spacing, five layout variants.
 */

.saarland-gallery {
  /* Fluid 380→2056: 10px @ min, 20px @ max (outer) */
  --st-gallery-outer: var(--st-space-fluid, 15px);
  /* Fixed 10px between tiles (horizontal & vertical) */
  --st-gallery-gap: 10px;
  /* Lightbox viewport inset: 10px @ 380 → 150px @ 2056 */
  --st-gallery-lightbox-inset: clamp(
    10px,
    calc(10px + (100vw - var(--st-logo-vw-min, 380px)) * 140 / 1676),
    150px
  );

  padding: var(--st-gallery-outer);
  box-sizing: border-box;
}

.saarland-gallery__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(6, minmax(0, 1fr));
  gap: var(--st-gallery-gap);
  /* Fixed height keeps bottom row aligned across layouts */
  height: clamp(420px, 72vw, 920px);
  min-height: 420px;
}

.saarland-gallery__item {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 4px;
  background: transparent;
}

.saarland-gallery__item:has(.saarland-gallery__image[src=""]),
.saarland-gallery__item:not(:has(img[src])) {
  background: color-mix(in srgb, var(--st-dunkel-light, #172033) 6%, var(--st-hell-light, #e5e5e5));
}

.saarland-gallery__link {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.saarland-gallery__image,
.saarland-gallery__link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Layout 1 – mockup-aligned: tall top-right (3), 2-row top band (1+2), no overlap 8/11 */
.saarland-gallery--layout-1 .saarland-gallery__item--1 { grid-column: 1 / 7; grid-row: 1 / 3; }
.saarland-gallery--layout-1 .saarland-gallery__item--2 { grid-column: 7 / 10; grid-row: 1 / 3; }
.saarland-gallery--layout-1 .saarland-gallery__item--3 { grid-column: 10 / 13; grid-row: 1 / 4; }
.saarland-gallery--layout-1 .saarland-gallery__item--4 { grid-column: 1 / 4; grid-row: 3 / 5; }
.saarland-gallery--layout-1 .saarland-gallery__item--5 { grid-column: 4 / 7; grid-row: 3 / 4; }
.saarland-gallery--layout-1 .saarland-gallery__item--6 { grid-column: 4 / 7; grid-row: 4 / 5; }
.saarland-gallery--layout-1 .saarland-gallery__item--7 { grid-column: 7 / 10; grid-row: 3 / 4; }
.saarland-gallery--layout-1 .saarland-gallery__item--8 { grid-column: 7 / 9; grid-row: 4 / 5; }
.saarland-gallery--layout-1 .saarland-gallery__item--9 { grid-column: 1 / 5; grid-row: 5 / 7; }
.saarland-gallery--layout-1 .saarland-gallery__item--10 { grid-column: 5 / 9; grid-row: 5 / 7; }
.saarland-gallery--layout-1 .saarland-gallery__item--11 { grid-column: 9 / 13; grid-row: 4 / 7; }

/* Layout 2 – left column stack, large center, right pair */
.saarland-gallery--layout-2 .saarland-gallery__item--1 { grid-column: 1 / 4; grid-row: 1 / 3; }
.saarland-gallery--layout-2 .saarland-gallery__item--2 { grid-column: 1 / 4; grid-row: 3 / 5; }
.saarland-gallery--layout-2 .saarland-gallery__item--3 { grid-column: 4 / 9; grid-row: 1 / 4; }
.saarland-gallery--layout-2 .saarland-gallery__item--4 { grid-column: 9 / 13; grid-row: 1 / 2; }
.saarland-gallery--layout-2 .saarland-gallery__item--5 { grid-column: 9 / 13; grid-row: 2 / 4; }
.saarland-gallery--layout-2 .saarland-gallery__item--6 { grid-column: 4 / 7; grid-row: 4 / 5; }
.saarland-gallery--layout-2 .saarland-gallery__item--7 { grid-column: 7 / 10; grid-row: 4 / 5; }
.saarland-gallery--layout-2 .saarland-gallery__item--8 { grid-column: 10 / 13; grid-row: 4 / 5; }
.saarland-gallery--layout-2 .saarland-gallery__item--9 { grid-column: 1 / 5; grid-row: 5 / 7; }
.saarland-gallery--layout-2 .saarland-gallery__item--10 { grid-column: 5 / 9; grid-row: 5 / 7; }
.saarland-gallery--layout-2 .saarland-gallery__item--11 { grid-column: 9 / 13; grid-row: 5 / 7; }

/* Layout 3 – top triptych, middle band, bottom mosaic */
.saarland-gallery--layout-3 .saarland-gallery__item--1 { grid-column: 1 / 5; grid-row: 1 / 3; }
.saarland-gallery--layout-3 .saarland-gallery__item--2 { grid-column: 5 / 9; grid-row: 1 / 3; }
.saarland-gallery--layout-3 .saarland-gallery__item--3 { grid-column: 9 / 13; grid-row: 1 / 3; }
.saarland-gallery--layout-3 .saarland-gallery__item--4 { grid-column: 1 / 7; grid-row: 3 / 5; }
.saarland-gallery--layout-3 .saarland-gallery__item--5 { grid-column: 7 / 10; grid-row: 3 / 4; }
.saarland-gallery--layout-3 .saarland-gallery__item--6 { grid-column: 10 / 13; grid-row: 3 / 4; }
.saarland-gallery--layout-3 .saarland-gallery__item--7 { grid-column: 7 / 13; grid-row: 4 / 5; }
.saarland-gallery--layout-3 .saarland-gallery__item--8 { grid-column: 1 / 4; grid-row: 5 / 7; }
.saarland-gallery--layout-3 .saarland-gallery__item--9 { grid-column: 4 / 7; grid-row: 5 / 7; }
.saarland-gallery--layout-3 .saarland-gallery__item--10 { grid-column: 7 / 10; grid-row: 5 / 7; }
.saarland-gallery--layout-3 .saarland-gallery__item--11 { grid-column: 10 / 13; grid-row: 5 / 7; }

/* Layout 4 – tall left; top-right 2 cols; 8+6 same width; 10 fills gap column */
.saarland-gallery--layout-4 .saarland-gallery__item--1 { grid-column: 1 / 5; grid-row: 1 / 4; }
.saarland-gallery--layout-4 .saarland-gallery__item--2 { grid-column: 5 / 8; grid-row: 1 / 2; }
.saarland-gallery--layout-4 .saarland-gallery__item--3 { grid-column: 8 / 11; grid-row: 1 / 2; }
.saarland-gallery--layout-4 .saarland-gallery__item--4 { grid-column: 11 / 13; grid-row: 1 / 3; }
.saarland-gallery--layout-4 .saarland-gallery__item--5 { grid-column: 5 / 9; grid-row: 2 / 4; }
.saarland-gallery--layout-4 .saarland-gallery__item--6 { grid-column: 11 / 13; grid-row: 3 / 4; }
.saarland-gallery--layout-4 .saarland-gallery__item--7 { grid-column: 1 / 7; grid-row: 4 / 5; }
.saarland-gallery--layout-4 .saarland-gallery__item--8 { grid-column: 9 / 11; grid-row: 2 / 7; }
.saarland-gallery--layout-4 .saarland-gallery__item--9 { grid-column: 1 / 7; grid-row: 5 / 7; }
.saarland-gallery--layout-4 .saarland-gallery__item--10 { grid-column: 7 / 9; grid-row: 4 / 7; }
.saarland-gallery--layout-4 .saarland-gallery__item--11 { grid-column: 11 / 13; grid-row: 4 / 7; }

/* Layout 5 – checkerboard with central feature */
.saarland-gallery--layout-5 .saarland-gallery__item--1 { grid-column: 1 / 4; grid-row: 1 / 2; }
.saarland-gallery--layout-5 .saarland-gallery__item--2 { grid-column: 4 / 7; grid-row: 1 / 2; }
.saarland-gallery--layout-5 .saarland-gallery__item--3 { grid-column: 7 / 10; grid-row: 1 / 2; }
.saarland-gallery--layout-5 .saarland-gallery__item--4 { grid-column: 10 / 13; grid-row: 1 / 2; }
.saarland-gallery--layout-5 .saarland-gallery__item--5 { grid-column: 1 / 5; grid-row: 2 / 5; }
.saarland-gallery--layout-5 .saarland-gallery__item--6 { grid-column: 5 / 9; grid-row: 2 / 5; }
.saarland-gallery--layout-5 .saarland-gallery__item--7 { grid-column: 9 / 13; grid-row: 2 / 4; }
.saarland-gallery--layout-5 .saarland-gallery__item--8 { grid-column: 9 / 13; grid-row: 4 / 5; }
.saarland-gallery--layout-5 .saarland-gallery__item--9 { grid-column: 1 / 4; grid-row: 5 / 7; }
.saarland-gallery--layout-5 .saarland-gallery__item--10 { grid-column: 4 / 8; grid-row: 5 / 7; }
.saarland-gallery--layout-5 .saarland-gallery__item--11 { grid-column: 8 / 13; grid-row: 5 / 7; }

/* Partial last page – 1–4 equal-height row; 5+ bottom-aligned rows */
.saarland-gallery--partial .saarland-gallery__grid {
  height: clamp(280px, 45vw, 560px);
  min-height: 280px;
  grid-template-rows: none;
}

.saarland-gallery--partial[class*="--layout-"] .saarland-gallery__item {
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

/* 1–4 images: one row, equal tile height */
.saarland-gallery--partial.saarland-gallery--count-1 .saarland-gallery__grid {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: clamp(300px, 50vw, 600px);
}

.saarland-gallery--partial.saarland-gallery--count-2 .saarland-gallery__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 1fr;
}

.saarland-gallery--partial.saarland-gallery--count-3 .saarland-gallery__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1fr;
}

.saarland-gallery--partial.saarland-gallery--count-4 .saarland-gallery__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: 1fr;
}

/* 5 images: mosaic with shared bottom edge (all tiles end on row 3) */
.saarland-gallery--partial.saarland-gallery--count-5 .saarland-gallery__grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  height: clamp(420px, 72vw, 920px);
  min-height: 420px;
}

.saarland-gallery--partial.saarland-gallery--count-5 .saarland-gallery__item--1 { grid-column: 1 / 4 !important; grid-row: 1 / 3 !important; }
.saarland-gallery--partial.saarland-gallery--count-5 .saarland-gallery__item--2 { grid-column: 4 / 7 !important; grid-row: 2 / 3 !important; }
.saarland-gallery--partial.saarland-gallery--count-5 .saarland-gallery__item--3 { grid-column: 7 / 10 !important; grid-row: 1 / 3 !important; }
.saarland-gallery--partial.saarland-gallery--count-5 .saarland-gallery__item--4 { grid-column: 10 / 13 !important; grid-row: 2 / 3 !important; }
.saarland-gallery--partial.saarland-gallery--count-5 .saarland-gallery__item--5 { grid-column: 4 / 7 !important; grid-row: 1 / 2 !important; }

/* 6–10 images: equal-height rows */
.saarland-gallery--partial.saarland-gallery--count-6 .saarland-gallery__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--1 { grid-column: 1 / 4 !important; grid-row: 1 / 2 !important; }
.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--2 { grid-column: 4 / 7 !important; grid-row: 1 / 2 !important; }
.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--3 { grid-column: 7 / 10 !important; grid-row: 1 / 2 !important; }
.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--4 { grid-column: 10 / 13 !important; grid-row: 1 / 2 !important; }
.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--5 { grid-column: 1 / 5 !important; grid-row: 2 / 3 !important; }
.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--6 { grid-column: 5 / 9 !important; grid-row: 2 / 3 !important; }
.saarland-gallery--partial.saarland-gallery--count-7 .saarland-gallery__item--7 { grid-column: 9 / 13 !important; grid-row: 2 / 3 !important; }

.saarland-gallery--partial.saarland-gallery--count-8 .saarland-gallery__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.saarland-gallery--partial.saarland-gallery--count-9 .saarland-gallery__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.saarland-gallery--partial.saarland-gallery--count-10 .saarland-gallery__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.saarland-gallery__pager {
  margin-top: var(--st-gallery-outer);
  text-align: center;
}

.saarland-gallery__pager .pager__items {
  justify-content: center;
}

/* PhotoSwipe – gallery chrome */
.pswp.saarland-gallery-lightbox .saarland-gallery-lightbox__title {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2000;
  max-width: min(90vw, 960px);
  margin: 0;
  padding: 0 1rem;
  color: #fff;
  font-size: clamp(1rem, 2.5vw, 1.875rem);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 1px 8px rgb(0 0 0 / 55%);
  pointer-events: none;
}

.pswp.saarland-gallery-lightbox .saarland-gallery-lightbox__copyright {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2000;
  max-width: min(70vw, 640px);
  margin: 0;
  color: rgb(255 255 255 / 92%);
  font-size: 0.8125rem;
  line-height: 1.35;
  text-align: right;
  text-shadow: 0 1px 6px rgb(0 0 0 / 65%);
  pointer-events: none;
}

@media (max-width: 1024px) {
  .saarland-gallery__grid,
  .saarland-gallery--partial[class*="--count-"] .saarland-gallery__grid {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row;
  }

  /* Override bento + partial tile placement (incl. partial !important rules). */
  .saarland-gallery[class*="--layout-"] [class*="saarland-gallery__item--"],
  .saarland-gallery--partial[class*="--count-"] [class*="saarland-gallery__item--"] {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    aspect-ratio: 1;
  }

  .saarland-gallery__grid .saarland-gallery__item:last-child:nth-child(odd):not(:only-child) {
    grid-column: 1 / -1 !important;
    aspect-ratio: 2 / 1;
  }

  .saarland-gallery--partial.saarland-gallery--count-1 .saarland-gallery__grid {
    grid-template-columns: 1fr !important;
  }

  .saarland-gallery--partial.saarland-gallery--count-1 .saarland-gallery__item:only-child {
    grid-column: 1 / -1 !important;
    aspect-ratio: 3 / 2;
  }
}