/* Vitrine /recrute-pour/ — logo wall (v2). Socle dans charte.css + hub.css. */
.logo-card{display:flex;flex-direction:column;text-align:center;align-items:center}
.logo-card:hover{text-decoration:none}
.logo-box{width:100%;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-03)}
.logo-box img{height:44px;width:auto;max-width:85%;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s}
/* logos très horizontaux (Thales, TotalEnergies) : plafonner la largeur les rend illisibles → on les laisse à 85 % et on garantit une hauteur mini lisible */
.logo-box img[src*="thales"],.logo-box img[src*="totalenergies"],.logo-box img[src*="amazon"]{max-width:100%}
.logo-card:hover .logo-box img,.logo-card:focus-visible .logo-box img{filter:grayscale(0);opacity:1}
.logo-ph{display:inline-block;padding:6px 14px;border:1px dashed var(--gray-line);border-radius:var(--radius-01);color:var(--gray-mid);font-size:var(--p-sm-size);letter-spacing:.02em}
.logo-ph-sm{font-size:var(--p-xs-size);padding:4px 10px}
.logo-card b{margin-bottom:2px}
.logo-card .sub{display:block;color:var(--gray-mid);font-size:var(--p-xs-size);line-height:var(--p-xs-lh);margin-bottom:var(--sp-02)}
.logo-card p{flex:1}
.logo-card .go{color:var(--blue);font-size:var(--p-sm-size);margin-top:var(--sp-03)}
.logo-card .go2{font-size:var(--p-sm-size);margin-top:4px}
.card-dark{background:var(--navy);border-color:var(--navy)}
.card-dark b,.card-dark p{color:#fff}
.card-dark p{color:#C9D4EC}
.card-dark .go,.card-dark .go2{color:#85ECFF;display:block}
.card-dark .go:hover,.card-dark .go2:hover{text-decoration:underline}
.card-dark:hover{border-color:var(--blue-hover)}
/* bandeau : 6 cases égales, chaque logo centré dans une case 64 px ; les formats carrés (Fabrique, ADEME, Business France)
   prennent toute la hauteur, les allongés sont plafonnés en largeur — même surface perçue pour tous */
.logo-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-06);align-items:center;justify-items:center;margin-top:var(--sp-06);padding:var(--sp-06) 0}
.logo-strip .inst{display:flex;align-items:center;justify-content:center;width:100%;height:64px}
.logo-strip .inst img{max-height:64px;max-width:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s}
.logo-strip .inst img[src*="inst-1"],.logo-strip .inst img[src*="inst-4"],.logo-strip .inst img[src*="inst-6"]{height:64px}
.logo-strip .inst img[src*="inst-2"],.logo-strip .inst img[src*="inst-3"],.logo-strip .inst img[src*="inst-5"]{height:40px}
@media(max-width:940px){.logo-strip{grid-template-columns:repeat(3,1fr);gap:var(--sp-06) var(--sp-04)}}
@media(max-width:640px){.logo-strip{grid-template-columns:repeat(2,1fr)}}
.logo-strip .inst:hover img{filter:grayscale(0);opacity:1}