/* =====================================================
   FENIX MANAGEMENT HEADER V1
   Eén merk-as voor alle beheerpagina's
   ===================================================== */

:root{
  --fenix-management-edge:16px;
}

/* Algemene beheerheaders */
body > header,
body > header.top{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;

  margin-left:0!important;
  margin-right:0!important;

  padding-left:var(--fenix-management-edge)!important;
  padding-right:20px!important;
}

/* Eventuele inner wrappers mogen het logo niet centreren */
body > header > .wrap,
body > header > .inner,
body > header > .header-inner,
body > header > .top-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Logo / brand altijd aan de linker merk-as */
body > header .brand,
body > header .fenix-logo-link,
body > header > a:first-child{
  margin-left:0!important;
  flex:0 0 auto!important;
}

/* Mijn Fenix */
body > header.top .fenix-logo-link{
  margin-left:0!important;
}

/* Inschrijvingen */
body > header.top .fenix-style-brand-logo{
  display:block;
}

/* Acties blijven rechts */
body > header .back,
body > header .header-actions,
body > header .top-actions{
  margin-left:auto;
}

/* Mobiel */
@media(max-width:700px){
  :root{
    --fenix-management-edge:12px;
  }

  body > header,
  body > header.top{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}