/* ========================================================================== */
/* ETHNOS R164 — bandeaux médias réellement compacts sur tous les formats     */
/* Référence validée : vignette à gauche, actions à droite sur la même ligne, */
/* nom seul directement sous la vignette. Aucun sous-texte ni carte centrée.  */
/* ========================================================================== */

html body .memberMediaBand{
  min-height:0 !important;
  grid-template-columns:minmax(92px,1fr) auto !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:
    "visual actions"
    "copy ." !important;
  column-gap:12px !important;
  row-gap:5px !important;
  align-items:start !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

html body .memberMediaBandFile{
  display:contents !important;
}

html body .memberMediaBandVisual{
  grid-area:visual !important;
  justify-self:start !important;
  align-self:center !important;
}

html body .memberMediaBandCopy{
  grid-area:copy !important;
  justify-self:start !important;
  align-self:start !important;
  width:min(100%,158px) !important;
  min-width:0 !important;
  margin:0 !important;
  overflow:visible !important;
  text-align:left !important;
}

html body .memberMediaBandCopy strong{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  color:#071a39 !important;
  line-height:1.08 !important;
  text-align:left !important;
}

/* Neutralisation définitive de l'ancien texte secondaire, y compris en cache. */
html body .memberMediaBandCopy small{
  display:none !important;
}

html body .memberMediaBandActions{
  grid-area:actions !important;
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
}

@media (max-width:1600px) and (max-height:920px){
  html body .memberMediaBand{
    min-height:0 !important;
    grid-template-columns:minmax(84px,1fr) auto !important;
    grid-template-areas:
      "visual actions"
      "copy ." !important;
    column-gap:9px !important;
    row-gap:4px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  html body .memberMediaBandCopy{
    width:min(100%,142px) !important;
  }
}

@media (max-width:520px){
  html body .memberMediaBand{
    grid-template-columns:minmax(78px,1fr) auto !important;
    grid-template-areas:
      "visual actions"
      "copy ." !important;
    column-gap:7px !important;
  }
  html body .memberMediaBandActions{
    grid-column:auto !important;
    justify-content:flex-end !important;
  }
  html body .memberMediaBandCopy{
    width:min(100%,128px) !important;
  }
}