/* chip-gallery.css — 2+3 chip photo gallery */

.chip-gallery {
  width: 100%;
  margin: 20px 0;
}

.chip-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 10px;
  margin-bottom: 10px;
}

.chip-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 8px 10px 8px;
  text-decoration: none !important;
  color: #333 !important;
  overflow: hidden;
}

/* Row 1 (top): 2 cards */
.chip-row-top .chip-card {
  flex: 0 1 49% !important;
  max-width: 49% !important;
}

/* Row 2 (bottom): 3 cards */
.chip-row-bottom .chip-card {
  flex: 0 1 32% !important;
  max-width: 32% !important;
}

.chip-card img {
  width: 100%;
  height: 160px;
  border-radius: 3px;
  display: block;
  background: #f8f8f8;
  object-fit: contain;
}

.chip-row-top .chip-card img {
  height: 180px;
}

.chip-caption {
  font-size: 11px;
  line-height: 1.35;
  text-align: center !important;
  margin-top: 6px;
  margin-bottom: 0;
  color: #222;
  font-weight: 600;
}

.chip-venue {
  font-size: 10px;
  color: #999;
  font-weight: 400;
}

/* Mobile: stack to 2 columns */
@media (max-width: 500px) {
  .chip-row {
    flex-wrap: wrap !important;
    gap: 8px;
  }
  .chip-row-top .chip-card,
  .chip-row-bottom .chip-card {
    flex: 0 1 48% !important;
    max-width: 48% !important;
  }
  .chip-card img {
    height: 120px;
  }
  .chip-row-top .chip-card img {
    height: 120px;
  }
}