/* ========================================================================== */
/* ETHNOS R464 — 1280x720 compact + nettoyage cible 1366                    */
/* Base : R463.                                                               */
/* Périmètre strict : accueil découverte uniquement.                         */
/* 1) 1280x720 : compacter les deux volets supérieurs sur l'axe vertical.    */
/* 2) 1280x720 : redonner de l'air à cible + chiffre + MEMBRES.              */
/* 3) 1280x720 : masquer le 2e avantage du palier 500 000 sur ce viewport.   */
/* 4) 1366x768 : supprimer définitivement le décor résiduel du 1er 🎯.       */
/* Aucun changement Maps, Tchat, backend ou autre résolution.                */
/* ========================================================================== */

@media (width:1280px) and (height:720px){
  /* Réduire la hauteur réelle de Trajectoire. Le verre gauche reprend cette
     hauteur via la synchronisation R450 déjà active : les deux volets restent
     donc parfaitement alignés sans modifier leur moteur de layout. */
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryEyebrow{
    padding:6px 12px 2px !important;
  }

  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersLine{
    padding:2px 12px 6px !important;
  }

  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryHead{
    padding:7px 12px !important;
  }

  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    grid-template-columns:.94fr .96fr 1.02fr 1.08fr !important;
    column-gap:0 !important;
    row-gap:0 !important;
    padding-top:0 !important;
  }

  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps > li{
    padding:5px 4px !important;
  }

  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget{
    gap:4px !important;
    margin-bottom:4px !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* Même principe que le correctif 1366, avec une emprise réellement compacte.
     Sélecteurs à spécificité suffisante pour neutraliser les anciennes règles
     R245 qui remettaient un halo sur le premier palier. */
  html.ethnosGuestDiscovery[data-ethnos-format-1280="1"][data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget > i,
  html.ethnosGuestDiscovery[data-ethnos-r234-1280="1"][data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps .r180MilestoneTarget > i{
    flex:0 0 18px !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    font-size:15px !important;
    line-height:18px !important;
  }

  html.ethnosGuestDiscovery[data-ethnos-format-1280="1"][data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps li.isNext .r180MilestoneTarget > i,
  html.ethnosGuestDiscovery[data-ethnos-r234-1280="1"][data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps li.isNext .r180MilestoneTarget > i{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    outline:0 !important;
  }

  /* Le palier 500 000 est le seul à posséder deux avantages dans le HTML.
     Sur 1280x720, masquer le second évite une ligne surnuméraire et réduit la
     hauteur du volet sans supprimer le contenu des autres résolutions. */
  html.ethnosGuestDiscovery body.isEthnosHomeView
  .r180TrajectorySteps > li:nth-child(3) .r180MilestoneReward:last-child{
    display:none !important;
  }

  /* Neutralisation défensive de tout marqueur de timeline ancien. */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li::before,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li::after{
    content:none !important;
    display:none !important;
  }
}

@media (width:1366px) and (height:768px){
  /* R245/R246 avaient un sélecteur plus spécifique que R463 sur le premier
     palier isNext. On reprend exactement cette cible, plus tard dans la cascade,
     afin d'éliminer le carré/halo résiduel sans toucher au 🎯 lui-même. */
  html.ethnosGuestDiscovery[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps li.isNext .r180MilestoneTarget > i,
  html.ethnosGuestDiscovery[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r180TrajectorySteps li.isNext .r180MilestoneTarget > i{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    outline:0 !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li::before,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li::after{
    content:none !important;
    display:none !important;
  }
}