/* ========================================================================== */
/* ETHNOS R211 — Tchat, boutons Fermer clairs, Messages, Signalements, Favoris */
/* Base stricte : R210. Correctifs limités aux éléments explicitement demandés.*/
/* ========================================================================== */

:root{
  --r211-cream-top:var(--r190-cream-top,#fffdf9);
  --r211-cream-bottom:var(--r190-cream-bottom,#eee1d0);
  --r211-cream-line:var(--r190-cream-line,#d8c8b3);
  --r211-cream:linear-gradient(180deg,var(--r211-cream-top) 0%,var(--r211-cream-bottom) 100%);
  --r211-navy:#071a39;
  --r211-copy:#607481;
  --r211-orange:#f26722;
}

/* -------------------------------------------------------------------------- */
/* 1. TCHAT — seul le bouton Fermer reçoit un orange volontairement plus doux.*/
/*    Rechercher reste strictement inchangé.                                  */
/* -------------------------------------------------------------------------- */
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
html[data-ethnos-ui] body.isTchatDrawerClosing button.r186TchatClose.ethnosActionOrange{
  border-color:rgba(255,211,183,.92) !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
}
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange:hover,
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange:focus-visible{
  filter:brightness(1.025) !important;
  box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12) !important;
}
html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange:active{
  box-shadow:0 0 0 #c96d3d,0 2px 3px rgba(0,0,0,.09) !important;
}

/* Fermeture inverse de l'ouverture : le panneau reste visible pendant sa     */
/* descente, puis devient invisible seulement à la fin de la transition.       */
@media (min-width:901px){
  html body.isTchatDrawerClosing .memberExplorerPanel{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transform:translateY(calc(100% + var(--r190-map-tab-height,var(--ethnos-card-height)) + 12px)) !important;
    transition:transform .36s cubic-bezier(.22,.72,.25,1) !important;
  }
  html body.isTchatDrawerClosing .memberExplorerBody{
    display:flex !important;
  }
  html body.isTchatDrawerClosing .r186TchatClose{
    display:block !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 2. BOUTON FERMER DES VOLETS CLAIRS — référence : Fermer du volet Profil.  */
/* -------------------------------------------------------------------------- */
html body .memberDirectoryContent>.memberDirectoryInlineClose,
html body .memberMediaShell>.memberMediaCloseButton,
html body .bodyReportsDrawer>.memberDrawerCloseButton,
html body .bodyContactsDrawer>.memberDrawerCloseButton,
html body .memberFavoritesShell>.memberDrawerCloseButton,
html body .memberMessagesDrawer .memberMessageDashboardClose{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:calc(100% - 28px) !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:44px !important;
  margin:10px 14px 14px !important;
  padding:0 14px !important;
  border:1px solid rgba(7,26,57,.34) !important;
  border-radius:10px !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;
  box-shadow:0 8px 18px rgba(7,26,57,.09) !important;
  cursor:pointer !important;
}
html body .memberDirectoryContent>.memberDirectoryInlineClose:hover,
html body .memberDirectoryContent>.memberDirectoryInlineClose:focus-visible,
html body .memberMediaShell>.memberMediaCloseButton:hover,
html body .memberMediaShell>.memberMediaCloseButton:focus-visible,
html body .bodyReportsDrawer>.memberDrawerCloseButton:hover,
html body .bodyReportsDrawer>.memberDrawerCloseButton:focus-visible,
html body .bodyContactsDrawer>.memberDrawerCloseButton:hover,
html body .bodyContactsDrawer>.memberDrawerCloseButton:focus-visible,
html body .memberFavoritesShell>.memberDrawerCloseButton:hover,
html body .memberFavoritesShell>.memberDrawerCloseButton:focus-visible,
html body .memberMessagesDrawer .memberMessageDashboardClose:hover,
html body .memberMessagesDrawer .memberMessageDashboardClose:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
  box-shadow:0 8px 18px rgba(7,26,57,.09) !important;
}

/* -------------------------------------------------------------------------- */
/* 3. MESSAGES — suppression du grand panneau clair vide à gauche.            */
/* -------------------------------------------------------------------------- */
html body.hasMessagesDrawerOpenR141 .memberMessagesDrawer,
html body.hasMessagesDrawerOpenR141 .memberMessagesDrawer .memberMessageCenter{
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.hasMessagesDrawerOpenR141 .memberNavDrawerLayer>.memberNavDrawer:not(.memberMessagesDrawer){
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Messages, Mes invitations, Notifications et Mes messages : bandeaux crème  */
/* officiels, avec les couleurs de texte du bandeau Modifier mon profil.       */
html body .memberMessagesDrawer .memberMessageDashboardHeader,
html body .memberMessagesDrawer .memberMessageWorkspaceHeader{
  box-sizing:border-box !important;
  border:0 !important;
  border-bottom:1px solid var(--r211-cream-line) !important;
  background-color:var(--r211-cream-top) !important;
  background-image:var(--r211-cream) !important;
  color:var(--r211-navy) !important;
  box-shadow:0 1px 0 rgba(7,26,57,.04) !important;
}
html body .memberMessagesDrawer .memberMessageDashboardHeader>span,
html body .memberMessagesDrawer .memberMessageWorkspaceHeader>div>span{
  color:var(--r211-orange) !important;
  text-shadow:none !important;
}
html body .memberMessagesDrawer .memberMessageDashboardHeader h2,
html body .memberMessagesDrawer .memberMessageWorkspaceHeader h2{
  color:var(--r211-navy) !important;
  text-shadow:none !important;
}
html body .memberMessagesDrawer .memberMessageDashboardHeader p,
html body .memberMessagesDrawer .memberMessageWorkspaceHeader p{
  color:var(--r211-copy) !important;
  text-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 4. SIGNALEMENTS — bouton orange centré et motifs supplémentaires visibles. */
/* -------------------------------------------------------------------------- */
html body .bodyReportsDrawer .bodyModerationQueue article>button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
html body .bodyReportsDrawer .bodyReportReasonsR211{
  border-top:10px solid var(--r159-cream-alt,#fff1df) !important;
}
html body .bodyReportsDrawer .bodyReportReasonListR211{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
}
html body .bodyReportsDrawer .bodyReportReasonListR211 span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 13px !important;
  border:1px solid rgba(242,103,34,.28) !important;
  border-radius:999px !important;
  background:#fffaf4 !important;
  color:var(--r211-navy) !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-align:center !important;
}

/* -------------------------------------------------------------------------- */
/* 5. SALONS FAVORIS — zone titre au standard Contacts / Annuaire.            */
/* -------------------------------------------------------------------------- */
html body .memberFavoritesShell>header{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:10px 18px !important;
  border:0 !important;
  border-bottom:1px solid var(--r211-cream-line) !important;
  background-color:var(--r211-cream-top) !important;
  background-image:var(--r211-cream) !important;
  color:var(--r211-navy) !important;
  text-align:center !important;
}
html body .memberFavoritesShell>header h2{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  color:var(--r211-navy) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  text-align:center !important;
  text-shadow:none !important;
  text-wrap:balance !important;
}
html body .memberFavoritesShell>header p{
  width:100% !important;
  max-width:36em !important;
  margin:6px auto 0 !important;
  color:var(--r211-copy) !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.34 !important;
  text-align:center !important;
  text-shadow:none !important;
}

@media (max-width:1920px) and (max-height:1080px){
  html body .memberFavoritesShell>header{padding:8px 16px 9px !important}
  html body .memberFavoritesShell>header h2{font-size:25px !important}
  html body .memberFavoritesShell>header p{margin-top:5px !important;font-size:9.5px !important}
}
@media (max-width:1600px) and (max-height:920px){
  html body .memberFavoritesShell>header{padding:6px 11px 7px !important}
  html body .memberFavoritesShell>header h2{font-size:21px !important;line-height:1.01 !important}
  html body .memberFavoritesShell>header p{margin-top:3px !important;font-size:8px !important;line-height:1.24 !important}
}