/* Hide uploader info, like/comment counts, and the like/comment/share bar in the gallery image lightbox, leaving only the image visible */
[data-template="modals/community-gallery-image-modal"] .image-details {
  display: none !important;
}

.gallery-component[gallery-id] .gallery-card .bs-text-menu {
  display: none !important;
}

/* Make the image fill the entire lightbox frame with no empty space.
   Only the single-viewport wrapper elements get width+height forced to 100%.
   The carousel's sliding-track elements (.owl-stage, .owl-item, .gallery-carousel-tile)
   only get height forced — forcing their width breaks slide positioning since they sit
   side-by-side in one wide horizontal track. */
[data-template="modals/community-gallery-image-modal"] .image-slider,
[data-template="modals/community-gallery-image-modal"] .carousel,
[data-template="modals/community-gallery-image-modal"] .owl-carousel,
[data-template="modals/community-gallery-image-modal"] .owl-stage-outer {
  height: 100% !important;
  width: 100% !important;
}
[data-template="modals/community-gallery-image-modal"] .owl-stage,
[data-template="modals/community-gallery-image-modal"] .owl-item,
[data-template="modals/community-gallery-image-modal"] .gallery-carousel-tile {
  height: 100% !important;
}

[data-template="modals/community-gallery-image-modal"] .header .cancel {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 99999 !important;
}