/* Generated from site/src/styles/components/gallery.css by wordpress/tools/sync-theme-assets.mjs – edit the source, not this copy. */
/*
 * Gallery template: intro, set filters (small orange text buttons, the
 * current one red and underlined, as today) and the photos as a masonry
 * grid – each in its own proportions, 4 columns, 3 ≤1023, 2 ≤560 (gallery.js
 * sets each photo's row span; without JavaScript plain rows). The photo
 * viewer is components/lightbox.css.
 * WordPress: assets/css/gallery.css, enqueued on the gallery template only.
 */
.gallery-intro { margin: 24px 0 10px; }
.gallery-intro > :last-child { margin-bottom: 0.9rem; }

.gallery-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 24px;
  margin: 10px 0 20px;
}
.gallery-filters button {
  padding: 4px 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: #a0610a;
  font: 600 16px/1.3 var(--text);
  cursor: pointer;
}
.gallery-filters button[aria-pressed='true'] { color: var(--red); border-bottom-color: var(--red); }
.gallery-filters button:hover { color: var(--maroon); }

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}
@media (max-width: 1023px) { .gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; } }
.gallery-grid li[hidden] { display: none; }
.gallery-link { display: block; overflow: hidden; }
.gallery-link img { width: 100%; height: auto; transition: transform 0.3s; }
/* Masonry (gallery.js): 2 px rows, each photo spans its height plus the gap. */
.gallery-grid.is-masonry { grid-auto-rows: 2px; row-gap: 0; align-items: start; }
.gallery-link:hover img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .gallery-link img { transition: none; } }