/*
 * GT Center — Lightbox (delad komponent)
 * Trigger: .gtc-zoom · overlay byggs av lightbox.js
 * Root font size: 62.5% (1rem = 10px)
 */

.gtc-zoom { cursor: zoom-in; }

.gtc-lightbox {
  position:        fixed;
  inset:           0;
  z-index:         99999;
  display:         none;
  align-items:     center;
  justify-content: center;
  padding:         4vmin;
  background:      rgba(10, 9, 6, 0.92);
  cursor:          zoom-out;
}
.gtc-lightbox.is-open { display: flex; }

.gtc-lightbox__img {
  max-width:     94vw;
  max-height:    90vh;
  object-fit:    contain;
  border-radius: 3px;
  box-shadow:    0 2rem 6rem rgba(0, 0, 0, 0.5);
}

.gtc-lightbox__close {
  position:        absolute;
  top:             2rem;
  right:           2.4rem;
  width:           4.4rem;
  height:          4.4rem;
  display:         flex;
  align-items:     center;
  justify-content: center;
  border:          0;
  border-radius:   50%;
  background:      rgba(255, 255, 255, 0.12);
  color:           #fff;
  font-size:       3rem;
  line-height:     1;
  cursor:          pointer;
}
.gtc-lightbox__close:hover { background: rgba(255, 255, 255, 0.24); }

.gtc-lightbox__nav {
  position:        absolute;
  top:             50%;
  transform:       translateY(-50%);
  width:           4.8rem;
  height:          4.8rem;
  display:         flex;
  align-items:     center;
  justify-content: center;
  border:          0;
  border-radius:   50%;
  background:      rgba(255, 255, 255, 0.12);
  color:           #fff;
  font-size:       3.4rem;
  line-height:     1;
  padding-bottom:  0.4rem;
  cursor:          pointer;
}
.gtc-lightbox__nav:hover { background: rgba(255, 255, 255, 0.24); }
.gtc-lightbox__nav--prev { left:  2.4rem; }
.gtc-lightbox__nav--next { right: 2.4rem; }
.gtc-lightbox__nav[hidden] { display: none; }

.gtc-lightbox__counter {
  position:       absolute;
  bottom:         2.4rem;
  left:           50%;
  transform:      translateX(-50%);
  color:          rgba(255, 255, 255, 0.8);
  font-size:      1.4rem;
  letter-spacing: 0.08em;
}

@media (max-width: 600px) {
  .gtc-lightbox__nav--prev { left:  1rem; }
  .gtc-lightbox__nav--next { right: 1rem; }
}