/* ===========================
   Juliana — Gallery page
   =========================== */

/* GAL-TITLE, GAL-FILTER, GAL-FEED, GAL-FOLLOW */

/* ===========================
   Main content styles
   =========================== */

.j-gal-title {
  /* border */
  border-bottom: 1px solid var(--c-hairline);

}

.j-gallery-filter {
  /* box model */
  margin-bottom: var(--sp-48);

  /* display */
  display: flex;

  /* flexbox */
  flex-wrap: wrap;
  gap: var(--sp-8);
  justify-content: center;

}

/* j-gallery-grid: always 3 columns — defined in layout.css */
.j-gal-feed .j-tile-portrait {
  /* border */
  border-radius: var(--r-tile);

  /* other */
  overflow: hidden;

}

.j-gal-feed .j-img {
  /* box model */
  width: 100%;
  height: 100%;

  /* display */
  display: block;

  /* transition */
  transition: transform 0.35s ease;

  /* other */
  object-fit: cover;

}

.j-gal-feed .j-tile-portrait:hover .j-img {
  /* other */
  transform: scale(1.03);

}


/* ===========================
   Native wp:gallery support
   =========================== */

.j-gallery-grid.wp-block-gallery {
  /* display */
  display: grid !important;

}

.j-gallery-grid .wp-block-image {
  /* box model */
  width: 100%;
  aspect-ratio: 3 / 4;

  /* border */
  border-radius: var(--r-tile);

  /* other */
  overflow: hidden;

}

.j-gallery-grid .wp-block-image img {
  /* box model */
  width: 100%;
  height: 100%;

  /* display */
  display: block;

  /* transition */
  transition: transform 0.35s ease;

  /* other */
  object-fit: cover;

}

.j-gallery-grid .wp-block-image:hover img {
  /* other */
  transform: scale(1.03);

}