/* ========================================================================== */
/* ETHNOS R210 — correctifs ciblés Maps, Profil, titres de volets et trophées.*/
/* Base stricte : R209. Aucun bouton du Tchat n'est redéfini dans ce fichier. */
/* ========================================================================== */

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

/* -------------------------------------------------------------------------- */
/* 1. ONGLET MAPS : même taille et même famille que le titre de l'onglet Tchat.*/
/* -------------------------------------------------------------------------- */
html body .memberMapCard.r193MapTitleOnly > h2,
html body .memberMapCard > h2{
  margin:0 !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(24px,1.7vw,32px) !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
}

/* -------------------------------------------------------------------------- */
/* 2. VOLET PROFIL : suppression du rectangle blanc derrière les deux actions.*/
/* -------------------------------------------------------------------------- */
html body .memberProfileDrawer .memberProfileActions{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 3. MODIFIER MON PROFIL : bandeau crème officiel et corps blanc / blocs crème.*/
/* -------------------------------------------------------------------------- */
html body .memberProfileEditorHeader{
  border-bottom:1px solid var(--r210-cream-line) !important;
  background-color:var(--r210-cream-top) !important;
  background-image:var(--r210-cream) !important;
  color:var(--r210-navy) !important;
  box-shadow:0 1px 0 rgba(7,26,57,.04) !important;
}
html body .memberProfileEditorHeader > div > span{
  color:var(--r210-orange) !important;
  text-shadow:none !important;
}
html body .memberProfileEditorHeader h2{
  color:var(--r210-navy) !important;
  text-shadow:none !important;
}
html body .memberProfileEditorHeader p{
  color:var(--r210-copy) !important;
  text-shadow:none !important;
}

html body .memberProfileEditorPanel,
html body .memberProfileEditorForm,
html body .memberProfileEditorScroll{
  background-color:#ffffff !important;
  background-image:none !important;
  color:var(--r210-navy) !important;
}
html body .memberProfileEditCard,
html body .memberProfileEditCard:nth-child(2),
html body .memberProfileEditCard:nth-child(3),
html body .memberProfileEditCard:nth-child(4),
html body .memberProfileEditCard:nth-child(5){
  background-color:var(--r210-cream-top) !important;
  background-image:var(--r210-cream) !important;
  border-color:var(--r210-cream-line) !important;
}
html body .memberProfileEditorFooter{
  background:#ffffff !important;
  border-top-color:var(--r210-cream-line) !important;
}

/* Annuler : couleurs exactes du bouton Déconnexion du volet Profil. */
html body .memberProfileEditorFooter [data-close-profile-editor]{
  border-color:rgba(7,26,57,.34) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.09) !important;
}
html body .memberProfileEditorFooter [data-close-profile-editor]:hover,
html body .memberProfileEditorFooter [data-close-profile-editor]:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  outline:none !important;
}

/* -------------------------------------------------------------------------- */
/* 4. TITRES DES VOLETS MÉDIAS ET MESSAGES : standard Annuaire/Signalements. */
/* -------------------------------------------------------------------------- */
html body .memberMediaHeader,
html body .memberMessagesDrawer .memberMessageDashboardHeader{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:0 !important;
  display:block !important;
  margin:0 !important;
  padding:10px 18px !important;
  border:0 !important;
  border-bottom:1px solid rgba(7,26,57,.12) !important;
  background-color:var(--r210-cream-top) !important;
  background-image:var(--r210-cream) !important;
  color:var(--r210-navy) !important;
  text-align:center !important;
}
html body .memberMediaHeader > div,
html body .memberMessagesDrawer .memberMessageDashboardHeader{
  text-align:center !important;
}
html body .memberMediaEyebrow,
html body .memberMessagesDrawer .memberMessageDashboardHeader > span{
  display:block !important;
  margin:0 0 6px !important;
  color:var(--r210-orange) !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(7px,.52vw,9px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-align:center !important;
}
html body .memberMediaHeader h2,
html body .memberMessagesDrawer .memberMessageDashboardHeader h2{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  color:var(--r210-navy) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(26px,1.85vw,36px) !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 .memberMediaHeader p,
html body .memberMessagesDrawer .memberMessageDashboardHeader p{
  width:100% !important;
  max-width:36em !important;
  margin:6px auto 0 !important;
  color:var(--r210-copy) !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(11px,.78vw,14px) !important;
  font-weight:650 !important;
  line-height:1.42 !important;
  text-align:center !important;
  text-shadow:none !important;
}

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

/* -------------------------------------------------------------------------- */
/* 5. TROPHÉES : respiration sous le titre et libellé du blason en orange.    */
/* -------------------------------------------------------------------------- */
html body .memberTrophiesHeader{
  margin-bottom:4px !important;
}
html body .memberChosenShieldStatus b{
  color:var(--r210-orange) !important;
}