/* =========================================
   STYLE SPÉCIFIQUE - GALERIE
   ========================================= */

/* Le panneau qui contient tes galeries */
.cgv-panel {
  background: var(--glass-bg-dark);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-border); 
  border-radius: 24px;
  padding: 60px 30px; 
  width: 90%; 
  max-width: 1100px; 
  box-shadow: var(--shadow-douce); 
  color: var(--text-clair); 
  text-align: center;
  
  flex: 1; /* Pousse le footer vers le bas */
  display: flex;
  flex-direction: column;
  
  /* LA CORRECTION EST ICI : On force la même marge que les CGV */
  margin: 120px auto 80px auto !important; 
}

.cgv-panel h1 { 
  font-family: 'Playfair Display', serif; 
  color: var(--or-champagne); 
  
  /* LA 2ÈME CORRECTION EST ICI : On tue la marge fantôme du navigateur */
  margin-top: 0 !important; 
  margin-bottom: 10px; 
  
  font-size: 2.5rem; 
}

.cgv-panel p { 
  font-weight: 300; 
  color: var(--text-mute); 
  margin-bottom: 40px; 
}

/* --- LA GRILLE (L'ESPACE EST ICI) --- */
.gallery-grid {
  display: block; 
  margin-top: 20px;
  width: 100%;
}

/* --- CHAQUE CARTE D'ÉVÉNEMENT --- */
.fake-gal {
  display: block; 
  background: rgba(255, 255, 255, 0.05); 
  border: 1px solid var(--glass-border);
  border-radius: 12px; 
  padding: 30px 20px; 
  color: var(--text-clair);
  text-decoration: none;
  transition: all 0.3s ease; 
  cursor: pointer;
  margin-bottom: 15px; /* Espace sous chaque case */
}

/* On enlève l'espace sur la toute dernière carte */
.fake-gal:last-child {
  margin-bottom: 0;
}

.fake-gal:hover { 
  background: rgba(255, 255, 255, 0.1); 
  transform: translateY(-3px); 
  border-color: var(--or-champagne); 
}

.fake-gal strong { 
  display: block; 
  font-family: 'Playfair Display', serif; 
  font-size: 1.15rem; 
  margin-bottom: 8px;
}

.fake-gal span { 
  font-size: 0.75rem; 
  color: var(--or-champagne); 
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* --- AFFICHAGE DES PHOTOS (Une fois cliqué) --- */
#photoGrid { 
  display: grid; 
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
  gap: 15px; 
  margin-top: 20px; 
}

#photoGrid img { 
  width: 100%; height: 200px; object-fit: cover; border-radius: 12px; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.3); cursor: pointer; transition: transform 0.3s; 
}

/* Loader pendant le chargement */
.loader { 
  border: 4px solid rgba(255,255,255,0.1); border-top: 4px solid var(--or-champagne); 
  border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 15px auto; 
}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Bouton retour */
.btn-retour { 
  display: inline-block; margin-top: 50px; padding: 14px 35px; 
  border: 1px solid var(--or-champagne); color: var(--or-champagne); 
  text-decoration: none; border-radius: 50px; text-transform: uppercase; 
  font-size: 0.8rem; letter-spacing: 2px; transition: all 0.3s; 
}
.btn-retour:hover { background: var(--or-champagne); color: #111; }