/* ETHNOS R490 — quatre corrections UI strictement ciblées.
   Base figée : R489.
   1) Badge Officiel : hauteur réduite sans modifier l'espacement horizontal R489.
   2) Annuaire : bouton Fermer centré hors disposition spéciale 1280x720.
   3) Profil ouvert : valeurs Résidence / Langue principale lisibles sur fond crème.
   4) Recadrage : modale au-dessus de l'espace officiel R485 (z-index 12000/12100). */

/* 1 — Badge : R488 avait porté le padding vertical à 6 px (5 px <=1366).
   Retour à la hauteur verticale de référence R484, en conservant le padding
   horizontal R488/R489 et la marge extérieure R489. */
.r484OfficialBadge{
  padding-block:4px !important;
}
@media(max-width:1366px){
  .r484OfficialBadge{
    padding-block:3px !important;
  }
}

/* 2 — Annuaire : l'ancien mode résultats peut imposer margin-left/right:14px.
   On restaure le centrage horizontal du bouton clair standard. */
html[data-ethnos-ui] body
#memberDrawer-directory .memberDirectoryShell.isResultsMode
.memberDirectoryContent > button.memberDirectoryInlineClose{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Le format 1280x720 possède une disposition validée Recommencer + Fermer
   sur une même ligne : on préserve explicitement cette géométrie. */
@media (width:1280px) and (height:720px){
  html[data-ethnos-ui] body
  #memberDrawer-directory .memberDirectoryBottomActions
  > button.memberDirectoryInlineClose{
    margin:0 !important;
  }
}

/* 3 — Profil ouvert : les valeurs héritaient encore du blanc #e8eeee alors
   que le volet a été converti en fond crème en R189/R190. On reprend l'encre
   sombre officielle déjà utilisée sur les volets clairs. */
html[data-ethnos-ui] body
#memberDrawer-profile .memberProfileDetailsInline dd,
html[data-ethnos-ui] body
#memberDrawer-profile [data-residence],
html[data-ethnos-ui] body
#memberDrawer-profile [data-primary-language-detail]{
  color:#071a39 !important;
}

/* 4 — Recadrage : R488 utilisait z-index:10050, inférieur à l'espace officiel
   (12000) et à ses dialogues (12100). La modale devient le niveau supérieur. */
html body .officialCropOverlay.r488MediaCropOverlay{
  z-index:13050 !important;
}