/* BP — Outils communs : documents à télécharger et logos qui défilent. Repris de Visites guidées le 23/10/2026. */

/* ── Nos blocs posés dans une page ─────────────────────────────────────────────── */

/*
 * TOUT bloc que nous posons dans une page porte `evg-bloc` et respire sous le titre qui
 * l'annonce. Elementor ne met aucune marge entre un widget de titre et le widget suivant :
 * sans cette règle, le titre colle au bloc. Un bloc peut resserrer ou élargir l'écart en
 * redéfinissant --evg-espace, il ne le supprime pas.
 */
.evg-bloc { margin-top: var(--evg-espace, 50px); }

@media (max-width: 767px) {
    .evg-bloc { --evg-espace: 34px; }
}

/* ── Documents à télécharger [evg_documents] (0.52.0) ─────────────────────────────── */
.evg-documents { width: 100%; border-collapse: collapse; margin: 0; font-size: 15px; background: transparent; }
.evg-documents th, .evg-documents td { border: 0 !important; border-bottom: 1px solid #e0e0f2 !important; padding: 14px 4px !important; text-align: left; vertical-align: middle; background: transparent !important; }
.evg-documents thead th { font-size: 12px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: var(--bp-accent, #866D4B) !important; padding-top: 0 !important; }
.evg-documents .evg-documents__action { text-align: right; white-space: nowrap; width: 1%; }
.evg-documents__titre { display: block; font-weight: 500; color: #111; }
.evg-documents__meta { display: block; margin-top: 2px; font-size: 12px; color: #6b6b6b; }
.evg-documents__lien { display: inline-flex; align-items: center; gap: 8px; color: var(--bp-accent, #866D4B) !important; font-size: 12px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none !important; transition: color .2s ease; }
.evg-documents__lien:hover, .evg-documents__lien:focus-visible { color: #000 !important; }
.evg-documents__lien svg { flex: none; }

/* ── Le marquee de logos ([evg_marquee]) ───────────────────────────────────────── */

/*
 * Un défilement continu, sans pause : la piste porte deux fois la même série et glisse de la
 * moitié de sa largeur. Au rebouclage, la seconde série est exactement là où était la
 * première — la jointure ne se voit pas. Pas de script : l'animation est en CSS.
 */
.evg-marquee { overflow: hidden; }
.evg-marquee__piste {
    display: flex;
    width: max-content;
    animation: evg-marquee var(--evg-duree, 40s) linear infinite;
}
.evg-marquee__serie {
    display: flex;
    align-items: center;
    gap: 56px;
    padding-right: 56px;
}
.evg-marquee__logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: 64px;
}
.evg-marquee__logo img {
    width: auto;
    max-width: 180px;
    max-height: 64px;
    object-fit: contain;
}

@keyframes evg-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Le défilement est une décoration : qui demande moins d'animation le voit à l'arrêt. */
@media (prefers-reduced-motion: reduce) {
    .evg-marquee__piste { animation: none; }
    .evg-marquee { overflow-x: auto; }
}

@media (max-width: 767px) {
    .evg-marquee__serie { gap: 36px; padding-right: 36px; }
    .evg-marquee__logo { height: 48px; }
    .evg-marquee__logo img { max-height: 48px; max-width: 130px; }
}