/* ========================================================================== */
/* ETHNOS R539 — Accueil Découverte : repères + finition de rangée            */
/* Source active : R538.                                                      */
/* Périmètre : rangée des repères de l'accueil Découverte uniquement.         */
/* ========================================================================== */

/* Médias déjà validés en R537. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricHelp{
  background-image:url('../assets/images/home-r537/entraide-volunteers-r537.webp') !important;
  background-position:50% 47% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricEvents{
  display:none !important;
  background-image:url('../assets/images/home-r537/events-concert-r537.webp') !important;
  background-position:50% 48% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* R539 — finition de texte commune à tous les formats.                      */
/* La réserve basse du descriptif passe de 2.44em à 1.80em sur les cartes    */
/* chiffrées : selon la taille de police active, le texte descend d'environ   */
/* 5 à 8 px sans translation et conserve une marge basse réelle.              */
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r183MetricCard{
  padding-bottom:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r183MetricCard:not(.r185MetricStreaming) > p{
  min-height:1.80em !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r183MetricCard:not(.r185MetricStreaming) > strong{
  margin-bottom:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r183MetricCard > span{
  white-space:nowrap !important;
}

/* Streaming conserve la structure R531/R534. R539 resserre uniquement       */
/* l'écart horizontal et réserve la même zone basse au descriptif final.      */
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r185MetricStreaming{
  align-content:end !important;
  column-gap:4px !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r185MetricStreaming > p{
  min-height:1.80em !important;
  white-space:nowrap !important;
}

/* Géométrie et ordre desktop déjà validés en R537. */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

/* 1920×1080 inclus et au-delà : Événements reste sixième et dernier. */
@media (min-width:1920px) and (min-height:1080px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricEvents{
    display:flex !important;
  }
}

/* R538 — largeur de rangée nécessaire pour conserver la largeur visuelle de  */
/* Streaming lorsque les 6 cartes sont présentes sur le très grand format.    */
@media (min-width:2200px) and (min-height:1080px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow{
    width:calc(80% + 2px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* 2560×1440 : trois écarts verticaux identiques à la référence 52 px. */
@media (width:2560px) and (height:1440px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHero{
    gap:52px !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{
    gap:52px !important;
    row-gap:52px !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow{
    margin-top:0 !important;
  }
}

/* Les formats sous 901 px conservent leur grille historique ; seul le        */
/* rapprochement du libellé Streaming reste cohérent si cette vue est utilisée.*/
@media (max-width:900px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r537MetricRow > .r185MetricStreaming{
    column-gap:3px !important;
  }
}
