/* Kokkekarriere v2.0.59 — client-approved mobile header rhythm.
   Loaded after all legacy/header CSS. The mobile divider is now drawn inside the
   same content lane as the logo/hamburger instead of as a full-viewport border,
   and top/bottom spacing is controlled by Theme Options. */
@media (max-width: 768px){
  body.kk-theme-v2 .kk-site-header,
  body.kk-theme-v2 header.kk-site-header{
    border-bottom:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }

  body.kk-theme-v2 .kk-site-header__brandline{
    border-bottom:0!important;
    background:#fff!important;
  }

  body.kk-theme-v2 .kk-site-header__brandline-inner{
    box-sizing:border-box!important;
    position:relative!important;
    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,4px)!important;
    padding-bottom:var(--kk-mobile-header-padding-bottom,8px)!important;
    padding-left:0!important;
    padding-right:0!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-wordmark:has(.kk-logo-picture){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 56px)!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
  }

  body.kk-theme-v2 .kk-logo-picture{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:min(270px,calc(100vw - 96px))!important;
    max-width:calc(100vw - 96px)!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }

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

  body.kk-theme-v2 #hambuger_menu,
  body.kk-theme-v2 .kk-mobile-toggle,
  body.kk-theme-v2 button.humburger.kk-mobile-toggle#hambuger_menu{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0 0 0 auto!important;
    padding:6px!important;
    align-self:center!important;
  }
}

@media (max-width: 420px){
  body.kk-theme-v2 .kk-site-header__brandline-inner{
    width:calc(100% - (var(--kk-mobile-header-side-gutter,20px) * 2))!important;
    padding-top:var(--kk-mobile-header-padding-top,4px)!important;
    padding-bottom:var(--kk-mobile-header-padding-bottom,8px)!important;
  }
  body.kk-theme-v2 .kk-logo-picture{
    width:min(250px,calc(100vw - 90px))!important;
  }
  body.kk-theme-v2 .kk-wordmark__image--mobile{
    max-height:72px!important;
  }
}

@media (max-width: 360px){
  body.kk-theme-v2 .kk-site-header__brandline-inner{
    width:calc(100% - 32px)!important;
  }
  body.kk-theme-v2 .kk-logo-picture{
    width:min(226px,calc(100vw - 80px))!important;
  }
  body.kk-theme-v2 .kk-wordmark__image--mobile{
    max-height:68px!important;
  }
}
