/*
  galeries.css — Pages galeries publiques (index.tpl / view.tpl)
  Dépend de base.css + encyclopedie.css : la grille de galeries (index.tpl) réutilise telle quelle
  .wiki-subcats-grid/.wiki-subcat-card/.wiki-subcat-overlay/.wiki-subcat-label/.wiki-subcat-name
  (même besoin exact : vignette + dégradé + nom en surimpression). Ce fichier ne couvre que ce qui
  est propre aux galeries : bandeau de présentation, grille de photos individuelles (view.tpl).
*/

/* Bandeau de présentation (logo + texte), en haut des deux pages */
.gallery-presentation {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
}
.gallery-presentation img {
    width: 90px;
    height: auto;
    flex-shrink: 0;
}
.gallery-presentation p {
    font-family: var(--fb);
    font-size: 13px;
    color: var(--text2);
    line-height: 1.6;
}
.gallery-presentation b { color: var(--text); }

/* Grille de photos individuelles d'une galerie (view.tpl) */
.gallery-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 3px;
    padding: 3px;
}
.gallery-photo-card {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    display: block;
    background: var(--bg4);
    cursor: pointer;
}
.gallery-photo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease, filter .3s ease;
    filter: brightness(.9);
}
.gallery-photo-card:hover img {
    transform: scale(1.06);
    filter: brightness(1);
}

@media (max-width: 640px) {
    .gallery-presentation { flex-direction: column; text-align: center; padding: 16px; }
    .gallery-photo-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}