/* ========================================================================== */
/* ETHNOS R787 — finitions volets : lisibilité, volumes, boutons, alignements */
/* 14 septembre 2026 — UI uniquement.                                        */
/* ========================================================================== */
:root{
  --r787-charcoal:#1f1f1f;
  --r787-charcoal-soft:#272727;
  --r787-white:#fffaf3;
  --r787-muted:#c9d0d3;
  --r787-cream:#fff8ee;
  --r787-blue:#071a39;
  --r787-orange:#f26722;
  --r787-line:rgba(255,255,255,.14);
}

/* -------------------------------------------------------------------------- */
/* 1. MAPS — les sous-titres des cartes restent lisibles sur le nouveau fond. */
/* Ne pas toucher à la palette des cartes elles-mêmes.                         */
/* -------------------------------------------------------------------------- */
html.ethnosGuestDiscovery body.r190WorldViewOpen .r453MapPulsePanel[data-r603-map-pulse] .r603MapPulseCopy small{
  color:#fff !important;
  opacity:1 !important;
}

/* -------------------------------------------------------------------------- */
/* 2. PROFIL — titre Centres d’intérêt centré.                                */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Interests h3{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* -------------------------------------------------------------------------- */
/* 3. MESSAGES — titre centré, sous-texte blanc, Fermer sous les cartes.       */
/* -------------------------------------------------------------------------- */
html body .ethnosMessagesR575Dashboard .ethnosMessagesR575Hero{
  display:block !important;
  text-align:center !important;
}
html body .ethnosMessagesR575Dashboard .ethnosMessagesR575Hero>div{
  width:100% !important;
  max-width:none !important;
  text-align:center !important;
}
html body .ethnosMessagesR575Dashboard .ethnosMessagesR575Hero h2,
html body .ethnosMessagesR575Dashboard .ethnosMessagesR575Hero p,
html body .ethnosMessagesR575Dashboard .ethnosMessagesR575Hero>div>span{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
html body .ethnosMessagesR575Dashboard .ethnosMessagesR575Hero p{
  color:#fff !important;
}
html body .ethnosMessagesR575Dashboard .ethnosMessagesR787CloseBottom{
  appearance:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:116px !important;
  min-height:34px !important;
  margin:14px auto 24px !important;
  padding:0 22px !important;
  border:1px solid rgba(225,231,233,.78) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--r787-blue) !important;
  box-shadow:none !important;
  font-weight:500 !important;
}

/* -------------------------------------------------------------------------- */
/* 4. FAVORIS — quatre surfaces marquées gris ; cartes favorites crème.       */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell,
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell>header,
html body [data-member-drawer-panel="favorites"] .memberFavoritesList,
html body [data-member-drawer-panel="favorites"] .memberFavoritesSectionTitle{
  background-color:var(--r787-charcoal) !important;
  background-image:none !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell>header,
html body [data-member-drawer-panel="favorites"] .memberFavoritesSectionTitle{
  border-color:var(--r787-line) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell>header h2,
html body [data-member-drawer-panel="favorites"] .memberFavoritesSectionTitle{
  color:#fff !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell>header p{
  color:var(--r787-muted) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoriteSalonRow{
  background:var(--r787-cream) !important;
  color:var(--r787-blue) !important;
}

/* -------------------------------------------------------------------------- */
/* 5. CONTACTS — carte bord à bord, plus compacte, action sur ligne statut.    */
/* Effet 3D identique à celui des favoris.                                    */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Body,
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588List{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588List{
  padding:0 !important;
  gap:7px !important;
  background:transparent !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(7,26,57,.13) !important;
  border-radius:12px !important;
  background:var(--r787-cream) !important;
  box-shadow:0 5px 13px rgba(7,26,57,.08),inset 0 1px 0 rgba(255,255,255,.72) !important;
  transform:translateZ(0) !important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact:hover,
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact:focus-within{
  transform:translateY(-2px) scale(.992) !important;
  box-shadow:0 12px 24px rgba(7,26,57,.16),inset 0 1px 0 rgba(255,255,255,.88) !important;
  filter:brightness(1.015) !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact .ethnosContactsR692ContactLine{
  display:block !important;
  width:100% !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR787StatusActions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:7px 0 0 66px !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR787StatusActions .ethnosContactsR588Status{
  margin:0 !important;
  justify-self:auto !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR787Delete{
  appearance:none !important;
  width:auto !important;
  min-width:0 !important;
  min-height:26px !important;
  margin:0 !important;
  padding:4px 9px !important;
  border:1px solid rgba(230,95,30,.28) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#e65f1e !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
@container contactsR692 (max-width:430px){
  html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR787StatusActions{margin-left:59px !important;}
}
@container contactsR692 (max-width:330px){
  html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR787StatusActions{margin-left:51px !important;}
}

/* -------------------------------------------------------------------------- */
/* 6. SIGNALEMENTS — coque grise, blocs crème, sous-texte du titre blanc.     */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="reports"],
html body [data-member-drawer-panel="reports"] .bodyReportsDrawer.r305ReportsDrawer,
html body [data-member-drawer-panel="reports"] .r590ReportsBody{
  background:var(--r787-charcoal) !important;
  background-image:none !important;
  color:var(--r787-white) !important;
}
html body [data-member-drawer-panel="reports"] .bodyReportsDrawer.r305ReportsDrawer>header{
  background:var(--r787-charcoal) !important;
  color:var(--r787-white) !important;
  border-color:var(--r787-line) !important;
}
html body [data-member-drawer-panel="reports"] .bodyReportsDrawer.r305ReportsDrawer>header h2{
  color:#fff !important;
}
html body [data-member-drawer-panel="reports"] .bodyReportsDrawer.r305ReportsDrawer>header p{
  color:#fff !important;
}
html body [data-member-drawer-panel="reports"] .r590ReportsSection{
  background:var(--r787-cream) !important;
  color:var(--r787-blue) !important;
  border-top-color:var(--r787-charcoal) !important;
}

/* -------------------------------------------------------------------------- */
/* 7. TROPHÉES — tout le fond anthracite + pagination très lisible.           */
/* -------------------------------------------------------------------------- */
html body #memberDrawer-trophies,
html body #memberDrawer-trophies .memberTrophiesShell,
html body #memberDrawer-trophies .memberTrophiesHeader,
html body #memberDrawer-trophies .memberChosenShield,
html body #memberDrawer-trophies .memberTrophyPages,
html body #memberDrawer-trophies .memberTrophyPage,
html body #memberDrawer-trophies .memberTrophyCategory,
html body #memberDrawer-trophies .memberTrophiesSeparator{
  background:var(--r787-charcoal) !important;
  background-image:none !important;
  color:var(--r787-white) !important;
  border-color:var(--r787-line) !important;
}
html body #memberDrawer-trophies :is(.memberTrophiesHeader h2,.memberChosenShieldCopy h3,.memberTrophyCategory h3){
  color:#fff !important;
}
html body #memberDrawer-trophies .memberChosenShieldStatus b{
  color:var(--r787-orange) !important;
}
html body #memberDrawer-trophies .memberTrophyPagination{
  background:transparent !important;
  border-color:var(--r787-line) !important;
}
html body #memberDrawer-trophies .memberTrophyPagination button{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  border:1px solid rgba(255,255,255,.40) !important;
  border-radius:0 !important;
  background:#fffaf3 !important;
  color:var(--r787-blue) !important;
  font-size:12px !important;
  font-weight:800 !important;
  opacity:1 !important;
}
html body #memberDrawer-trophies .memberTrophyPagination button.isActive{
  border:1px solid var(--r787-orange) !important;
  background:var(--r787-blue) !important;
  color:#fff !important;
}
html body #memberDrawer-trophies .memberTrophyPagination button:first-child,
html body #memberDrawer-trophies .memberTrophyPagination button:last-child{
  border-color:rgba(242,103,34,.62) !important;
  background:#fffaf3 !important;
  color:var(--r787-orange) !important;
}
html body #memberDrawer-trophies .memberTrophyPagination button:disabled{
  opacity:.42 !important;
}
html body #memberDrawer-trophies .memberTrophyOption>span,
html body #memberDrawer-trophies .memberChosenShieldStatus>span{
  background:#fffaf3 !important;
}
html body #memberDrawer-trophies .memberTrophiesShell>.memberDrawerCloseButton{
  width:auto !important;
  min-width:116px !important;
  max-width:none !important;
  margin:12px auto 18px !important;
  padding-left:22px !important;
  padding-right:22px !important;
}

@media (max-width:520px){
  html body #memberDrawer-trophies .memberTrophyPagination button{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    font-size:11px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact{transition:none !important;}
  html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact:hover,
  html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card.isContact:focus-within{transform:none !important;}
}