/* Personal plugin: collapsible hierarchy in the Albums menu/dropdown.
   Only elements that JS has tagged are affected, so if JS fails to run
   the menu still renders fully expanded (no broken/hidden tree). */

#mbCategories li.pcm-has-children > ul { display: none !important; }
#mbCategories li.pcm-has-children.pcm-open > ul { display: block !important; }

#mbCategories .pcm-toggle,
#mbCategories .pcm-spacer {
  display: inline-block;
  width: 1.1em;
  margin-right: 3px;
  text-align: center;
  line-height: 1;
  font-size: .8em;
}

#mbCategories .pcm-toggle {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  opacity: .7;
}
#mbCategories .pcm-toggle:hover { opacity: 1; }

#mbCategories li.pcm-has-children > .pcm-toggle::before { content: "\25B6"; } /* ▶ collapsed */
#mbCategories li.pcm-has-children.pcm-open > .pcm-toggle::before { content: "\25BC"; } /* ▼ expanded */


/* ---------------------------------------------------------------------------
   Category page: show sub-albums 4 per row on wide screens.
   bootstrap_darkroom theme. Targets only the album .row (a direct child of
   #content), never the photo thumbnails grid (#thumbnails).
   --------------------------------------------------------------------------- */
@media (min-width: 992px) {
  #content > .row:not(#thumbnails) > .col-outer {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}