/* ==========================================================
 * Cheddarmongers Gallery
 * ========================================================== */


/* ==========================================================
 * ALBUM CHILDREN
 * ========================================================== */

/* Album children block */
.block-views-blockalbum-children-block-1 {
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  background-color: var(--bs-light);
}

/* Album thumbnail grid */
.block-views-blockalbum-children-block-1 .views-view-grid {
  margin-bottom: 0;
}

/* Center album thumbnails within their grid cells */
.block-views-blockalbum-children-block-1
.views-view-responsive-grid__item-inner
.views-field-field-album-thumbnail img {
  margin-inline: auto;
}

/* Album thumbnails */
.block-views-blockalbum-children-block-1
.views-field-field-album-thumbnail img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 0.375rem;
}

/* Album titles */
.block-views-blockalbum-children-block-1 .views-field-title {
  margin-top: 0.5rem;
  text-align: center;
  font-weight: 400;
}


/* ==========================================================
 * ALBUM & PICTURE TILE HOVER
 * ========================================================== */

/* Album tiles */
.views-view-responsive-grid__item-inner:has(.image-style-gallery-album-thumbnail) {
  border: 2px solid transparent;
  border-radius: 8px;
  transition: border-color 0.2s ease;
}

/* Album tile hover */
.views-view-responsive-grid__item-inner:has(.image-style-gallery-album-thumbnail):hover {
  border-color: currentColor;
}

/* ==========================================================
 * PICTURE GALLERY
 * ========================================================== */

/* Picture gallery block */
.block-views-blockalbum-image-gallery-block-1 {
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
}

/* Picture thumbnails */
.block-views-blockalbum-image-gallery-block-1 img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 0.375rem;
}

/* Center picture thumbnails within their grid cells */
.block-views-blockalbum-image-gallery-block-1
.views-view-responsive-grid__item-inner img {
  margin-inline: auto;
}

/* ==========================================================
 * IMAGE SEARCH
 * ========================================================== */

/* Image search grid */
.image-search .views-view-grid {
  margin-bottom: 0;
}

/* Image search thumbnails */
.image-search img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 0.375rem;
}


/* ==========================================================
 * TAGGED IMAGES
 * ========================================================== */

/* Tagged images block */
.tagged-images-block {
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  background-color: var(--bs-light);
}

/* Tagged image thumbnails */
.tagged-images-block img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 0.375rem;
}