/* Compatibilité autonome sans Joomla : les règles visuelles originales restent dans les CSS fournis. */
.gkIsWrapper-gk_storefront{position:relative;overflow:hidden}.gkIsWrapper-gk_storefront figure img{display:block;width:100%;height:auto}
.aramis-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:99999}.aramis-lightbox.open{display:flex}.aramis-lightbox img{max-width:92vw;max-height:90vh}.aramis-lightbox button{position:absolute;right:25px;top:15px;border:0;background:none;color:#fff;font-size:48px;cursor:pointer}

/* Diaporama horizontal « Nos réalisations » — reprise autonome de l'effet Joomla */
@import url('/assets/css/slideshow-gracyl.css');

#portfolio .gallery .inside{position:relative;height:400px;width:100%;overflow:hidden}
#portfolio .item{position:absolute;inset:0;width:100%;height:400px;opacity:0;visibility:hidden;transform:translateX(5%);transition:opacity .75s ease,transform .75s ease,visibility .75s}
#portfolio .item.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}
#portfolio .item.is-leaving-left{opacity:0;visibility:visible;transform:translateX(-5%);z-index:1}
#portfolio .item.is-leaving-right{opacity:0;visibility:visible;transform:translateX(5%);z-index:1}
#portfolio .item>div{display:flex;align-items:center;justify-content:center}
#portfolio .item img{height:400px;width:auto;max-width:50%;object-fit:contain}
#portfolio .arrows a{display:block!important;cursor:pointer}
#portfolio .paths{display:flex;gap:7px;left:50%;top:auto;bottom:14px;transform:translateX(-50%);margin:0}
#portfolio .paths a{position:static;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.42);text-indent:-9999px}
#portfolio .paths a.active{background:#fff}

/* Page Réalisations : grille en damier + popup plein écran */
#phocagallery .container{width:100%;max-width:1170px;margin:0 auto;padding:0}
#phocagallery .content{width:100%;margin:0}
#phocagallery .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;padding:0;margin:0 0 45px}
#phocagallery .grid__item{position:relative;overflow:hidden;cursor:zoom-in;background:#eee;aspect-ratio:4/3}
#phocagallery .grid__item:nth-child(7n+2),#phocagallery .grid__item:nth-child(7n+5){grid-row:span 2;aspect-ratio:auto}
#phocagallery .grid__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
#phocagallery .grid__item::after{content:"";position:absolute;inset:0;background:rgba(25,59,78,0);transition:background .35s ease;pointer-events:none}
#phocagallery .grid__item:hover img{transform:scale(1.045);filter:saturate(1.05)}
#phocagallery .grid__item:hover::after{background:rgba(25,59,78,.12)}
#phocagallery .preview{display:none!important}

.aramis-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:99999;padding:54px 76px}
.aramis-lightbox.open{display:flex;animation:aramisLbFade .22s ease}
.aramis-lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}
.aramis-lightbox img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;box-shadow:0 12px 55px rgba(0,0,0,.55)}
.aramis-lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;line-height:1;padding:8px;z-index:2}
.aramis-lightbox .lb-close{right:20px;top:12px;font-size:46px}
.aramis-lightbox .lb-prev,.aramis-lightbox .lb-next{top:50%;transform:translateY(-50%);font-size:62px;font-family:Arial,sans-serif}
.aramis-lightbox .lb-prev{left:15px}.aramis-lightbox .lb-next{right:15px}
.aramis-lightbox .lb-count{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);color:#fff;font:14px Arial,sans-serif;letter-spacing:.08em}
@keyframes aramisLbFade{from{opacity:0}to{opacity:1}}

@media(max-width:900px){#phocagallery .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 #portfolio,#portfolio .gallery,#portfolio .gallery .inside,.gracyl-portfolio-wrapper{height:260px!important}
 #portfolio .item{height:260px}
 #portfolio .item img{height:260px;max-width:74%}
 #portfolio .background-left,#portfolio .background-right{height:260px;width:13%}
 #portfolio .arrows .prev,#portfolio .arrows .next{top:112px!important}
 #portfolio .arrows .prev{left:8%!important}#portfolio .arrows .next{right:8%!important}
 #phocagallery .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #phocagallery .grid__item:nth-child(7n+2),#phocagallery .grid__item:nth-child(7n+5){grid-row:auto;aspect-ratio:4/3}
 .aramis-lightbox{padding:48px 42px}.aramis-lightbox .lb-prev{left:2px}.aramis-lightbox .lb-next{right:2px}
}