/* ========================================================================== */
/* ETHNOS R168 — média profil + résultat Annuaire lisible                    */
/* Base : R167. Correctifs ciblés du 4 août 2026.                             */
/* ========================================================================== */

/* 1 — La photo de profil ne peut pas être supprimée sans remplacement :     */
/* le faux bouton désactivé devient une action Modifier réellement active.    */
html body .memberMediaEditProfileButton{
  opacity:1 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  border-color:#f26722 !important;
  background:#ff8a4c !important;
  color:#071a39 !important;
}
html body .memberMediaEditProfileButton:hover,
html body .memberMediaEditProfileButton:focus-visible{
  filter:brightness(1.03) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 7px 16px rgba(242,103,34,.18) !important;
  outline:none !important;
}

/* 2 — Résultat Annuaire : respiration crème avant la liste et pseudo sur    */
/* une seule ligne. La colonne identité reste prioritaire.                    */
html body .memberDirectoryShell.isResultsMode .memberDirectoryResults{
  box-sizing:border-box !important;
  border-top:14px solid #fff0dd !important;
  background:#fff9f0 !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryResult{
  grid-template-columns:50px minmax(0,1fr) 25px 42px !important;
  grid-template-areas:
    "avatar identity flag shield"
    "avatar presence presence presence" !important;
  column-gap:8px !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryIdentity{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  overflow:hidden !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryIdentity strong{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  text-overflow:ellipsis !important;
  font-size:13px !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryIdentity small{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryAvatar{
  width:48px !important;
  height:48px !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryFlag{
  width:25px !important;
  max-width:25px !important;
}
html body .memberDirectoryShell.isResultsMode .memberDirectoryShield{
  width:42px !important;
  max-width:42px !important;
  height:42px !important;
}

@media (max-width:1600px) and (max-height:920px){
  html body .memberDirectoryShell.isResultsMode .memberDirectoryResults{
    border-top-width:10px !important;
  }
  html body .memberDirectoryShell.isResultsMode .memberDirectoryResult{
    grid-template-columns:42px minmax(0,1fr) 22px 34px !important;
    column-gap:6px !important;
  }
  html body .memberDirectoryShell.isResultsMode .memberDirectoryIdentity strong{
    font-size:10.5px !important;
    letter-spacing:-.035em !important;
  }
  html body .memberDirectoryShell.isResultsMode .memberDirectoryAvatar{
    width:42px !important;
    height:42px !important;
  }
  html body .memberDirectoryShell.isResultsMode .memberDirectoryFlag{
    width:22px !important;
    max-width:22px !important;
  }
  html body .memberDirectoryShell.isResultsMode .memberDirectoryShield{
    width:34px !important;
    max-width:34px !important;
    height:34px !important;
  }
}