@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Lato:wght@400;700&display=swap');
:root{--g:#00843D;--gd:#005a2b;--j:#FDEF00;--r:#E2001A;--t:.22s ease}

.fsfg-wrap{font-family:'Lato',sans-serif}
.fsfg-empty{color:#888;text-align:center;padding:30px;font-style:italic}

/* ── Filtres ── */
.fsfg-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f0f0f0}
.fsfg-ftab{background:none;border:2px solid #e0e0e0;padding:7px 16px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--t);color:#666}
.fsfg-ftab:hover{border-color:var(--g);color:var(--g)}
.fsfg-ftab.active{background:var(--g);border-color:var(--g);color:#fff}

/* ── Grille albums ── */
.fsfg-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.fsfg-album-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e5e5;overflow:hidden;transition:box-shadow .25s,transform .25s}
.fsfg-album-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(-3px)}
.fsfg-album-cover{position:relative;padding-top:65%;overflow:hidden;background:#f0f0f0}
.fsfg-album-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.fsfg-album-card:hover .fsfg-album-cover img{transform:scale(1.05)}
.fsfg-cover-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}
.fsfg-album-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%);display:flex;align-items:flex-end;padding:12px}
.fsfg-album-count{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:1px;color:#fff;background:rgba(0,0,0,.4);padding:3px 9px;backdrop-filter:blur(4px)}
.fsfg-album-info{padding:13px 15px}
.fsfg-album-name{font-family:'Oswald',sans-serif;font-size:16px;font-weight:600;margin:0 0 4px;color:#111}
.fsfg-album-comp{font-size:12px;color:var(--gd);font-weight:700;margin:0 0 6px;text-transform:uppercase;letter-spacing:.3px}
.fsfg-album-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#aaa}

/* ── En-tête album individuel ── */
.fsfg-album-header{margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--g)}
.fsfg-album-h-title{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;margin:0 0 8px;color:#111}
.fsfg-album-h-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#666}

/* ── Grille médias ── */
.fsfg-media-grid{display:grid;gap:4px}
.fsfg-cols-3{grid-template-columns:repeat(3,1fr)}
.fsfg-cols-4{grid-template-columns:repeat(4,1fr)}
.fsfg-cols-5{grid-template-columns:repeat(5,1fr)}
.fsfg-media-item{position:relative;padding-top:75%;overflow:hidden;background:#111;cursor:pointer}
.fsfg-media-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}
.fsfg-media-item:hover img{transform:scale(1.06);opacity:.85}
.fsfg-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px;color:rgba(255,255,255,.9);text-shadow:0 2px 8px rgba(0,0,0,.5);transition:transform var(--t)}
.fsfg-media-item:hover .fsfg-play-btn{transform:scale(1.15)}
.fsfg-item-legende{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:5px 8px;opacity:0;transition:opacity var(--t)}
.fsfg-media-item:hover .fsfg-item-legende{opacity:1}

/* ── Lightbox ── */
.fsfg-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:99999;align-items:center;justify-content:center}
.fsfg-lightbox.active{display:flex}
.fsfg-lb-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:2;opacity:.7;transition:opacity var(--t);line-height:1}
.fsfg-lb-close:hover{opacity:1}
.fsfg-lb-prev,.fsfg-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:none;color:#fff;font-size:24px;width:48px;height:64px;cursor:pointer;z-index:2;transition:background var(--t);display:flex;align-items:center;justify-content:center}
.fsfg-lb-prev{left:8px}.fsfg-lb-next{right:8px}
.fsfg-lb-prev:hover,.fsfg-lb-next:hover{background:rgba(255,255,255,.25)}
.fsfg-lb-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:10px}
.fsfg-lb-media img{max-width:90vw;max-height:80vh;object-fit:contain;display:block}
.fsfg-lb-media iframe{width:min(90vw,960px);height:min(80vh,540px);border:none;display:block}
.fsfg-lb-legende{color:rgba(255,255,255,.75);font-size:13px;text-align:center;min-height:18px}
.fsfg-lb-counter{color:rgba(255,255,255,.4);font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:2px}

@media(max-width:768px){.fsfg-cols-4,.fsfg-cols-5{grid-template-columns:repeat(3,1fr)}.fsfg-albums-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.fsfg-cols-3,.fsfg-cols-4,.fsfg-cols-5{grid-template-columns:repeat(2,1fr)}.fsfg-albums-grid{grid-template-columns:1fr}}