/* ==========================================================================
   Gallery lightbox — shared by single-project.php and taxonomy-practice-dimension.php (every
   real gallery across the MASTER system: Project pages and all four Practice Dimension
   archives). Scoped under .master-prototype, which both templates already apply to <main>, so
   this can never collide with any other page's CSS.

   Trigger affordance only touches .gallery-card-trigger, a wrapper this pilot introduced around
   the gallery-card's existing <img> -- master-prototype.css's own .gallery-card/.media-shade/
   .media-copy rules are completely unmodified and still own the visual composition; this file
   only adds the click affordance and the overlay itself. */

.master-prototype .gallery-card-trigger{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;text-align:inherit;font:inherit;color:inherit}
/* !important: the sitewide button reset (home.css/pages.css, enqueued after this file via the
   theme's own wp_enqueue_scripts hook on every front-end page regardless of template) sets
   cursor:pointer on every <button> -- this is the one property deliberately overridden here. */
@media(hover:hover){
  .master-prototype .gallery-card-trigger{cursor:zoom-in!important}
}

.master-prototype .lightbox{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;background:rgba(6,4,3,.92);padding:min(6vh,48px) min(6vw,48px)}
.master-prototype .lightbox.is-open{display:flex}
.master-prototype .lightbox-figure{position:relative;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.master-prototype .lightbox-img-wrap{max-width:100%;max-height:78vh;display:flex}
.master-prototype .lightbox-img{max-width:100%;max-height:78vh;width:auto;height:auto;border-radius:6px;object-fit:contain;background:#111}
.master-prototype .lightbox-caption{color:rgba(252,252,252,.85);font-size:12.5px;text-align:center;max-width:60ch;line-height:1.4}
.master-prototype .lightbox-close{position:absolute;top:-6px;right:-6px;width:38px;height:38px;border-radius:50%;background:rgba(252,252,252,.12);color:#fcfcfc;display:grid;place-items:center;font-size:18px;line-height:1}
.master-prototype .lightbox-close:hover{background:rgba(252,252,252,.22)}
.master-prototype .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(252,252,252,.12);color:#fcfcfc;display:grid;place-items:center;font-size:18px}
.master-prototype .lightbox-nav:hover{background:rgba(252,252,252,.22)}
.master-prototype .lightbox-prev{left:-14px}
.master-prototype .lightbox-next{right:-14px}
.master-prototype .lightbox-count{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:rgba(252,252,252,.6);font-family:var(--mp-mono);font-size:10.5px;letter-spacing:.04em}
.master-prototype .lightbox :focus-visible{outline:2px solid var(--mp-gold);outline-offset:2px}
@media(max-width:700px){
  .master-prototype .lightbox{padding:24px 12px 56px}
  .master-prototype .lightbox-nav{width:38px;height:38px}
  .master-prototype .lightbox-prev{left:2px}
  .master-prototype .lightbox-next{right:2px}
  .master-prototype .lightbox-close{top:2px;right:2px}
}