/*
 * FENIX GLOBAL HEADER ALIGNMENT V1
 * Eén vaste linker merk-as voor alle Fenix pagina's.
 */

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

/* Algemene headers */
header,
header.top{
  box-sizing:border-box;
}

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

/*
 * deelnemer.html gebruikt nu:
 * padding: 0 max(22px, calc((100vw - 1180px)/2))
 * Dat centreren we bewust niet meer.
 */
body header.top{
  padding-left:var(--fenix-header-edge)!important;
  padding-right:16px!important;
}

/* Inschrijvingenbeheer */
header.top .brand{
  margin-left:0!important;
}

/* Publieke toernooipagina */
header.top .logo{
  margin-left:0!important;
}

/* Logo-links zelf */
.fenix-logo-link,
.fenix-style-brand-logo,
header.top > a.brand,
header.top > a:first-child{
  flex-shrink:0;
}

/* App heeft eigen layout maar gebruikt dezelfde merk-as */
header .brandbar{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

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

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