/* ========================================================================== */
/* ETHNOS R457 — MATRICE RESPONSIVE ACCUEIL DÉCOUVERTE + MAPS                */
/* Base figée : R456.                                                         */
/* Référence visuelle : 2560x1440 strictement inchangée.                     */
/* Formats contrôlés : 1280x720, 1366x768, 1536x864, 1707x1067,              */
/*                     1920x1080, 2560x1440.                                  */
/* Périmètre : géométrie responsive locale, aucun changement fonctionnel.    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1) ACCUEIL — sous 2200px, remplacer les translations/scale historiques    */
/* par une grille locale bornée : bloc titre à gauche, Trajectoire à droite. */
/* -------------------------------------------------------------------------- */
@media (min-width:901px) and (max-width:2199px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180HomeHero{
    grid-template-columns:minmax(0,42fr) minmax(0,58fr) !important;
    column-gap:clamp(18px,1.5vw,28px) !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r432CommercialHomeTab{
    position:relative !important;
    grid-column:1 !important;
    grid-row:1 !important;
    left:calc(-1 * clamp(18px,1.45vw,28px)) !important;
    top:0 !important;
    width:calc(100% + clamp(18px,1.45vw,28px)) !important;
    height:var(--r450-trajectory-height,100%) !important;
    align-self:start !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeHeroCopy{
    grid-column:1 !important;
    grid-row:1 !important;
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    left:0 !important;
    right:auto !important;
    padding-left:clamp(14px,1.2vw,22px) !important;
    padding-right:clamp(10px,1vw,18px) !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r180HomeHeroCopy h1,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180HomePromise{
    font-size:clamp(24px,2.22vw,39px) !important;
    line-height:1.02 !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Trajectory{
    grid-column:2 !important;
    grid-row:1 !important;
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
  }

  /* Les -105px / scale(1.5) validés à 2560 deviennent trop agressifs sur   */
  /* les viewports plus petits. Le flux naturel garde ici chaque rangée.    */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars{
    transform:none !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    position:relative !important;
    top:0 !important;
    transform:none !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock button{
    min-width:0 !important;
  }
}

/* Espaces verticaux mesurés pour préserver le dock sans collision. */
@media (min-width:1600px) and (max-width:2199px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{gap:48px !important;row-gap:48px !important;}
}
@media (min-width:1400px) and (max-width:1599px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{gap:44px !important;row-gap:44px !important;}
}
@media (min-width:1320px) and (max-width:1399px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{gap:32px !important;row-gap:32px !important;}
}
@media (min-width:901px) and (max-width:1319px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{gap:25px !important;row-gap:25px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{top:-14px !important;}
}

/* 1280/1366 : compacter uniquement les cibles internes de Trajectoire. */
@media (min-width:901px) and (max-width:1366px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li{
    padding:8px !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneTarget strong{
    font-size:10px !important;
    line-height:1 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneTarget small{
    font-size:5px !important;
    line-height:1 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 2) DOCK — conserver les 7 libellés sans rognage sur les petits laptops.   */
/* -------------------------------------------------------------------------- */
@media (min-width:1367px) and (max-width:1536px){
  html.ethnosGuestDiscovery #memberWorldDock button{
    font-size:clamp(9px,.65vw,10px) !important;
    padding-left:3px !important;
    padding-right:3px !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock button i{margin-right:3px !important;}
}
@media (min-width:901px) and (max-width:1366px){
  html.ethnosGuestDiscovery #memberWorldDock button{
    font-size:8px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock button i{margin-right:2px !important;}
  html.ethnosGuestDiscovery #memberWorldDock button:nth-child(3) span,
  html.ethnosGuestDiscovery #memberWorldDock button:nth-child(4) span{
    max-width:82px !important;
    white-space:normal !important;
    line-height:1.05 !important;
    text-align:center !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 3) MAPS — 1280x720 : compacter le volet Pouls pour éviter son scroll.     */
/* La géométrie de la carte R449/R456 reste strictement intacte.             */
/* -------------------------------------------------------------------------- */
@media (min-width:901px) and (max-height:740px){
  html.ethnosGuestDiscovery body.r190WorldViewOpen:not(.isTchatDrawerOpen) .r453MapPulsePanel{
    padding:9px 9px 8px !important;
  }
  .r453MapPulseHead{padding-bottom:6px !important;}
  .r453MapPulseHead h2{font-size:18px !important;margin:3px 0 1px !important;}
  .r453MapPulseHead p{display:none !important;}
  .r453MapPulseList{gap:3px !important;margin:5px 0 !important;}
  .r453MapPulseItem{
    grid-template-columns:21px minmax(0,1fr) auto !important;
    gap:5px !important;
    padding:3px 5px !important;
  }
  .r453MapPulseIcon{width:21px !important;height:21px !important;font-size:11px !important;}
  .r453MapPulseItem b{font-size:8px !important;}
  .r453MapPulseItem small,
  .r453MapPulseState{font-size:6.5px !important;}
  .r453MapCountries{padding-top:5px !important;}
  .r453MapCountriesHead{margin-bottom:4px !important;}
  .r453MapCountryChip{font-size:6.5px !important;padding:2px 4px !important;}
}