/* Header public responsive forcé : cible le bloc qui contient MYRMIDON + nav */

body > div:first-child,
body > section:first-child{
  max-width:100vw!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Le bandeau sombre en haut */
body > div:first-child:has(a[href="/app"]),
body > section:first-child:has(a[href="/app"]){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 24px!important;
  min-height:auto!important;
}

/* Tous les liens du header */
body > div:first-child:has(a[href="/app"]) a,
body > section:first-child:has(a[href="/app"]) a{
  white-space:nowrap!important;
  font-size:clamp(11px, 1vw, 14px)!important;
}

/* Zone de liens */
body > div:first-child:has(a[href="/app"]) nav,
body > section:first-child:has(a[href="/app"]) nav,
body > div:first-child:has(a[href="/app"]) .nav,
body > section:first-child:has(a[href="/app"]) .nav{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}

/* Logo */
body > div:first-child:has(a[href="/app"]) img,
body > section:first-child:has(a[href="/app"]) img{
  max-height:clamp(42px, 6vw, 72px)!important;
  width:auto!important;
}

@media(max-width:1100px){
  body > div:first-child:has(a[href="/app"]),
  body > section:first-child:has(a[href="/app"]){
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }

  body > div:first-child:has(a[href="/app"]) nav,
  body > section:first-child:has(a[href="/app"]) nav,
  body > div:first-child:has(a[href="/app"]) .nav,
  body > section:first-child:has(a[href="/app"]) .nav{
    width:100%!important;
  }
}