@media screen{

	/* FIGURES */

  .gallery{
    position: relative;
  }

  figure::before {
    content: none;  /* le "+" print est remplacé par .fig-titlebar en JS */
  }

  figure img {
    border: 1px solid currentColor;
  }

  figcaption {
    border: 1px solid var(--color-text);
    color: var(--color-text);
    font-size: var(--fs-notes);
    line-height: var(--lh-notes);
    background-color: var(--color-bg);
    max-width: calc(var(--unit)*8);
    z-index: 20;
    position: absolute;
    bottom: calc(var(--baseline)*-1.5);
    left: calc(var(--unit)*-0.5);
  }



  .chapter-content figcaption p::before{
    content: '' !important;
  }

  .portfolio figure::before,
  .intro-portfolio::before {
    content: none;
  }

  .intro-portfolio {
    position: static;
    width: 100%;
    left: auto;
    top: auto;
  }

  /* FENETRES FLOTTANTES  */
  .chapter-content figure {
    position: relative;
    display: block;
    border: 1px solid currentColor;
    margin-bottom: calc(var(--baseline) * 3);
    margin-top: calc(var(--baseline) * 5);
    user-select: none;
  }

  .chapter-content figure img {
    border: none;
    display: block;
  }

  /* Barre de titre injectée par chapter.js */
  .fig-titlebar {
    background: #000;
    color: white;
    padding: 4px 8px;
    font-family: var(--sign-family);
    font-size: var(--fs-infos);
    cursor: grab;
    user-select: none;
    border-bottom: 1px solid #FFF;
  }

  .fig-titlebar[data-dragging] {
    cursor: grabbing;
  }

  .fig-btn {
    display: block;
    width: 100%;
    text-align: right;
  }

  .fig-label {
    font-family: var(--sign-family);
    font-size: var(--fs-infos);
    text-transform: uppercase;
    opacity: 0.75;
  }

  .chapter-content figcaption {
    font-size: var(--fs-infos);
    border-top: 1px solid currentColor;
    padding: 8px;
    /* décalage horizontal aléatoire léger, défini par chapter.js */
    transform: translateX(var(--cap-shift, 0px));
  }

  .chapter-content figcaption p{
    margin: 0;
    text-indent: 0;
  }

  .chapter-content figcaption p br{
    display: none;
  }

  /* Design lightbox */
  .glightbox-clean .gslide-description {
    background: #000;
  }

  .glightbox-clean .gslide-description h4{
    color: #FFF;
    padding: 0;
    margin: 0;
    text-align: center;
  }

  .glightbox-clean .gslide-description h4:before{
    content: none;
  }

}

/* ---- Responsive ---- */

@media only screen and (max-width: 47.9em) {
  figcaption {
    position: static;
    max-width: 100%;
    left: auto;
    bottom: auto;
     border: none;
  }

  .chapter-content figcaption {
    transform: none;
  }

}