/* ==========================================================================
   ETHNOS R221 — AJUSTEMENTS STRICTEMENT PAR RÉSOLUTION
   Base : R220.
   Aucun effet hors 1920x1080, 1366x768 et 1536x864.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1920 x 1080 UNIQUEMENT
   -------------------------------------------------------------------------- */
@media (width:1920px) and (height:1080px){

  /* CENTRAL > bloc haut :
     réduire uniquement les textes situés sous les compteurs.
     Alignement stable, sans étirement anormal des espaces entre les mots. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneReward span{
    font-size:10px !important;
    line-height:1.24 !important;
    text-align:left !important;
    text-align-last:left !important;
    word-spacing:normal !important;
    letter-spacing:normal !important;
    white-space:normal !important;
    hyphens:auto !important;
    -webkit-hyphens:auto !important;
    overflow-wrap:normal !important;
  }
}


/* --------------------------------------------------------------------------
   1366 x 768 UNIQUEMENT
   -------------------------------------------------------------------------- */
@media (width:1366px) and (height:768px){

  /* CENTRAL > bloc haut :
     déplacer vers la gauche de 7 px uniquement les éléments textuels
     de la partie droite, sans déplacer rails, bordures ou structure. */
  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{
    position:relative !important;
    left:-7px !important;
  }

  /* PROFIL : Résidence -> ville après 1 espace visuel. */
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberProfileDetailsInline > div:first-child{
    column-gap:1ch !important;
  }

  /* TCHAT :
     la R219 avait réduit ces deux espaces à 5 px.
     La demande R221 les AUGMENTE chacun de 3 px => 8 px. */
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch{
    padding-bottom:8px !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonDeepSearch{
    padding-top:8px !important;
  }
}


/* --------------------------------------------------------------------------
   1536 x 864 UNIQUEMENT
   -------------------------------------------------------------------------- */
@media (width:1536px) and (height:864px){

  /* CENTRAL > bloc haut : réduire cible / montant uniquement. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget strong{
    font-size:14px !important;
    line-height:1.03 !important;
  }

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

  /* TCHAT : boutons "À travers le monde" plus compacts. */
  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen
  .memberExplorerPanel .salonContinentShortcuts{
    grid-template-rows:repeat(7,32px) !important;
    gap:4px !important;
    min-height:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen
  .memberExplorerPanel .salonContinentShortcuts button{
    width:90% !important;
    min-height:32px !important;
    height:32px !important;
    padding:3px 7px !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen
  .salonContinentShortcuts button span{
    font-size:9px !important;
  }

  /* TCHAT : réduire les espaces autour du trait. */
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch{
    padding-bottom:5px !important;
  }

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonDeepSearch{
    padding-top:5px !important;
  }

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