/* Project Gallery Lightbox */
#sc-project-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

#sc-project-lightbox.is-open {
  display: block;
}

#sc-project-lightbox .sc-plb-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.85);
}

#sc-project-lightbox .sc-plb-dialog {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#sc-project-lightbox .sc-plb-inner {
  position: relative;
  width: min(1100px, 100%);
  display: flex;
  flex-direction: column;
}

/* Close (X) */
#sc-project-lightbox .sc-plb-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  padding: 0;
  border: 2px solid white;
  background: transparent;
  z-index: 999;
  top: 10px;
  right: 10px;
}

/* Slider container */
#sc-project-lightbox .sc-plb-slider {
  width: 100%;
  height: 100%;
}

/* Make slides fit nicely */
#sc-project-lightbox .sc-plb-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: min(70vh, 760px);
}

#sc-project-lightbox .sc-plb-slide img {
  max-width: 100%;
  aspect-ratio: 16 / 12;
  object-fit: cover;
  width: auto;
  height: auto;
  display: block;
}

/* Bottom-center arrows wrapper */
#sc-project-lightbox .sc-plb-nav {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

/* Arrow buttons */
#sc-project-lightbox .sc-plb-arrow {
  width: 44px;
  height: 44px;
  border: 0;
  cursor: pointer;
  background: #E45226;
  color: #fff;
  font-size: 48px;
  line-height: 44px;
  text-align: center;
  padding:0;
  text-indent: -4000px;
}
#sc-project-lightbox .sc-plb-nav .sc-plb-arrow:first-child{
  background: #E45226 url(images/left.png) no-repeat center;
  background-size: 15px;
}
#sc-project-lightbox .sc-plb-nav .sc-plb-arrow:last-child{
  background: #E45226 url(images/right.png) no-repeat center;
  background-size: 15px;
}

/* Disable Slick default arrows */
#sc-project-lightbox .slick-prev,
#sc-project-lightbox .slick-next {
  display: none !important;
}

/* Full-height vertical title band */
#sc-project-lightbox .sc-plb-titleband {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 90px; /* Band thickness */
  background: rgba(8, 28, 56, 0.75);
  backdrop-filter: blur(6px);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/* Rotated title text */
#sc-project-lightbox .sc-plb-titleband .sc-plb-titletext {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  transform: rotate(-90deg);
  transform-origin: center;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* Decorative separator line (matches reference) */
#sc-project-lightbox .sc-plb-titleband .sc-plb-titletext::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 2px;
  background: rgba(255,255,255,0.65);
}

/* Responsive adjustments */
@media (max-width: 767px) {
  #sc-project-lightbox .sc-plb-titleband {
    left: -62px;
  }
  #sc-project-lightbox .sc-plb-titleband .sc-plb-titletext {
    font-size: 22px;
    padding: 12px 16px;
  }
  #sc-project-lightbox .sc-plb-titleband .sc-plb-titletext::after {
    width: 40px;
    margin-left: 12px;
  }
}