/* Mobile fixes: collaborators grid + heading glow (aligned, clean) */
#collaborateurs .section-title,
.collaborateurs .section-title,
.collaborateurs-section h2{
  text-align:center;
  font-weight:800;
  color:#00ff00;
  letter-spacing:.4px;
  text-shadow:
    0 2px 0 rgba(0,0,0,.45),
    0 0 10px rgba(0,255,64,.45),
    0 0 26px rgba(0,255,64,.22);
}
#collaborateurs .section-title::after,
.collaborateurs-section h2::after{
  content:"";
  display:block;
  height:3px;
  width:clamp(120px, 40vw, 220px);
  margin:10px auto 0;
  background:linear-gradient(90deg, rgba(0,255,64,0), rgba(0,255,64,.95), rgba(0,255,64,0));
  border-radius:999px;
  box-shadow:0 0 8px rgba(0,255,64,.6), 0 0 14px rgba(0,255,64,.25);
}

#collaborateurs .logos,
.collaborateurs .logos,
.collaborateurs-section .logos-container{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items:center;
  justify-items:center;
  gap: clamp(16px, 6vw, 36px);
  max-width: 1100px;
  margin: 22px auto 0;
  padding: 0 10px;
}
@media (max-width: 900px){
  #collaborateurs .logos,
  .collaborateurs .logos,
  .collaborateurs-section .logos-container{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px){
  #collaborateurs .logos,
  .collaborateurs .logos,
  .collaborateurs-section .logos-container{
    grid-template-columns: 1fr;
  }
}

#collaborateurs .logos img,
.collaborateurs .logos img,
.collaborateurs-section .logos-container img{
  width: clamp(160px, 42vw, 320px);
  max-width: 100%;
  height: auto;
  max-height: clamp(80px, 22vw, 160px);
}

#collaborateurs,
.collaborateurs,
.collaborateurs-section{
  background:#0b0b0b;
  padding: 40px 0 52px 0;
}
/* v2 mobile – 3 logos en LIGNE sur mobile + thèmes de fond */
#collaborateurs .logos,
.collaborateurs .logos,
.collaborateurs-section .logos-container{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items:center; justify-items:center;
  gap: clamp(10px, 6vw, 22px);
  max-width: 1000px;
  margin: 22px auto 0;
  padding: 0 10px;
}

#collaborateurs .logos img,
.collaborateurs .logos img,
.collaborateurs-section .logos-container img{
  width: clamp(88px, 28vw, 140px);
  max-width: 100%;
  height: auto;
  max-height: clamp(42px, 10vw, 76px);
}

#collaborateurs,
.collaborateurs,
.collaborateurs-section{
  padding: 40px 0 52px 0;
}

/* Thèmes de fond */
#collaborateurs.collab--beige{ 
  background: #1f1b14 !important; /* beige très sombre / sable foncé */
}
#collaborateurs.collab--green{
  background: linear-gradient(180deg, rgba(0,255,64,.08) 0%, rgba(0,255,64,.02) 100%) !important;
}

/* Titre lisible sur fond clair/vert */
#collaborateurs .section-title,
.collaborateurs-section h2{
  color:#00ff66;
  text-shadow: 0 2px 0 rgba(0,0,0,.45), 0 0 10px rgba(0,255,64,.45), 0 0 26px rgba(0,255,64,.22);
}

/* v3 – Fullscreen mobile collaborators section (column layout + pulse animations) */
#collaborateurs.collab--fullscreen{
  min-height: 100svh;
  display: grid;
  grid-template-rows: auto auto 1fr;
  align-content: center;
  justify-items: center;
  gap: clamp(10px, 3vh, 20px);
  padding: clamp(28px, 6vh, 64px) 16px clamp(24px, 5vh, 56px);
  
}
#collaborateurs.collab--fullscreen .section-title{ margin: 0; }
#collaborateurs.collab--fullscreen .section-subtitle{ margin: 0; text-align:center; color:#e6e6e6; max-width: 22ch; }
#collaborateurs.collab--fullscreen .logos{
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center;
  gap: clamp(18px, 3.6vh, 32px);
  width: 100%;
  max-width: 560px;
  margin-top: clamp(8px, 2vh, 16px);
}
#collaborateurs.collab--fullscreen .logos img{
  width: clamp(200px, 56vw, 320px);
  height: auto;
  max-height: clamp(90px, 18vw, 140px);
  filter: drop-shadow(0 0 12px rgba(0,255,64,.05));
  will-change: transform, filter, opacity;
  animation: collabPulse 3.6s ease-in-out infinite;
}
#collaborateurs.collab--fullscreen .logos img:nth-child(2){ animation-delay: .35s; }
#collaborateurs.collab--fullscreen .logos img:nth-child(3){ animation-delay: .7s; }
@keyframes collabPulse{
  0%,100%{ transform: scale(1); opacity:.96; }
  50%{ transform: scale(1.035); opacity:1; }
}
@media (prefers-reduced-motion: reduce){
  #collaborateurs.collab--fullscreen .logos img{ animation: none; }
}
/* v5 – Solid background themes */
#collaborateurs.collab--fullscreen.collab--sand{ background:#e8dfcf !important; } /* marron clair */
#collaborateurs.collab--fullscreen.collab--khaki{ background: #395a28 !important; } /* vert kaki */

/* v8 — Background video for collaborators section (mobile) */
#collaborateurs.collab--video{ position: relative; overflow: hidden; }
#collaborateurs.collab--video .collab-video-bg{ position:absolute; inset:0; z-index:-1; }
#collaborateurs.collab--video .collab-video-bg video{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter: brightness(0.55); /* dim for readability */
  background:#395a28; /* fallback color while loading */
}
#collaborateurs.collab--video .collab-video-overlay{
  position:absolute; inset:0; z-index:-1;
  background: rgba(57,90,40,0.35); /* khaki tint overlay */
}
/* Keep content above video */
#collaborateurs.collab--video .section-title,
#collaborateurs.collab--video .section-subtitle,
#collaborateurs.collab--video .logos{ position: relative; z-index: 1; }
/* Respect reduced motion: disable video background */
@media (prefers-reduced-motion: reduce){
  #collaborateurs.collab--video .collab-video-bg{ display:none; }
  #collaborateurs.collab--video{ background:#395a28; }
}

/* v9 – Fix: bring video above section background */
#collaborateurs.collab--video{ position:relative; }
#collaborateurs.collab--video .collab-video-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
#collaborateurs.collab--video .collab-video-overlay{ position:absolute; inset:0; z-index:0; }
#collaborateurs.collab--video .section-title,
#collaborateurs.collab--video .section-subtitle,
#collaborateurs.collab--video .logos{ position:relative; z-index:1; }

/* v10 – fade-in video when ready */
#collaborateurs.collab--video .collab-video{ opacity:0; transition: opacity .6s ease; }

/* v11 – stacking & background hardening for video */
#collaborateurs.collab--video{
  position: relative;
  overflow: hidden;
  background: transparent !important; /* kill section bg when video active */
  min-height: 100svh;
}
#collaborateurs.collab--video *{
  /* prevent stray backgrounds inside the section from covering the video */
  background: transparent !important;
}
#collaborateurs.collab--video .collab-video-bg{
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
}
#collaborateurs.collab--video .collab-video-bg video{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter: brightness(0.62); /* slightly brighter so logos restent lisibles */
}
#collaborateurs.collab--video .collab-video-overlay{
  position: absolute; inset: 0; z-index: 1; pointer-events:none;
  background: rgba(57, 90, 40, 0.25); /* khaki tint, lighter */
}
#collaborateurs.collab--video .section-title,
#collaborateurs.collab--video .section-subtitle,
#collaborateurs.collab--video .logos{
  position: relative; z-index: 2;
}