/* Logos clients (2026-10-20) — décision de la réunion : noir et blanc, en couleur au survol ou au clic.
   .lg = silhouette (.lg__m, teintée par le CSS de chaque bandeau) + couleur (.lg__c) sur une pastille blanche. */
.lg { display: inline-grid; place-items: center; padding: 8px 12px; border-radius: 12px; cursor: pointer; transition: background-color .3s, box-shadow .3s; -webkit-tap-highlight-color: transparent; }
.lg > img { grid-area: 1 / 1; }
.lg .lg__m { transition: opacity .3s; }
.lg .lg__c { opacity: 0 !important; filter: none !important; transition: opacity .3s; }
.lg:hover, .lg:focus-visible, .lg.is-on { background: #fff; box-shadow: 0 6px 22px rgb(11 22 38 / .14); }
.lg:hover .lg__m, .lg:focus-visible .lg__m, .lg.is-on .lg__m { opacity: 0 !important; }
.lg:hover .lg__c, .lg:focus-visible .lg__c, .lg.is-on .lg__c { opacity: 1 !important; }
.lg:focus-visible { outline: 2px solid #e2ae0c; outline-offset: 2px; }

/* bandeaux en grille de 4 (hub, références) : 9 logos → 5 + 4 centrés, 3 × 3 sur mobile */
:is(.prv__logos, .trl__logos):has(.lg) { display: flex; flex-wrap: wrap; justify-content: center; }
:is(.prv__logos, .trl__logos):has(.lg) > li { flex: 0 0 calc((100% - 4 * 40px) / 5); }
.prv__logos:has(.lg) { gap: 18px 40px; }
.trl__logos:has(.lg) { column-gap: 40px; }
@media (max-width: 700px) {
  :is(.prv__logos, .trl__logos):has(.lg) { column-gap: 14px; }
  :is(.prv__logos, .trl__logos):has(.lg) > li { flex-basis: calc((100% - 2 * 14px) / 3); }
}

/* pages TATEA : bandeau « Ils nous ont confié leurs dirigeants » */
.tlg { margin-top: clamp(40px, 6vw, 72px); text-align: center; }
.tlg__k { margin: 0 0 18px; font-size: 12.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-strong, #f0bf24); }
.tlg__list { --g: clamp(8px, 1.4vw, 20px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px var(--g); max-width: 1320px; margin: 0 auto; padding: 0; list-style: none; }
.tlg__list > li { flex: 0 0 calc((100% - 8 * var(--g)) / 9); display: grid; place-items: center; }
.tlg__list img { width: auto; height: auto; max-width: 100%; max-height: 36px; object-fit: contain; }
.tlg__list .lg { max-width: 100%; }
.tlg__list .lg__m { filter: brightness(0); opacity: .55; }
.tlg--nuit .tlg__list .lg__m { filter: brightness(0) invert(1); opacity: .72; }
@media (max-width: 1100px) { .tlg__list > li { flex-basis: calc((100% - 4 * var(--g)) / 5); } }
@media (max-width: 700px) {
  .tlg__list { --g: 6px; row-gap: 4px; }
  .tlg__list > li { flex-basis: calc((100% - 2 * var(--g)) / 3); }
  .tlg__list img { max-height: 30px; }
}
.ins > .ins__logos { margin: 0; padding: 0 var(--edge, 24px) clamp(48px, 7vw, 88px); }
.ct .tlg { padding: 0 var(--edge, 24px); }