/* ========================================================================== */
/* ETHNOS R790 — Annuaire / Contacts / Modifier mon profil                  */
/* 15 septembre 2026 — corrections visuelles ciblées, CSS uniquement.       */
/* ========================================================================== */
:root{
  --r790-charcoal:#1f1f1f;
  --r790-white:#fffdf9;
  --r790-blue:#071a39;
  --r790-orange:#f26722;
  --r790-close-border:rgba(7,26,57,.34);
  --r790-line:rgba(255,255,255,.16);
}

/* -------------------------------------------------------------------------- */
/* 1 — ANNUAIRE : lettres blanches, sans modifier la grille ni sa géométrie. */
/* L'état actif reste identifiable en orange.                                 */
/* -------------------------------------------------------------------------- */
html body #memberDrawer-directory .memberDirectoryAlphabet button{
  background:#fff !important;
  background-image:none !important;
  color:var(--r790-blue) !important;
  border-color:rgba(7,26,57,.18) !important;
  box-shadow:none !important;
}
html body #memberDrawer-directory .memberDirectoryAlphabet button:hover,
html body #memberDrawer-directory .memberDirectoryAlphabet button:focus-visible{
  background:#fff !important;
  color:var(--r790-blue) !important;
  border-color:rgba(242,103,34,.62) !important;
  outline:none !important;
  box-shadow:none !important;
}
html body #memberDrawer-directory .memberDirectoryAlphabet button.isActive{
  background:var(--r790-orange) !important;
  color:#fff !important;
  border-color:var(--r790-orange) !important;
}

/* -------------------------------------------------------------------------- */
/* 2 — BOUTONS FERMER : reprise exacte du standard clair des autres volets.  */
/* Contacts n'est plus pleine largeur ; Annuaire n'est plus translucide.      */
/* -------------------------------------------------------------------------- */
html body #memberDrawer-contacts-r588 .ethnosContactsR588Shell
> button.ethnosContactsR588Close.memberDrawerCloseButton,
html body #memberDrawer-directory .memberDirectoryBottomActions
> button.memberDirectoryInlineClose.memberDrawerCloseButton{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  width:auto !important;
  min-width:116px !important;
  max-width:none !important;
  height:auto !important;
  min-height:34px !important;
  max-height:none !important;
  margin:10px auto 14px !important;
  padding:0 22px !important;
  border:1px solid var(--r790-close-border) !important;
  border-radius:999px !important;
  background:var(--r790-white) !important;
  background-image:none !important;
  color:var(--r790-blue) !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}
html body #memberDrawer-contacts-r588 .ethnosContactsR588Shell
> button.ethnosContactsR588Close.memberDrawerCloseButton:hover,
html body #memberDrawer-contacts-r588 .ethnosContactsR588Shell
> button.ethnosContactsR588Close.memberDrawerCloseButton:focus-visible,
html body #memberDrawer-directory .memberDirectoryBottomActions
> button.memberDirectoryInlineClose.memberDrawerCloseButton:hover,
html body #memberDrawer-directory .memberDirectoryBottomActions
> button.memberDirectoryInlineClose.memberDrawerCloseButton:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:var(--r790-white) !important;
  color:var(--r790-blue) !important;
  outline:none !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

/* -------------------------------------------------------------------------- */
/* 3 — MODIFIER MON PROFIL : toutes les surfaces du volet passent en gris.   */
/* Les champs et contrôles conservent leur palette fonctionnelle actuelle.    */
/* -------------------------------------------------------------------------- */
html body .ethnosProfileEditorR576 .memberProfileEditorPanel,
html body .ethnosProfileEditorR576 .memberProfileEditorForm,
html body .ethnosProfileEditorR576 .memberProfileEditorScroll,
html body .ethnosProfileEditorR576 .memberProfileEditorHeader,
html body .ethnosProfileEditorR576 .memberProfileEditorFooter,
html body .ethnosProfileEditorR576 .memberProfileEditCard,
html body .ethnosProfileEditorR576 .memberProfileEditCard:nth-child(even){
  background:var(--r790-charcoal) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:var(--r790-line) !important;
}
html body .ethnosProfileEditorR576 .memberProfileEditorHeader h2,
html body .ethnosProfileEditorR576 .memberProfileEditCard :is(h3,h4,label>span,.memberProfileFieldLabel){
  color:#fff !important;
}
html body .ethnosProfileEditorR576 .memberProfileEditorHeader p,
html body .ethnosProfileEditorR576 .memberProfileEditCard header p,
html body .ethnosProfileEditorR576 .memberProfileEditCard small{
  color:#c9d0d3 !important;
}
html body .ethnosProfileEditorR576 .memberProfileEditorHeader > div > span{
  color:var(--r790-orange) !important;
}

/* Numéros de sections : pastille sombre conservée, chiffre orange. */
html body .ethnosProfileEditorR576 .memberProfileEditCard > header > span{
  background:#051b26 !important;
  color:var(--r790-orange) !important;
  border-color:var(--r790-orange) !important;
}

/* -------------------------------------------------------------------------- */
/* 4 — PROFIL : suppression des liserés cyan/bleu fluo d'interaction.         */
/* Le focus reste visible, mais passe dans l'accent orange du site.            */
/* -------------------------------------------------------------------------- */
html body .ethnosProfileEditorR576 .memberProfileEditCard input:focus,
html body .ethnosProfileEditorR576 .memberProfileEditCard select:focus,
html body .ethnosProfileEditorR576 .memberProfileEditCard textarea:focus,
html body .ethnosProfileEditorR576 .memberProfileSelectControlR577:focus-within select{
  border-color:rgba(242,103,34,.72) !important;
  outline:none !important;
  box-shadow:0 0 0 2px rgba(242,103,34,.12) !important;
}
html body .ethnosProfileEditorR576 .realFlagSelectButton:focus-visible,
html body .ethnosProfileEditorR576 .memberProfileEmojiBar button:focus-visible,
html body .ethnosProfileEditorR576 .memberProfileInterestGrid button:focus-visible,
html body .ethnosProfileEditorR576 .memberProfileUsernameEmojiToggle:focus-visible,
html body .ethnosProfileEditorR576 .memberProfilePresentationEmojiToggle:focus-visible{
  border-color:rgba(242,103,34,.72) !important;
  outline:none !important;
  box-shadow:0 0 0 2px rgba(242,103,34,.12) !important;
}