/* Styles spécifiques à vietnam-facile/partenaires/sangho/sangho.html */

:root { --navy:#0F4C5C; --gold:#F9A620; --bg:#FAFAF7; }
        body { background: var(--bg); font-family: 'Poppins', sans-serif; color: #1a2e35; }
        h1,h2,h3 { font-family: 'Montserrat', sans-serif; }
        .reveal { opacity: 0; transform: translateY(24px); transition: all 0.8s cubic-bezier(.2,.7,.2,1); }
        .reveal.revealed { opacity: 1; transform: translateY(0); }
        .glass { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        
        .logo { display:flex;align-items:center;gap:12px;font-family:'DM Serif Display';font-size:20px}
        .logo { 
			img {
			width:80px;height:80px;border-radius:50%;border:1px solid var(--border);object-fit:cover
			}
  		}

.galerie { 
  column-count: 4; 
  column-gap: 2rem; 
  column-rule: 1px solid #ddd; 
}
.galerie figure { 
  break-inside: avoid; /* <- CORRIGÉ */
  margin: 0 0 1.5rem; 
  cursor: zoom-in;
}
.galerie img { width:100%; height:auto; display:block; border-radius:6px; }

@media (max-width:1024px){ .galerie{ column-count:2; column-gap:1.5rem; } }
@media (max-width:767px){ .galerie{ column-count:1; column-rule:none; } }

/* lightbox */
.lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.92);
  display: flex; align-items:center; justify-content:center;
  z-index: 9999; padding:1rem; cursor: zoom-out;
  animation: fade .2s ease;
}
.lightbox img {
  width: 100vw; height: 100vh; max-width:100vw; max-height:100vh; object-fit:contain;
  border-radius:8px; box-shadow:0 0 30px rgba(0,0,0,.5);
}
.lightbox .caption { 
  position: absolute; bottom:20px; left:0; right:0;
  color:#fff; text-align:center; margin-top:.8rem; font-size:1rem;
}
@keyframes fade { from{opacity:0} to{opacity:1} }