/* ==========================================================================
   Album photo — liste des fiches (v1.1.0)
   Présentation calquée sur le bloc association ; l'animation remplace
   l'emplacement de l'image à la une. Conteneur transparent.
   ========================================================================== */

/* Conteneur : transparent, la couleur de la page reste visible */
.album-photo {
    background: transparent !important;
    margin: 0 0 26px;
    padding: 18px 22px;
    border-radius: 12px;
    background: #fff !important;   /* fiche blanche, comme validé */
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}

/* ---------- Entête : icône UTF-8 + sous-catégorie ---------- */
.album-entete {
    gap: 12px !important;
    align-items: center !important;
}
.album-entete > .wp-block-column {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
}
.album-icone {
    font-size: 58px;
    line-height: 1;
}
.album-icone:empty { display: none; }

/* Sous-catégorie : même gabarit que la discipline des associations.
   Le nom de la catégorie maître est retiré par le script. */
.album-sous-categorie p,
.album-sous-categorie {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.7em !important;
    font-weight: 700;
    line-height: 1.15;
    color: var(--bibdoc-asso-color, inherit) !important;
}
.album-sous-categorie a { text-decoration: none; color: inherit; }
.album-sous-categorie.est-vide { display: none; }

/* ---------- Titre : identique aux fiches association (h2 du thème) --- */
.album-titre { margin-top: .4em; }
.album-titre a { text-decoration: none; }

/* ---------- Ligne date + filé vers la single ---------- */
.album-meta {
    margin: 4px 0 0 !important;
    padding: 0 !important;
    font-size: .9em !important;
    opacity: .8;
}
.album-meta a.album-pleinecran {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}
.album-meta a.album-pleinecran:hover { opacity: 1; }

/* ---------- Résumé : même gabarit que l'intro activités ---------- */
.album-resume {
    margin: .8em 0 0 !important;
    font-weight: 600;
}
.album-resume p { margin: 0 0 .35em !important; }

/* ==========================================================================
   Pile de vignettes (emplacement de l'image à la une des associations)
   Éventail vers la GAUCHE, défilement vers la DROITE.
   ========================================================================== */
.album-carte-pile {
    position: relative;
    min-height: 175px;
}

/* Repli sans le script : image à la une seule, galerie masquée
   (elle est de toute façon dans un conteneur inline display:none). */
.album-pile-source { display: none !important; }
.album-carte-pile > a img,
.album-carte-pile > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
}

/* Scène : déportée à gauche pour laisser la marge de défilement à droite */
.album-pile-scene {
    position: relative;
    width: 200px;
    height: 150px;
    margin: 12px auto 6px 4px;
    cursor: pointer;
}
.album-pile-carte {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .22);
    transition: transform .5s cubic-bezier(.3, .7, .35, 1), opacity .35s ease;
    will-change: transform;
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (max-width: 782px) {
    .album-icone { font-size: 44px; }
    .album-pile-scene { margin-left: 0; }
}