/* ==========================================================================
   ETHNOS R219 — corrections strictement ciblées par résolution
   Base : R218.
   Aucun effet hors 1920x1080 et 1366x768.
   ========================================================================== */

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

  /* CENTRAL > bloc haut : réduire uniquement le texte des cibles / montants. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget strong{
    font-size:16px !important;
    line-height:1.05 !important;
  }

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

  /* Tchat : remonter Fermer de 10 px, sans changer sa peau ni ses dimensions. */
  html[data-ethnos-ui] body.isTchatDrawerOpen button.r186TchatClose.ethnosActionOrange,
  html[data-ethnos-ui] body.isTchatDrawerClosing button.r186TchatClose.ethnosActionOrange{
    position:relative !important;
    top:-10px !important;
  }
}


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

  /* CENTRAL > bloc haut : réduire uniquement le texte des cibles / montants. */
  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;
  }

  /* PROFIL : Résidence -> ville après un espace visuel équivalent à 5 espaces. */
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberProfileDetailsInline > div:first-child{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    column-gap:5ch !important;
    align-items:center !important;
  }

  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberProfileDetailsInline > div:first-child > dt,
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] .memberProfileDetailsInline > div:first-child > dd{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* PROFIL : Langue principale -> drapeau uniquement.
     Le texte généré reste dans le DOM, seule sa visibilité typographique est neutralisée. */
  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] [data-primary-language-detail]{
    font-size:0 !important;
    line-height:1 !important;
  }

  html[data-ethnos-ui] body
  [data-member-drawer-panel="profile"] [data-primary-language-detail] .memberFlag{
    margin-right:0 !important;
  }

  /* ANNUAIRE : réduire uniquement les deux boutons demandés. */
  html[data-ethnos-ui] body
  [data-member-drawer-panel="directory"] button.memberDirectoryLetterSearchButton,
  html[data-ethnos-ui] body
  [data-member-drawer-panel="directory"] button.memberDirectoryRestartButton{
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 9px !important;
    font-size:9px !important;
  }

  /* TCHAT : boutons continents 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 deux espaces vides autour du trait de séparation.
     - sous Rechercher jusqu'au trait
     - du trait jusqu'à Recherche approfondie */
  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;
  }
}