/* ─── lmdm/temoignages-photos ─────────────────────────────────────────────── */

.lmdm-temoignages-photos__title {
    text-align: center;
    font-family: var(--wp--preset--font-family--heading);
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--wp--preset--color--gold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2.5rem;
}

.lmdm-temoignages-photos__grid {
    display: grid;
    gap: 16px;
    align-items: stretch;
}

/* ─── Colonne single (1 grande photo) ────────────────────────────────────── */

.lmdm-temoignages-photos__col--single {
    overflow: hidden;
    border-radius: 6px;
}

.lmdm-temoignages-photos__img--tall {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* ─── Colonne double (2 photos empilées) ─────────────────────────────────── */

.lmdm-temoignages-photos__col--double {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lmdm-temoignages-photos__photo {
    flex: 1;
    overflow: hidden;
    border-radius: 6px;
}

.lmdm-temoignages-photos__photo .lmdm-temoignages-photos__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ─── Animation fade-up au scroll ────────────────────────────────────────── */

.lmdm-temoignages-photos__col--single,
.lmdm-temoignages-photos__photo {
    opacity: 0;
    transform: translateY(40px);
    animation: lmdm-fade-up linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 60%;
}

.lmdm-temoignages-photos__col--double .lmdm-temoignages-photos__photo:nth-child(2) {
    animation-range: entry 10% entry 70%;
}

@keyframes lmdm-fade-up {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fallback pour navigateurs sans animation-timeline */
@supports not (animation-timeline: view()) {
    .lmdm-temoignages-photos__col--single,
    .lmdm-temoignages-photos__photo {
        opacity: 1;
        transform: none;
    }
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .lmdm-temoignages-photos__grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 480px) {
    .lmdm-temoignages-photos__grid {
        grid-template-columns: 1fr !important;
    }

    .lmdm-temoignages-photos__img--tall {
        aspect-ratio: 3 / 4;
    }
}