/* ==========================================================================
   ETHNOS R224 — 1280 x 720 UNIQUEMENT
   Base : R223.
   Aucun effet hors 1280x720.
   ========================================================================== */

@media (width:1280px) and (height:720px){

  /* ------------------------------------------------------------------------
     CENTRAL / bloc du haut
     - déplacer les éléments textuels de droite de 10 px vers la gauche
     - réduire les cibles
     - réduire les encoches vertes
     - mieux espacer le texte associé aux encoches
     - garantir au moins 3 px entre "membres" et la cible suivante
     ------------------------------------------------------------------------ */
  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:-10px !important;
  }

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

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

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180MilestoneReward{
    grid-template-columns:12px minmax(0,1fr) !important;
    gap:5px !important;
  }

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

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps{
    row-gap:3px !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180MembersValue{
    margin-right:3px !important;
  }

  /* ------------------------------------------------------------------------
     PROFIL
     - bouclier réduit de 20 % par rapport à la taille actuelle R223 (104 px)
       => 83 px.
     - boutons Modifier mon profil / Déconnexion / Fermer plus petits.
     ------------------------------------------------------------------------ */
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberTrophyIntro > img{
    width:83px !important;
    height:83px !important;
  }

  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberProfileActions{
    gap:6px !important;
  }

  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberEdit,
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberLogout{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 8px !important;
    font-size:8px !important;
    line-height:1 !important;
  }

  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberDrawerCloseButton{
    min-height:30px !important;
    height:30px !important;
    padding:0 16px !important;
    font-size:8px !important;
    line-height:1 !important;
  }

  /* ------------------------------------------------------------------------
     TCHAT
     - 4 px entre Rechercher et le trait
     - 4 px entre le trait et Recherche approfondie
     - Fermer remonté de 4 px
     - bouton Fermer réduit
     ------------------------------------------------------------------------ */
  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch{
    padding-bottom:4px !important;
  }

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

  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing button.r186TchatClose.ethnosActionOrange{
    position:relative !important;
    top:-4px !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 10px !important;
    font-size:8.5px !important;
    line-height:1 !important;
  }
}