/* Kokkekarriere v2.0.60 — final mobile header and drawer close hardlock.
   Loaded after all previous header CSS. The client wants the mobile logo closer
   to the top, with equal-ish breathing room above logo and down to the divider,
   and the drawer close X must always be visible/clickable. */
@media (max-width: 768px){
  body.kk-theme-v2 header.kk-site-header,
  body.kk-theme-v2 .kk-site-header{
    border-bottom:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }

  body.kk-theme-v2 .kk-site-header__brandline-inner{
    width:calc(100% - (var(--kk-mobile-header-side-gutter,20px) * 2))!important;
    max-width:680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-height:0!important;
    padding-top:var(--kk-mobile-header-padding-top,0px)!important;
    padding-bottom:var(--kk-mobile-header-padding-bottom,6px)!important;
    border-bottom:var(--kk-mobile-header-divider-width,2px) solid var(--kk-mobile-header-divider-color,#bbb5aa)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }

  body.kk-theme-v2 .kk-wordmark,
  body.kk-theme-v2 .kk-logo-picture{
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }

  body.kk-theme-v2 .kk-logo-picture{
    width:min(278px,calc(100vw - 88px))!important;
    max-width:calc(100vw - 88px)!important;
    transform:translateY(-2px)!important;
  }

  body.kk-theme-v2 .kk-wordmark__image--mobile{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:76px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
    padding:0!important;
  }
}

@media (max-width: 420px){
  body.kk-theme-v2 .kk-site-header__brandline-inner{
    padding-top:var(--kk-mobile-header-padding-top,0px)!important;
    padding-bottom:var(--kk-mobile-header-padding-bottom,6px)!important;
  }
  body.kk-theme-v2 .kk-logo-picture{
    width:min(255px,calc(100vw - 84px))!important;
    transform:translateY(-2px)!important;
  }
  body.kk-theme-v2 .kk-wordmark__image--mobile{max-height:76px!important;}
}

@media (max-width: 360px){
  body.kk-theme-v2 .kk-logo-picture{width:min(232px,calc(100vw - 76px))!important;}
  body.kk-theme-v2 .kk-wordmark__image--mobile{max-height:72px!important;}
}

/* Drawer close must be visible even when old menu CSS is active. */
body.kk-theme-v2 #menubody #kk_menu_close,
body.kk-theme-v2 #kk_menu_close.kk-drawer-close,
body.kk-theme-v2 .menu_body#menubody .kk-drawer-close{
  display:flex!important;
  position:fixed!important;
  top:calc(env(safe-area-inset-top, 0px) + 14px)!important;
  right:16px!important;
  left:auto!important;
  bottom:auto!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147483647!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.18)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:visible!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-shadow:none!important;
}
body.kk-theme-v2 #menubody #kk_menu_close::before,
body.kk-theme-v2 #menubody #kk_menu_close::after,
body.kk-theme-v2 #kk_menu_close.kk-drawer-close::before,
body.kk-theme-v2 #kk_menu_close.kk-drawer-close::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  width:28px!important;
  height:3px!important;
  border-radius:3px!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform-origin:center!important;
  pointer-events:none!important;
}
body.kk-theme-v2 #menubody #kk_menu_close::before,
body.kk-theme-v2 #kk_menu_close.kk-drawer-close::before{transform:translate(-50%,-50%) rotate(45deg)!important;}
body.kk-theme-v2 #menubody #kk_menu_close::after,
body.kk-theme-v2 #kk_menu_close.kk-drawer-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important;}
body.kk-theme-v2:not(.kk-menu-open) #menubody:not(.open) #kk_menu_close{
  pointer-events:none!important;
}
body.kk-theme-v2.kk-menu-open #menubody #kk_menu_close,
body.kk-theme-v2 #menubody.open #kk_menu_close{
  pointer-events:auto!important;
}