/*===============================
/templates/ja_aiga/css/user.css
================================================================================*/
.isotope-gallery{position:relative;margin:2rem auto;max-width:1200px;overflow:hidden} .isotope-gallery .item{width:31%;margin-bottom:2%;float:left;position:relative}.isotope-gallery .grid-sizer{width:31%} .image-item{position:relative;overflow:hidden} .image-item img{width:100%;height:auto;display:block;transition:transform 0.4s ease,opacity 0.4s ease} .image-item .fa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;color:#fff;font-size:1.8rem;transition:all 0.3s ease} .image-item:hover img{transform:scale(1.05);opacity:0.8}.image-item:hover .fa{transform:translate(-50%,-50%) scale(1);opacity:1} @media (max-width:991px){.isotope-gallery .item,.isotope-gallery .grid-sizer{width:48%}}@media (max-width:600px){.isotope-gallery .item,.isotope-gallery .grid-sizer{width:100%}} .fullwidth-gallery-wrapper{width:100%;max-width:1200px; margin:0 auto; padding:0 16px; box-sizing:border-box} .fullwidth-gallery{position:relative; } .fullwidth-gallery .grid-sizer{width:33.333%; } .fullwidth-gallery .item{width:33.333%;margin-bottom:16px} .fullwidth-gallery .image-item img{width:100%;display:block;border-radius:0; height:auto;transition:transform 0.3s ease}.fullwidth-gallery .image-item img:hover{transform:scale(1.02)} .item-image img,.article-intro img,.article-fulltext img,.blog-featured img{width:auto !important;height:auto !important;max-width:100% !important;object-fit:contain !important} .refuge-box{background:#1e293b;border-radius:10px;overflow:hidden;margin-bottom:30px;transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center}.refuge-box:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,0.5)}.refuge-img{width:100%;height:250px;object-fit:cover;border-bottom:3px solid #374151}.refuge-info{padding:20px 15px}.refuge-info h3{color:#ffffff;font-size:20px;margin-bottom:5px;font-weight:600}.refuge-info p{color:#d1d5db;margin-bottom:10px;font-size:14px}.refuge-stars{width:120px} .splitboard .refuge-box{background:#0f172a;border-bottom:3px solid #2563eb}.splitboard .refuge-box:hover{box-shadow:0 8px 20px rgba(37,99,235,0.4)}.splitboard .refuge-info h3{color:#60a5fa}.splitboard h2{color:#60a5fa !important}<!-- ============================================================ Accordéon ============================================================ --> <style> details.accordion-item{border:1px solid #d5d5d5 !important;border-radius:8px;margin:0 0 12px 0 !important;overflow:hidden;background:#fff}details.accordion-item > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px !important;background:#f5f6f7;transition:background .2s ease}details.accordion-item > summary:hover{background:#eaebec} details.accordion-item > summary::-webkit-details-marker{display:none} details.accordion-item > summary{list-style-type:none} details.accordion-item > summary h2,details.accordion-item > summary h3{margin:0 !important;padding:0 !important;flex:1 1 auto; } details.accordion-item > summary .accordion-icon{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#1a73e8;color:#ffffff !important;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:bold;line-height:1}details.accordion-item:not([open]) > summary .accordion-icon::before{content:"+"}details.accordion-item[open] > summary .accordion-icon::before{content:"–"}details.accordion-item > .accordion-body{padding:20px !important;border-top:1px solid #e2e2e2}</style>