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

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

  /* ------------------------------------------------------------------------
     CENTRAL > bloc haut
     - déplacer uniquement les éléments textuels de droite de 7 px vers la gauche
     - réduire cible / compteur
     - supprimer la justification qui crée de grands espaces entre les mots
     ------------------------------------------------------------------------ */
  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;
  }

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

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180MembersValue span{
    font-size:8px !important;
    line-height:1.08 !important;
  }

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

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

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneReward span{
    font-size:8px !important;
    line-height:1.28 !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;
  }

  /* ------------------------------------------------------------------------
     PROFIL
     - bouclier -10 %
     - boutons Modifier mon profil / Déconnexion plus compacts
     ------------------------------------------------------------------------ */
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberTrophyIntro > img{
    width:104px !important;
    height:104px !important;
  }

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

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

  /* ------------------------------------------------------------------------
     TCHAT
     - boutons continents plus compacts
     - 3 px entre Rechercher et le trait
     - 3 px entre le trait et Recherche approfondie
     - Fermer remonté de 4 px
     - bouton Rechercher plus compact
     ------------------------------------------------------------------------ */
  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen
  .memberExplorerPanel .salonContinentShortcuts{
    grid-template-rows:repeat(7,30px) !important;
    gap:3px !important;
    min-height:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isTchatDrawerOpen
  .memberExplorerPanel .salonContinentShortcuts button{
    width:88% !important;
    min-height:30px !important;
    height:30px !important;
    padding:2px 6px !important;
  }

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

  html[data-ethnos-ui] body.isTchatDrawerOpen .salonQuickSearch{
    padding-bottom:3px !important;
  }

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

  html[data-ethnos-ui] body.isTchatDrawerOpen
  .salonQuickSearch > button.ethnosActionOrange{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 9px !important;
    font-size:9px !important;
    line-height:1 !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;
  }
}