/* Culture page and related-pieces modal */

/* Pieza modal above main menu, square corners */
#piezaModal.modal {
  z-index: 2055;
}
#piezaModal .modal-dialog,
#piezaModal .modal-content {
  border-radius: 0;
}
body:has(#piezaModal.show) .modal-backdrop {
  z-index: 2050;
}

/* Accordion: only bottom border, gray hover/open state, black text */
#cultureAccordion .accordion-item {
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  background: transparent;
}
#cultureAccordion .accordion-button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  color: #000;
}
#cultureAccordion .accordion-item:first-child .accordion-button,
#cultureAccordion .accordion-item:last-child .accordion-button.collapsed {
  border-radius: 0;
}
#cultureAccordion .accordion-button:hover,
#cultureAccordion .accordion-button:focus,
#cultureAccordion .accordion-button:not(.collapsed) {
  background-color: #d2d2d2;
  color: #000;
  box-shadow: none;
}
#cultureAccordion .accordion-button:not(.collapsed)::after {
  filter: none;
}

/* Pieza thumb: aspect ratio and cover (Bootstrap may not have object-fit in older versions) */
.culture-page__pieza-link img.object-fit-cover {
  object-fit: cover;
}

.pieza-modal__image {
  width: 100%;
  max-height: 50vh;
  object-fit: contain;
  background: #f0f0f0;
}

#piezaModalMeta p {
  margin-bottom: 0.25rem;
}

/* Tab bodies: WordPress NextGen-style galleries from import */
.culture-tab-content .ngg-galleryoverview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
  align-items: flex-start;
}
.culture-tab-content .ngg-gallery-thumbnail-box {
  flex: 0 0 auto;
  max-width: 120px;
}
.culture-tab-content .ngg-gallery-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}
.culture-tab-content .ngg-gallery-thumbnail a {
  display: block;
}