/* Post-launch visual fixes: desktop navigation, compact header, centered media. */
@media (min-width:981px){
  .site-header{
    padding-top:0;
  }

  .header-shell{
    min-height:64px;
    margin-inline:0;
    padding:0 24px;
    gap:18px;
    display:flex;
    align-items:center;
  }

  .brand-link{
    padding-block:8px;
    display:inline-flex;
    align-items:center;
  }

  .brand-link img{
    width:190px;
    height:auto;
    max-height:44px;
    object-fit:contain;
  }

  .menu-toggle{
    display:none !important;
  }

  .primary-nav{
    display:block !important;
    position:static !important;
    flex:1 1 auto;
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .primary-nav ul{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:12px;
    min-width:0;
  }

  .primary-nav .nav-item{
    display:flex;
    align-items:center;
    flex:0 1 auto;
    min-width:0;
  }

  .primary-nav .nav-link{
    min-height:64px;
    color:var(--text);
    font-size:14px;
    line-height:1.1;
    white-space:nowrap;
  }

  .primary-nav .nav-item:has(.nav-link[href="/inloggen/"]),
  .primary-nav .nav-item:has(.nav-link[href="/registreren/"]),
  .primary-nav li:has(.nav-link[href="/inloggen/"]),
  .primary-nav li:has(.nav-link[href="/registreren/"]){
    display:none;
  }

  .submenu-toggle{
    position:static;
    flex:0 0 26px;
    width:26px;
    height:26px;
    margin-left:2px;
  }

  .auth-actions{
    flex:0 0 auto;
    margin-left:auto;
    gap:10px;
  }

  .auth-actions .btn{
    min-height:36px;
    padding:6px 14px;
    font-size:14px;
    border-radius:6px;
    white-space:nowrap;
  }

  .btn-register{
    min-width:0;
  }
}

@media (min-width:981px) and (max-width:1280px){
  .header-shell{
    padding-inline:18px;
    gap:12px;
  }

  .brand-link img{
    width:168px;
    max-height:40px;
  }

  .primary-nav ul{
    gap:8px;
  }

  .primary-nav .nav-link{
    font-size:13px;
  }

  .submenu-toggle{
    width:24px;
    height:24px;
  }

  .auth-actions{
    gap:8px;
  }

  .auth-actions .btn{
    padding-inline:11px;
    font-size:13px;
  }
}

@media (max-width:980px){
  .site-header{
    padding-top:0;
  }

  .brand-link img{
    max-height:42px;
    object-fit:contain;
  }
}

.hero-image,
.hero-main .hero-image,
.page-visual img{
  object-position:center center !important;
}

.page-visual{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:18px auto;
  width:100%;
}

.page-visual img{
  display:block;
  width:min(100%,960px);
  height:auto;
  margin-inline:auto;
  object-fit:cover;
  border-radius:8px;
}