:root{--kpizz-site-header-h:96px}

body.kpizz-public-header-host{
  padding-top:var(--kpizz-site-header-h)!important;
}

body.kpizz-public-header-host > .kpizz-site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:var(--kpizz-site-header-h)!important;
  min-height:var(--kpizz-site-header-h)!important;
  max-height:var(--kpizz-site-header-h)!important;
  z-index:100000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:10px 34px!important;
  margin:0!important;
  background:rgba(5,5,5,.97)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(10px)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.kpizz-site-logo,
.kpizz-site-brand{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.kpizz-site-brand{
  gap:14px!important;
  text-decoration:none!important;
  color:#ef3b33!important;
}
.kpizz-site-brand img{
  display:block!important;
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  transform:none!important;
}
.kpizz-site-brand-word{
  display:block!important;
  font-size:30.4px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  color:#ef3b33!important;
  -webkit-text-fill-color:#ef3b33!important;
}

body.kpizz-public-header-host .kpizz-site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.kpizz-public-header-host .kpizz-site-nav > a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:8px 0!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}
body.kpizz-public-header-host .kpizz-site-nav > a:hover{color:#ef3b33!important}

body.kpizz-public-header-host .kpizz-site-nav > .kpizz-language-switcher{
  order:-1!important;
  flex:0 0 auto!important;
  margin:0!important;
}

/* Tablette : une seule ligne, menu groupe a droite comme sur ordinateur. */
@media (min-width:431px) and (max-width:980px){
  :root{--kpizz-site-header-h:96px}
  body.kpizz-public-header-host > .kpizz-site-header{
    flex-wrap:nowrap!important;
    align-content:normal!important;
    gap:clamp(6px,1.56vw,12px)!important;
    padding:10px clamp(8px,2.34vw,18px)!important;
  }
  .kpizz-site-brand{gap:clamp(6px,1.3vw,10px)!important}
  .kpizz-site-brand img{
    width:clamp(46px,6.77vw,52px)!important;
    min-width:clamp(46px,6.77vw,52px)!important;
    max-width:clamp(46px,6.77vw,52px)!important;
    height:clamp(46px,6.77vw,52px)!important;
    min-height:clamp(46px,6.77vw,52px)!important;
    max-height:clamp(46px,6.77vw,52px)!important;
  }
  .kpizz-site-brand-word{
    font-size:clamp(22px,3.78vw,29px)!important;
  }
  body.kpizz-public-header-host .kpizz-site-nav{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:auto!important;
    justify-content:flex-end!important;
    gap:clamp(4px,1.3vw,10px)!important;
    overflow:visible!important;
  }
  body.kpizz-public-header-host .kpizz-site-nav > a{
    font-size:clamp(11px,1.82vw,14px)!important;
    padding:7px 0!important;
  }
  body.kpizz-public-header-host .kpizz-language-current{
    width:clamp(36px,5.47vw,42px)!important;
    min-width:clamp(36px,5.47vw,42px)!important;
    max-width:clamp(36px,5.47vw,42px)!important;
  }
}

/* Telephone 360-430 inclus. */
@media (max-width:430.98px){
  :root{--kpizz-site-header-h:126px}
  body.kpizz-public-header-host > .kpizz-site-header{
    flex-wrap:wrap!important;
    align-content:center!important;
    gap:6px 8px!important;
    padding:8px 10px!important;
  }
  .kpizz-site-brand{gap:8px!important}
  .kpizz-site-brand img{
    width:46px!important;min-width:46px!important;max-width:46px!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
  }
  .kpizz-site-brand-word{font-size:26.9px!important}
  body.kpizz-public-header-host .kpizz-site-nav{
    width:100%!important;
    max-width:100%!important;
    justify-content:space-between!important;
    gap:0!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    scrollbar-width:auto!important;
  }
  body.kpizz-public-header-host .kpizz-site-nav > a{
    font-size:clamp(11px,calc(7.6923vw - 16.692px),15px)!important;
    padding:6px 0!important;
  }
  body.kpizz-public-header-host .kpizz-site-nav > .kpizz-language-switcher{
    margin:0 2px 0 0!important;
  }
  body.kpizz-public-header-host .kpizz-language-current{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:30px!important;
    min-height:30px!important;
    padding:3px 5px!important;
  }
}