/* Copyright (c) 2026 Donnie V. Savage, dSavage Networks */
/* Licensed for use by No Rules Riders. All Rights Reserved. */
.photo-tiles { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; }
.photo-tile { position:relative; min-height:320px; background:linear-gradient(160deg,var(--nrr-color-black),var(--nrr-color-muted)); color:var(--nrr-color-white); text-decoration:none; display:flex; align-items:flex-end; overflow:hidden; border:1px solid var(--nrr-color-line); }
.photo-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.photo-tile .overlay { position:relative; width:100%; padding:14px; background:linear-gradient(180deg,var(--nrr-alpha-true-black-55),var(--nrr-alpha-true-black-84)); text-shadow:0 2px 8px var(--nrr-alpha-true-black-90); }
.photo-tile .overlay .small,
.photo-tile .overlay .muted,
.photo-tile .overlay .small.muted { color:var(--nrr-color-white); }
.photo-tile-title { font-size:26px; font-weight:900; line-height:1.1; }
.photo-masonry { column-count:3; column-gap:18px; }
.photo-card { break-inside:avoid; margin:0 0 18px; border:1px solid var(--nrr-color-line); background:var(--nrr-color-white); display:block; color:var(--nrr-color-black); text-decoration:none; }
.photo-card img { display:block; width:100%; aspect-ratio:4 / 3; height:auto; object-fit:cover; background:var(--nrr-color-surface-warm); }
.photo-card .meta { padding:10px 12px; }
.photo-card .meta strong { display:block; margin-bottom:5px; }
.photo-placeholder { min-height:160px; display:flex; align-items:center; justify-content:center; text-align:center; padding:18px; background:linear-gradient(135deg,var(--nrr-color-surface),var(--nrr-color-line)); }
.photo-toolbar--tight { margin-bottom: 0; }
.photo-toolbar--end { justify-content: flex-end; }
.photo-photo-delete-actions { margin-top: 14px; }
.photo-card-link-reset { color: inherit; text-decoration: none; display: block; }
@media (max-width: 1100px) { .photo-masonry { column-count:2; } }
@media (max-width: 720px) { .photo-masonry { column-count:1; } }
@media (max-width: 640px) { .photo-tiles { grid-template-columns:1fr; } }

.photo-chapter-sort-divider {
    align-items: center;
    color: var(--nrr-color-gold);
    display: grid;
    gap: 12px;
    grid-column: 1 / -1;
    grid-template-columns: minmax(42px, 1fr) auto minmax(42px, 1fr);
    margin: 2px auto;
    width: min(760px, 88%);
}

.photo-chapter-sort-divider span {
    background: linear-gradient(90deg, transparent, var(--nrr-alpha-gold-90), transparent);
    height: 1px;
}

.photo-chapter-sort-divider strong {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    justify-content: center;
    line-height: 1;
    text-shadow: 0 1px 8px var(--nrr-alpha-gold-55);
}


.photo-toolbar--all-chapter-header {
    align-items: flex-start;
}

.photo-toolbar--all-chapter-header .wayfinder-header {
    flex: 1 1 360px;
    margin-bottom: 0;
}

.photo-toolbar--all-chapter-header form {
    flex: 1 1 320px;
}

@media (max-width: 720px) {
    .photo-toolbar--all-chapter-header {
        display: grid;
        gap: 14px;
    }

    .photo-toolbar--all-chapter-header form,
    .photo-toolbar--all-chapter-header .nrr-select,
    .photo-toolbar--all-chapter-header .photo-filter-button {
        min-width: 0;
        width: 100%;
    }
}