/*------------------------------------------------------------------
  Darkroom — Gallery page on blocks (page-gallery: the page header
  and the Darkroom Core block darkroom/portfolio).
  design.css (section 18) styles the grid, the cards and the viewer
  with the block's own markup; this file covers the block in a page
  and in the editor.
-------------------------------------------------------------------*/

/* The block is a full-width section of the page */
.ph-design .wp-block-darkroom-portfolio.ph-gallery-sec {
  margin-block: 0;
}

/* Photos hidden by the filter or by "Load more" stay hidden whatever the grid's display */
.ph-folio .ph-gitem[hidden] {
  display: none;
}

/* Editor: tiles and cards are not buttons or links there; words of the cards are edited in place */
.editor-styles-wrapper .ph-folio .ph-gphoto {
  cursor: default;
}

.editor-styles-wrapper .ph-folio .ph-gbook {
  cursor: text;
}

.editor-styles-wrapper .ph-folio .ph-gfilter,
.editor-styles-wrapper .ph-folio .ph-gmore__btn {
  cursor: text;
}

/* Editor: a photo still loading keeps its shape */
.ph-folio__wait {
  width: 100%;
  background: #eeeeee;
}