/* Webdevo Galerie — masonry horizontal (JS) + lightbox */

/* Conteneur : colonnes en flex, remplies par le JS */
.wdv-masonry{display:flex;gap:1.1rem;align-items:flex-start;}
.wdv-masonry__col{flex:1;display:flex;flex-direction:column;gap:1.1rem;min-width:0;}

/* Avant l'init JS : fallback en grille simple pour éviter le flash */
.wdv-masonry:not(.wdv-ready){display:grid;gap:1.1rem;}
.wdv-masonry:not(.wdv-ready).wdv-cols-2{grid-template-columns:repeat(2,1fr);}
.wdv-masonry:not(.wdv-ready).wdv-cols-3{grid-template-columns:repeat(3,1fr);}
.wdv-masonry:not(.wdv-ready).wdv-cols-4{grid-template-columns:repeat(4,1fr);}

.wdv-item{position:relative;overflow:hidden;cursor:zoom-in;}
.wdv-item img{width:100%;display:block;transition:transform 1.1s cubic-bezier(.4,0,.2,1);}
.wdv-item::after{content:'';position:absolute;inset:0;background:rgba(5,3,2,0);transition:.4s cubic-bezier(.4,0,.2,1);pointer-events:none;}
.wdv-item:hover img{transform:scale(1.05);}
.wdv-item:hover::after{background:rgba(5,3,2,.15);}

/* Lightbox */
.wdv-lb{position:fixed;inset:0;z-index:9999;background:rgba(5,3,2,.95);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;}
.wdv-lb.open{display:flex;opacity:1;}
.wdv-lb__img{max-width:88vw;max-height:84vh;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.6);user-select:none;}
.wdv-lb__btn{position:absolute;background:rgba(245,241,232,.08);border:1px solid rgba(245,241,232,.25);color:#f5f1e8;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease;}
.wdv-lb__btn:hover{background:#d3c7af;color:#050302;border-color:#d3c7af;}
.wdv-lb__btn svg{width:24px;height:24px;}
.wdv-lb__prev{left:2.5rem;top:50%;transform:translateY(-50%);}
.wdv-lb__next{right:2.5rem;top:50%;transform:translateY(-50%);}
.wdv-lb__close{top:1.6rem;right:1.6rem;width:48px;height:48px;}
.wdv-lb__count{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);color:#a59c8c;font-size:.8rem;letter-spacing:.2em;}

@media(max-width:768px){
  .wdv-lb__prev{left:.8rem;}
  .wdv-lb__next{right:.8rem;}
  .wdv-lb__btn{width:44px;height:44px;}
  .wdv-lb__img{max-width:94vw;}
}