/* Folder Tiles plugin styling
   Generated tiles reuse the site's own native tile markup/classes
   (.HomePanel .DashTile .HomePanelIN .HomePanelDynamicDash .tile-multi
   .tile-desc .tile_corner_box etc.) so they look pixel-identical to the
   real homepage dash tiles, including thumbnails and the resource-count
   badge. Only the drill-down wrapper, grid layout and breadcrumb bar below
   are specific to this plugin. */

#foldertiles-drilldown {
    max-width: 1376px;
    margin: 0 auto;
    padding-top: var(--space-24, 24px);
}

.FolderTileNav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 16px;
    font-size: 15px;
}

.FolderTileNav a {
    cursor: pointer;
    text-decoration: underline;
    color: var(--colour-link-primary-default, #2c6ea3);
}

.FolderTileNav a:hover {
    color: var(--colour-link-primary-hover, #17436a);
}

.FolderTileNav .FolderTileCrumbSep {
    opacity: 0.6;
    margin: 0 2px;
}

.FolderTileNav .FolderTileCrumbCurrent {
    font-weight: 600;
}

.FolderTileGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
    gap: var(--space-32, 32px);
}

@media (max-width: 900px) {
    .FolderTileGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 550px) {
    .FolderTileGrid {
        grid-template-columns: 1fr;
    }
}

.FolderTile {
    cursor: pointer;
}

.FolderTileEmptyMsg {
    grid-column: 1 / -1;
}