.thumb { position: relative; display: block; line-height: 0; }
.thumb-video { display: block; width: 100%; height: auto; border-radius: 8px; background:#000; pointer-events: none; }
.play-badge { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 56px; height: 56px; border-radius: 50%; background: rgba(0,0,0,0.55); display: grid; place-items: center; pointer-events: none; transition: background .2s ease, transform .2s ease; transform: scale(1); }
.play-badge::before { content: ""; width: 0; height: 0; border-left: 14px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin-left: 2px; }
.thumb:hover .play-badge { background: rgba(0,0,0,0.7); transform: scale(1.04); }

/* Optional hardening for LG overlay */
.lg-outer, .lg-item { background:#000 !important; }
/* Retirer l'encadré de focus sur la vidéo dans l'overlay tout en conservant le focus logique */
.lg-outer .lg-current .lg-video-object:focus,
.lg-outer .lg-current video:focus { outline: 0 !important; box-shadow: none !important; }
.lg-outer .lg-current video { -webkit-tap-highlight-color: transparent; }
.lg-outer *:focus { outline: none !important; }
/* Éviter les flashs et forcer l'affichage vidéo si l'événement de chargement tarde */
.lg-outer .lg-video-cont { background: transparent !important; }
.lg-outer .lg-has-video .lg-video-object { opacity: 1 !important; }

@media (prefers-reduced-motion: reduce) {
  .thumb-video { display: none; }
}

/* Captions pour la grille "Nos réalisations" (homepage) */
.thumb-card { display: block; }
.thumb-caption { margin-top: 8px; font-size: 0.95rem; line-height: 1.3; text-align: center; }
.thumb-caption .caption-main { color: var(--primary); font-weight: 700; }
.thumb-caption .caption-detail { color: #fff; font-weight: 500; margin-left: 1rem; padding-left: 0.5rem; }