/* GLightbox — Copal overrides */

/* Aligne mobile sur desktop : la lib applique déjà height:auto au-dessus de
   769px, mais pas en mobile. Sans cette règle, html/body { height:100% }
   (global.css) combiné à overflow:hidden (vendor) reset le scroll à 0 sur
   iOS Safari et Chrome mobile pendant que la lightbox est ouverte. */
html.glightbox-open,
body.glightbox-open {
  height: auto;
}

/* Lightbox anchor must not break layout grid */
.layout-column figure a.glightbox {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.layout-column figure a.glightbox img {
  cursor: zoom-in;
}

/* Overlay */
.glightbox-clean .goverlay {
  background: rgba(26, 26, 26, 0.94);
}

/* Image — no border-radius in fullscreen */
.glightbox-clean .gslide-image img {
  border-radius: 0;
}

/* ── Navigation arrows — style .nav-arrow ── */
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #203c21;
  color: #fefef6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  border: none;
  padding: 0;
}

.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover {
  background-color: #6aade1;
}

.glightbox-clean .gnext svg,
.glightbox-clean .gprev svg {
  width: 22px;
  height: 22px;
  display: block;
  /* override default garrow stroke */
  stroke: currentColor !important;
  fill: none !important;
}

/* ── Close button — same circle style ── */
.glightbox-clean .gclose {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #203c21;
  color: #fefef6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  opacity: 1;
  top: 20px;
  right: 20px;
  border: none;
  padding: 0;
}

.glightbox-clean .gclose:hover {
  background-color: #6aade1;
  opacity: 1;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor !important;
  fill: none !important;
}

/* Neutralise les fill:#fff hérités sur path (anciens SVG par défaut) */
.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
  fill: none;
  stroke: currentColor;
}

/* ── Description / caption ── */
.glightbox-clean .gslide-description {
  font-family: 'Montserrat', system-ui, sans-serif;
  background: transparent;
}

.glightbox-clean .gslide-desc {
  color: rgba(254, 254, 246, 0.75);
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 12px 20px;
}

.glightbox-clean .gslide-title {
  display: none;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    width: 40px;
    height: 40px;
  }

  .glightbox-clean .gnext svg,
  .glightbox-clean .gprev svg {
    width: 18px;
    height: 18px;
  }

  .glightbox-clean .gclose {
    width: 38px;
    height: 38px;
    top: 12px;
    right: 12px;
  }

  .glightbox-clean .gclose svg {
    width: 16px;
    height: 16px;
  }

  .glightbox-clean .gslide-desc {
    font-size: 0.8rem;
    padding: 8px 16px;
  }
}