/* ========================================================================== */
/* ETHNOS R208 — référence R204 restaurée + actions du volet Profil.          */
/* Périmètre strict : boutons Tchat Rechercher/Fermer et trois actions Profil. */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. TCHAT : apparence et relief EXACTS du standard R204.                    */
/* La largeur de Rechercher reste contextuelle. La géométrie de Fermer reste  */
/* celle du volet Tchat R188/R204 : 72 %, sans élargissement.                  */
/* -------------------------------------------------------------------------- */
html[data-ethnos-ui] body .salonQuickSearch > button.ethnosActionOrange,
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange{
  appearance:none !important;
  box-sizing:border-box !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,188,139,.78) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ff9655 0%,#f47f3c 100%) !important;
  color:#071826 !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;
  vertical-align:middle !important;
  box-shadow:0 4px 0 #cf5d25,0 8px 14px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease !important;
}
html[data-ethnos-ui] body .salonQuickSearch > button.ethnosActionOrange:hover,
html[data-ethnos-ui] body .salonQuickSearch > button.ethnosActionOrange:focus-visible,
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange:hover,
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange:focus-visible{
  filter:brightness(1.06) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  box-shadow:0 5px 0 #cf5d25,0 10px 16px rgba(0,0,0,.23) !important;
}
html[data-ethnos-ui] body .salonQuickSearch > button.ethnosActionOrange:active,
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange:active{
  transform:translateY(3px) !important;
  box-shadow:0 1px 0 #cf5d25,0 4px 8px rgba(0,0,0,.20) !important;
}
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 38px !important;
  width:72% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:10px auto 14px !important;
  padding:0 10px !important;
}

/* -------------------------------------------------------------------------- */
/* 2. PROFIL : les deux actions restent aux dimensions historiques du bouton  */
/* Modifier mon profil, mais sont empilées et centrées horizontalement.       */
/* -------------------------------------------------------------------------- */
html body .memberProfileDrawer .memberProfileActions{
  --r208-profile-action-width:calc(57.5% - 5.75px);
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  margin:12px 0 0 !important;
}

/* Référence visuelle R204 sur Modifier mon profil, sans nouvelle largeur. */
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosActionOrange{
  width:var(--r208-profile-action-width) !important;
  max-width:100% !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,188,139,.78) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ff9655 0%,#f47f3c 100%) !important;
  color:#071826 !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:0 4px 0 #cf5d25,0 8px 14px rgba(0,0,0,.22) !important;
}
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosActionOrange:hover,
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosActionOrange:focus-visible{
  filter:brightness(1.06) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  box-shadow:0 5px 0 #cf5d25,0 10px 16px rgba(0,0,0,.23) !important;
}
html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosActionOrange:active{
  transform:translateY(3px) !important;
  box-shadow:0 1px 0 #cf5d25,0 4px 8px rgba(0,0,0,.20) !important;
}

/* Déconnexion : mêmes dimensions et même typographie, couleur blanche gardée. */
html[data-ethnos-ui] body .memberProfileDrawer button.memberLogout{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:var(--r208-profile-action-width) !important;
  max-width:100% !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid rgba(7,26,57,.34) !important;
  border-radius:9px !important;
  background:#fffdf9 !important;
  color:#071a39 !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;
}
html[data-ethnos-ui] body .memberProfileDrawer button.memberLogout:hover,
html[data-ethnos-ui] body .memberProfileDrawer button.memberLogout:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  outline:none !important;
}

/* Fermer Profil : couleur blanche de Déconnexion et typographie commune. */
html[data-ethnos-ui] body .memberProfileDrawer button.memberProfileBottomClose{
  border-color:rgba(7,26,57,.34) !important;
  background:#fffdf9 !important;
  color:#071a39 !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;
}
html[data-ethnos-ui] body .memberProfileDrawer button.memberProfileBottomClose:hover,
html[data-ethnos-ui] body .memberProfileDrawer button.memberProfileBottomClose:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  outline:none !important;
}

/* Largeurs historiques du bouton Modifier selon les formats déjà existants. */
@media (min-width:1650px) and (max-width:1750px) and (min-height:980px) and (max-height:1120px){
  html body .memberProfileDrawer .memberProfileActions{
    --r208-profile-action-width:calc(59% - 4.72px);
  }
}
@media (min-width:1200px) and (max-width:1299px) and (max-height:760px){
  html body .memberProfileDrawer .memberProfileActions{
    --r208-profile-action-width:calc(61% - 3.05px);
    gap:5px !important;
    margin-top:5px !important;
  }
}
@media (max-height:820px) and (min-width:901px){
  html[data-ethnos-ui] body .salonQuickSearch > button.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body .memberProfileDrawer button.memberEdit.ethnosActionOrange,
  html[data-ethnos-ui] body .memberProfileDrawer button.memberLogout{
    height:33px !important;
    min-height:33px !important;
  }
  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange{
    flex-basis:33px !important;
    margin:7px auto 10px !important;
  }
}