/* eventIN v7.7 — exact mobile header fix using real header classes */
@media (max-width: 900px){

  .site-header .nav-wrap{
    position:relative !important;
    width:100% !important;
    min-height:72px !important;
    display:block !important;
    padding:0 !important;
  }

  /* hamburger: far left */
  .site-header .menu-btn{
    display:flex !important;
    position:absolute !important;
    left:18px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    z-index:30 !important;
  }

  /* logo: exact center */
  .site-header .brand{
    display:flex !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    z-index:20 !important;
    white-space:nowrap !important;
  }

  /* person / CRM: far right */
  .site-header .crm-login{
    display:flex !important;
    position:absolute !important;
    right:18px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    z-index:30 !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .site-header .desktop-nav{
    display:none !important;
  }

  .site-header .mobile-nav{
    text-align:left !important;
  }
}