/* ==========================================================================
   ETHNOS R229
   Base : R228.

   TOUS FORMATS
   - CENTRAL : alignement vertical cibles / encoches.
   - Messages > Mes messages > Gérer la discussion :
     bouton Fermer calqué sur le Fermer Profil officiel.

   1707x1067 UNIQUEMENT
   - Partie droite complète du CENTRAL déplacée de 20 px vers la gauche.
   - Cibles et encoches réduites, texte mieux espacé.
   - >= 3 px entre "membres" et le palier suivant.
   - Tchat : Fermer remonté de 5 px.
   ========================================================================== */


/* ==========================================================================
   TOUS FORMATS — CENTRAL
   ========================================================================== */
html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
.r180TrajectorySteps > li{
  align-items:start !important;
}

html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
.r180TrajectorySteps .r180MilestoneTarget,
html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
.r180TrajectorySteps .r180MilestoneReward{
  align-self:start !important;
}

html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
.r180TrajectorySteps .r180MilestoneReward > b{
  align-self:start !important;
}


/* ==========================================================================
   TOUS FORMATS — Messages > Mes messages > Gérer la discussion
   Fermer = STANDARD RÉEL DU FERmer PROFIL.

   Référence copiée localement depuis :
   .memberProfileDrawer .memberProfileBottomClose
   + correctifs visuels R208.
   Aucun autre bouton Messages n'est affecté.
   ========================================================================== */
html[data-ethnos-ui] body
[data-member-drawer-panel="messages"] [data-message-center]
.memberMessageSideDrawer button.memberConversationManageCloseR226{
  appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  min-height:44px !important;
  height:auto !important;
  margin:10px 0 0 !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,.12) !important;
  filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}

html[data-ethnos-ui] body
[data-member-drawer-panel="messages"] [data-message-center]
.memberMessageSideDrawer button.memberConversationManageCloseR226:hover,
html[data-ethnos-ui] body
[data-member-drawer-panel="messages"] [data-message-center]
.memberMessageSideDrawer button.memberConversationManageCloseR226:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:0 8px 18px rgba(7,26,57,.12) !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
}

/* Le Fermer Profil possède déjà une variante compacte sur cette famille
   de formats. On reproduit la même géométrie sur le volet de discussion. */
@media (min-width:1650px) and (max-width:1750px)
       and (min-height:980px) and (max-height:1120px){
  html[data-ethnos-ui] body
  [data-member-drawer-panel="messages"] [data-message-center]
  .memberMessageSideDrawer button.memberConversationManageCloseR226{
    min-height:30px !important;
    height:30px !important;
    margin-top:6px !important;
    border-radius:8px !important;
    font-size:9px !important;
    box-shadow:0 4px 10px rgba(7,26,57,.08) !important;
  }
}


/* ==========================================================================
   1707 x 1067 UNIQUEMENT
   ========================================================================== */
@media (width:1707px) and (height:1067px){

  /* CENTRAL :
     correction de méthode — on déplace la PARTIE DROITE COMPLÈTE,
     donc textes, cibles, encoches, compteur, rail et éléments interactifs
     restent ensemble sur le même axe.
     R228 ne déplaçait que certains textes. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180Trajectory{
    position:relative !important;
    left:-20px !important;
  }

  /* Neutraliser le décalage texte individuel hérité de R228 :
     le déplacement est désormais porté par le conteneur complet. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryEyebrow,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersValue strong,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersValue span,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180ProgressMeta,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget strong,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget small,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward span{
    left:0 !important;
  }

  /* Cibles réduites. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget strong{
    font-size:11px !important;
    line-height:1 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget small{
    font-size:5px !important;
    line-height:1 !important;
  }

  /* Encoches vertes plus petites avec espace net au texte. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneReward{
    grid-template-columns:10px minmax(0,1fr) !important;
    column-gap:6px !important;
    gap:6px !important;
    align-items:start !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneReward > b{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    font-size:7px !important;
    line-height:1 !important;
  }

  /* Au moins 3 px entre "membres" et la cible suivante. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180MembersValue{
    margin-right:4px !important;
  }

  /* TCHAT : Fermer remonté de 5 px. */
  html[data-ethnos-ui] body.isTchatDrawerOpen
  button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing
  button.r186TchatClose.ethnosActionOrange{
    position:relative !important;
    top:-5px !important;
  }
}