/* ==========================================================================
   BARRE D'AFFILIATION INSTITUTIONNELLE
   Positionnée AVANT le header via eduvalt_header_style à priorité 5
   ========================================================================== */

.emi-affiliation-bar {
  width: 100%;
  background: var(--clr-white);
  border-bottom: 1px solid var(--clr-navy-100);
}

.emi-affiliation-bar__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;  /* logo combiné centré, labo & pedoc symétriques */
  align-items: center;
  column-gap: clamp(24px, 5vw, 72px);
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px var(--container-px);
}

/* Logos — liens */
.emi-affiliation-bar__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: opacity 0.2s ease;
  text-decoration: none;
}

/* Labo (gauche) et PEDOC (droite) se rapprochent du centre à distance égale ;
   le logo combiné reste exactement au milieu de la barre. */
.emi-affiliation-bar__logo--labo       { justify-self: end; }
.emi-affiliation-bar__logo--fsjesreuni  { justify-self: center; }
.emi-affiliation-bar__logo--pedoc       { justify-self: start; }

.emi-affiliation-bar__logo:hover {
  opacity: 0.65;
}

.emi-affiliation-bar__logo img {
  height: 82px;
  width: auto;
  max-width: 240px;           /* UMI (portrait) et PEDOC (quasi-carré) */
  object-fit: contain;
  display: block;
}

/* Logo EMI-LAB — identité du site, à gauche et mis en avant (le plus grand) */
.emi-affiliation-bar__logo--labo img {
  height: 116px;
  max-width: 300px;
}

/* Logo combiné FSJES + Université (ratio ~4.12:1, très horizontal) —
   largeur accrue pour une lisibilité équivalente aux autres */
.emi-affiliation-bar__logo--fsjesreuni img {
  height: 90px;
  max-width: 400px;
}

/* --- Responsive — Tablette (900px) --------------------------------------- */

@media (max-width: 900px) {
  .emi-affiliation-bar__inner {
    padding: 14px var(--container-px-sm);
  }

  .emi-affiliation-bar__logo img {
    height: 66px;
    max-width: 190px;
  }

  .emi-affiliation-bar__logo--labo img {
    height: 88px;
    max-width: 230px;
  }

  .emi-affiliation-bar__logo--fsjesreuni img {
    height: 70px;
    max-width: 300px;
  }
}

/* --- Responsive — Mobile (600px) ----------------------------------------- */

@media (max-width: 600px) {
  .emi-affiliation-bar__inner {
    padding: 12px var(--space-4);
    column-gap: clamp(16px, 4vw, 40px);
  }

  .emi-affiliation-bar__logo img {
    height: 48px;
    max-width: 120px;
  }

  .emi-affiliation-bar__logo--labo img {
    height: 60px;
    max-width: 150px;
  }

  .emi-affiliation-bar__logo--fsjesreuni img {
    height: 50px;
    max-width: 210px;
  }
}

/* --- Très petit mobile (380px) — empiler sur 2 colonnes ------------------ */

@media (max-width: 380px) {
  .emi-affiliation-bar__inner {
    grid-template-columns: 1fr;   /* empilement vertical centré */
    row-gap: var(--space-3);
    justify-items: center;
    padding: 14px var(--space-4);
  }

  .emi-affiliation-bar__logo,
  .emi-affiliation-bar__logo--labo,
  .emi-affiliation-bar__logo--fsjesreuni,
  .emi-affiliation-bar__logo--pedoc {
    justify-self: center;
  }

  .emi-affiliation-bar__logo img {
    height: 40px;
    max-width: 140px;
    margin: 0 auto;
  }

  .emi-affiliation-bar__logo--labo img {
    height: 52px;
    max-width: 160px;
  }

  .emi-affiliation-bar__logo--fsjesreuni img {
    height: 44px;
    max-width: 230px;
  }
}

/* --- prefers-reduced-motion ---------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .emi-affiliation-bar__logo {
    transition: none;
  }
}