/* ========================================================================== */
/* ETHNOS R132 — volet Profil : compactage, blason et lisibilité             */
/* Base : R131. Ce correctif ne cible que le volet Profil.                    */
/* ========================================================================== */

/* Le bouton X ne réserve plus une ligne vide en haut du volet. */
html body .memberProfileDrawer{
  position:relative !important;
  padding:8px 18px 18px !important;
  gap:0 !important;
}
html body .memberProfileDrawer .memberProfileClose{
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  margin:0 !important;
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(7,26,57,.18) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.72) !important;
  color:#071a39 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.08) !important;
  font-family:Arial,sans-serif !important;
  font-size:25px !important;
  font-weight:400 !important;
  line-height:1 !important;
}
html body .memberProfileDrawer .memberProfileClose:hover{
  border-color:rgba(242,103,34,.55) !important;
  background:rgba(242,103,34,.10) !important;
}

/* Cinq zones clairement distinctes, avec des teintes légères et cohérentes. */
html body .memberProfileDrawer > .memberDescription,
html body .memberProfileDrawer > .memberProfileDetails,
html body .memberProfileDrawer > .memberInterests,
html body .memberProfileDrawer > .memberStats,
html body .memberProfileDrawer > .memberTrophies{
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  border:1px solid rgba(7,26,57,.075) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html body .memberProfileDrawer > .memberDescription{
  min-height:0 !important;
  padding:18px 58px 18px 16px !important;
  background:#fff8ee !important;
  font-size:clamp(18px,1.35vw,25px) !important;
  line-height:1.35 !important;
}
html body .memberProfileDrawer > .memberProfileDetails{
  padding:14px 16px !important;
  background:#f8fbf8 !important;
}
html body .memberProfileDrawer > .memberInterests{
  padding:14px 16px 15px !important;
  background:#fff5e9 !important;
}
html body .memberProfileDrawer > .memberStats{
  padding:4px 6px !important;
  background:#f4f8fa !important;
  border-top-color:rgba(7,26,57,.10) !important;
  border-bottom-color:rgba(7,26,57,.10) !important;
}
html body .memberProfileDrawer > .memberTrophies{
  padding:18px 16px 20px !important;
  background:#fff1df !important;
  overflow:visible !important;
}

/* Blason unique : 50 % plus grand, centré, avec son intitulé dessous. */
html body .memberProfileDrawer .memberTrophyIntro{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  text-align:center !important;
}
html body .memberProfileDrawer .memberTrophyIntro > img{
  width:clamp(116px,7.2vw,138px) !important;
  height:clamp(116px,7.2vw,138px) !important;
  margin:0 auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 12px rgba(7,26,57,.12)) !important;
}
html body .memberProfileDrawer .memberTrophyCopy{
  width:100% !important;
  text-align:center !important;
}
html body .memberProfileDrawer .memberTrophyCopy span{
  display:block !important;
  margin:0 !important;
  color:#071a39 !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(19px,1.25vw,24px) !important;
  font-weight:700 !important;
  line-height:1.1 !important;
}
html body .memberProfileDrawer .memberTrophyCopy p{
  margin:5px 0 0 !important;
  color:rgba(7,26,57,.72) !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(14px,.92vw,18px) !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}

/* Actions renforcées et immédiatement identifiables. */
html body .memberProfileDrawer .memberProfileActions{
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  gap:10px !important;
  width:100% !important;
  margin:12px 0 0 !important;
}
html body .memberProfileDrawer .memberEdit,
html body .memberProfileDrawer .memberLogout{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(13px,.86vw,16px) !important;
  font-weight:700 !important;
  line-height:1 !important;
  opacity:1 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.09) !important;
}
html body .memberProfileDrawer .memberEdit{
  border:1px solid #f26722 !important;
  background:linear-gradient(180deg,#ff9a58,#f27630) !important;
  color:#071a39 !important;
}
html body .memberProfileDrawer .memberLogout{
  border:1px solid rgba(7,26,57,.34) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
}
html body .memberProfileDrawer .memberEdit:hover{
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
}
html body .memberProfileDrawer .memberLogout:hover{
  border-color:#f26722 !important;
  background:#fff5e9 !important;
  color:#071a39 !important;
}

/* Bouton Fermer final, identique dans son rôle aux autres volets. */
html body .memberProfileDrawer .memberProfileBottomClose{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:44px !important;
  margin:10px 0 0 !important;
  border:1px solid #071a39 !important;
  border-radius:10px !important;
  background:#071a39 !important;
  color:#fffaf3 !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(13px,.84vw,16px) !important;
  font-weight:700 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.12) !important;
}
html body .memberProfileDrawer .memberProfileBottomClose:hover{
  background:#0b2c49 !important;
  color:#fff !important;
}

@media(max-width:900px){
  html body .memberProfileDrawer{padding:7px 12px 14px !important;}
  html body .memberProfileDrawer > .memberDescription{padding-right:52px !important;}
  html body .memberProfileDrawer .memberTrophyIntro > img{
    width:116px !important;
    height:116px !important;
  }
}