/* V2.5 — garde-fou d'affichage bureau.
   Rend l'interface compacte lorsque le navigateur est zoomé, que Windows utilise
   une forte mise à l'échelle ou que l'écran est peu haut. Aucun zoom CSS global :
   la page reste nette et les fonctions d'accessibilité du navigateur restent actives. */

/* La bannière Analytics ne doit jamais recouvrir toute la largeur sur ordinateur. */
@media (min-width:681px){
  #mhurAnalyticsConsent{
    left:auto!important;
    right:18px!important;
    bottom:18px!important;
    width:min(520px,calc(100vw - 36px))!important;
    max-width:520px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:13px!important;
    padding:15px 16px!important;
  }
  #mhurAnalyticsConsent>div:last-child{
    display:flex!important;
    justify-content:flex-end!important;
    gap:9px!important;
  }
  #mhurAnalyticsConsent button{
    min-width:118px!important;
    margin:0!important;
  }
}

/* Mode bureau compact : s'active aussi automatiquement quand un zoom navigateur
   réduit la hauteur CSS disponible. */
@media (min-width:701px) and (max-height:900px){
  :root{
    --mhur-top-height:clamp(54px,8.5dvh,66px)!important;
    --mhur-back-gap:9px!important;
  }

  .top .menuBtn,.menuBtn{
    width:44px!important;
    height:44px!important;
    font-size:26px!important;
    border-radius:12px!important;
  }

  .top .nexusHeaderLinks{
    top:50%!important;
    transform:translateY(-50%)!important;
    gap:7px!important;
  }
  .top .nexusHeaderBtn{
    height:44px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    gap:7px!important;
    font-size:14px!important;
  }
  .top .nexusHeaderIcon{font-size:18px!important}

  .top .brand{
    max-width:min(33vw,360px)!important;
    font-size:clamp(12px,2.15dvh,16px)!important;
    line-height:1!important;
  }

  .top .mhurAccountButton{
    height:46px!important;
    max-width:205px!important;
    padding:4px 9px!important;
    border-radius:13px!important;
  }
  .top .mhurAccountButton img,
  .top .mhurAccountAvatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .top .mhurAccountButtonText b{font-size:13px!important}
  .top .mhurAccountButtonText small{font-size:9px!important}

  .top .lang{
    min-height:46px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:20px!important;
    font-size:14px!important;
  }

  .wrap{padding-top:clamp(12px,2.4dvh,22px)!important}
  .homeV296{
    max-width:min(1280px,calc(100dvh * 1.66))!important;
    padding-top:10px!important;
  }
  .seasonV296{
    max-width:min(1100px,calc(100dvh * 1.36))!important;
    margin-top:5px!important;
    margin-bottom:18px!important;
    padding:clamp(17px,3.1dvh,26px) clamp(16px,3.2dvh,28px) clamp(16px,2.8dvh,24px)!important;
  }
  .seasonV296 h1{
    margin-top:2px!important;
    margin-bottom:7px!important;
    font-size:clamp(30px,6dvh,42px)!important;
  }
  .seasonLineV296>strong{
    margin-bottom:10px!important;
    font-size:clamp(14px,2.7dvh,18px)!important;
  }
  .countdownV296{
    max-width:min(820px,calc(100dvh * 1.08))!important;
    gap:clamp(8px,1.6dvh,14px)!important;
  }
  .countdownV296 span{
    min-height:clamp(76px,15dvh,108px)!important;
    padding:9px 6px 8px!important;
  }
  .countdownV296 b{font-size:clamp(29px,7dvh,44px)!important}
  .countdownV296 small{font-size:clamp(9px,1.7dvh,12px)!important}
  .seasonV296>small{
    margin-top:12px!important;
    font-size:clamp(10px,1.75dvh,13px)!important;
  }
  .homeDividerV296{margin:18px 0 14px!important}
  .homeTitleV296{
    margin-bottom:12px!important;
    font-size:clamp(23px,4.1dvh,32px)!important;
  }
  .homeTitleV296:before{
    width:14px!important;
    height:clamp(34px,6dvh,46px)!important;
  }
}

/* Très faible hauteur : priorité à une barre stable et à un premier écran lisible. */
@media (min-width:701px) and (max-height:650px){
  .top .mhurAccountButtonText small{display:none!important}
  .top .mhurAccountButton{max-width:175px!important}
  .homeV296{max-width:min(1120px,calc(100dvh * 1.62))!important}
  .seasonV296{max-width:min(900px,calc(100dvh * 1.34))!important}
  .seasonV296>small{margin-top:9px!important}
  .homeDividerV296{height:11px!important;margin:14px 0 11px!important}
}

/* Évite tout débordement horizontal même avec une police système agrandie. */
@media (min-width:701px){
  .top,.homeV296,.seasonV296,#mhurAnalyticsConsent{min-width:0!important}
  .top .nexusHeaderBtnLabel,
  .top .mhurAccountButtonText,
  .seasonV296>*{min-width:0!important}
}
