/* MIJUONE v1.70.31 — one hamburger for the mobile drawer only.
   Matches app.js mobile breakpoint (max-width:750px). This file loads
   after legacy header CSS to avoid desktop display-rule collisions. */
@media(min-width:751px){
  .top-header .header-main > button.hamburger[data-toggle="mainNavigation"]{
    display:none!important;visibility:hidden!important;
  }
}
@media(max-width:750px){
  .top-header .header-main > button.hamburger[data-toggle="mainNavigation"]{
    display:grid!important;visibility:visible!important;place-items:center;
    flex:0 0 38px;width:38px;height:38px;padding:0;
    border:1px solid #d5e5fa;border-radius:12px;
    background:linear-gradient(140deg,#fff,#eff6ff);
    color:#185caf;box-shadow:0 4px 11px rgba(30,91,166,.075);
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
  }
  .top-header .header-main > button.hamburger[data-toggle="mainNavigation"] .icon{
    width:19px;height:19px;pointer-events:none;
  }
  .top-header .header-main > button.hamburger[data-toggle="mainNavigation"]:hover{
    background:#eaf4ff;border-color:#a8d0fa;
  }
  .top-header .header-main > button.hamburger[data-toggle="mainNavigation"]:focus-visible{
    outline:3px solid #6eb7ff;outline-offset:3px;
  }
  :root[data-theme="dark"] .top-header .header-main > button.hamburger[data-toggle="mainNavigation"]{
    background:linear-gradient(140deg,#1d3656,#233f64);border-color:#385b83;color:#c4e0ff;
  }
}
@media(prefers-reduced-motion:reduce){
  .top-header .header-main > button.hamburger[data-toggle="mainNavigation"]{transition:none!important}
}