/* =====================================================================
   Correctifs du header d'origine
   ===================================================================== */

/* 1. Logo : sans cadre, bien visible, un seul logo à la fois (clair / sombre) */
html body header.topbar .logo-box,
html body #mmenu .mm-logo .logo-box{
  width:auto !important; height:auto !important; max-height:none !important;
  background:none !important; box-shadow:none !important; border-radius:0 !important;
  padding:0 !important; transform:none !important;
}
html body header.topbar .logo-wrap:hover .logo-box{ transform:none !important; box-shadow:none !important; }
html body header.topbar .logo-box img{
  width:auto !important; height:52px !important; max-height:none !important; max-width:none !important;
  object-fit:contain; opacity:1 !important; visibility:visible !important;
}
html body #mmenu .mm-logo .logo-box img{ width:auto !important; height:42px !important; }
header.topbar .logo-box .logo-dark{ display:none !important; }
html[data-theme="dark"] header.topbar .logo-box .logo-light{ display:none !important; }
html[data-theme="dark"] header.topbar .logo-box .logo-dark{ display:block !important; }
@media (max-width:1023.98px){
  html body header.topbar .logo-box img{ height:42px !important; }
}

/* 2. Bouton menu (☰) : uniquement sur tablette et mobile */
@media (min-width:1024px){
  html body header.topbar #menuBtn, html body header.topbar .burger{ display:none !important; }
}

/* 3. Menu mobile : le script du header ouvre le menu avec la classe « is-open » */
#mmenu.is-open{ transform:none !important; }
#mmenu.is-open a, #mmenu.is-open .mm-link{ opacity:1; transform:none; }

/* 4. Tablette et mobile : header allégé — logo · Contact · ☰
      (la langue et le thème restent dans le menu ☰) */
@media (max-width:1023.98px){
  html body header.topbar .lang-switch,
  html body header.topbar #themeBtn,
  html body header.topbar .wm-ink{ display:none !important; }
  html body header.topbar .syo-desktop-contact{ padding:.55rem 1rem !important; font-size:13px !important; }
}
@media (max-width:640px){
  html body .syo-topheader{ display:none !important; }
  html body header.topbar{ top:0 !important; }
}