/* Pride Photo Sharing: shared public lightbox ("In this photo" chips, counter) + the in-place "See all" grid. */

/* Counter */
.pps-lb-count{position:fixed;z-index:999999;top:calc(14px + env(safe-area-inset-top));left:14px;padding:6px 12px;border-radius:999px;
  background:rgba(34,8,58,.82);color:#fff;font:700 14px/1.2 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em;pointer-events:none}

/* The description area GLightbox gives us: dark, never white, and clear of the iPhone's home bar. */
/* With chips: the page's caption "badge" styling (pcc-parade-page) steps aside for the chip row. */
.glightbox-container .gslide-desc:has(.pps-lb-people){display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;text-align:left;font-size:15px!important;letter-spacing:0!important}
.glightbox-container .gdesc-inner:has(.pps-lb-people){padding:12px 14px!important;text-align:left}
.glightbox-mobile .glightbox-container .gslide-description{background:linear-gradient(to bottom,rgba(20,4,34,0) 0,rgba(20,4,34,.78) 28%,rgba(20,4,34,.94) 100%)!important;
  padding:28px 10px calc(14px + env(safe-area-inset-bottom))!important}
.pps-lb-cap{margin:0;color:#fff!important;font:500 14px/1.4 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}

.pps-lb-people{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.glightbox-container .pps-lb-in,.pps-lb-in{display:block;margin:0 0 6px;color:#fbbf24!important;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.pps-lb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.pps-lb-person{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-width:0}
.pps-lb-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:6px 12px 6px 6px;border-radius:999px;
  background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:700;line-height:1.2;
  box-shadow:0 4px 14px rgba(0,0,0,.35)}
span.pps-lb-chip{background:#4c1d95}
.pps-lb-chip:focus-visible,.pps-lb-ico:focus-visible,.pps-lb-tip:focus-visible,.pps-lb-more:focus-visible,.pps-lb-tile:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.pps-lb-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#fff;border:2px solid rgba(255,255,255,.85)}
.pps-lb-av--txt{display:inline-flex;align-items:center;justify-content:center;color:#7c3aed!important;font-weight:800;font-size:14px}
.pps-lb-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}
.pps-lb-badge{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.22);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pps-lb-extra{display:inline-flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
.glightbox-container .gslide-description:has(.pps-lb-people){box-sizing:border-box;overflow-x:hidden!important}
.pps-lb-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);
  color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.3)}
.pps-lb-tip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#fbbf24;color:#22083a!important;
  text-decoration:none!important;font-size:14px;font-weight:800}

/* "See all" in place */
.pps-lb-grid{margin:18px 0 0}
.pps-lb-grid-h{margin:0 0 12px;font-size:20px;font-weight:800;color:inherit;text-align:center;outline:none}
.pps-lb-grid-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pps-lb-grid-list li{margin:0}
.pps-lb-tile{position:relative;display:block;border-radius:12px;overflow:hidden;background:#ece4f6;aspect-ratio:1/1}
.pps-lb-tile img{display:block;width:100%;height:100%;object-fit:cover}
.pps-lb-tagged{position:absolute;right:6px;bottom:6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(34,8,58,.8);color:#fff;font:800 12px/22px sans-serif;text-align:center}
.pps-lb-more{display:block;margin:16px auto 0;min-height:48px;padding:0 24px;border:2px solid #7c3aed;border-radius:999px;background:#fff;color:#7c3aed;font:800 16px/1 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;cursor:pointer}
@media (min-width:600px){.pps-lb-grid-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (min-width:960px){.pps-lb-grid-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pps-lb-nm{max-width:260px}}
@media (prefers-reduced-motion:reduce){.pps-lb-tile,.pps-lb-chip{transition:none}}

/* Downloads row (event galleries) */
.glightbox-container .gslide-desc:has(.pps-lb-dls){display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;text-align:left;font-size:15px!important;letter-spacing:0!important}
.glightbox-container .gdesc-inner:has(.pps-lb-dls){padding:12px 14px!important;text-align:left}
.pps-lb-dls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0!important}
.pps-lb-dl{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;color:#22083a!important;text-decoration:none!important;font:800 14px/1 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.pps-lb-dl--frame{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff!important}
.pps-lb-dl:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}

/* The page's own display rules (e.g. ul.pcc-pe-ph-row{display:grid}) would beat the [hidden] attribute: "See all" must really swap the row for the grid. */
[data-pps-row][hidden],[data-pps-grid][hidden]{display:none!important}