/* ARGUS V142 — safer desktop header across SL/EN/IT + softer professional photo update */

/* 1) Keep SL/EN/IT desktop headers elegant on wide screens, with a little more breathing room around the logo. */
@media (min-width:1761px){
  html:not([lang="de"]) .site-header .container.navbar{
    grid-template-columns:252px minmax(0,1fr)!important;
    column-gap:28px!important;
  }
  html:not([lang="de"]) .site-header .logo{
    width:252px!important;
    max-width:252px!important;
    min-width:252px!important;
  }
  html:not([lang="de"]) .site-header .logo img{
    width:238px!important;
    max-width:238px!important;
    max-height:92px!important;
    height:auto!important;
  }
  html:not([lang="de"]) .site-header .nav-links{
    justify-content:flex-end!important;
    gap:0!important;
    margin-left:0!important;
  }
  html:not([lang="de"]) .site-header .nav-links a{
    font-size:10.3px!important;
    padding-left:6px!important;
    padding-right:6px!important;
    letter-spacing:.022em!important;
  }
  html:not([lang="de"]) .site-header .nav-links a.lang-choice{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* 2) At laptop / medium-wide desktop widths, switch SL/EN/IT to the clean side drawer, just like the stabilized DE solution. */
@media (min-width:1360px) and (max-width:1760px){
  html:not([lang="de"]) .site-header .container.navbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:10px!important;
  }
  html:not([lang="de"]) .site-header .logo{
    width:auto!important;
    max-width:238px!important;
    min-width:0!important;
  }
  html:not([lang="de"]) .site-header .logo img{
    max-width:230px!important;
    width:230px!important;
    max-height:88px!important;
    height:auto!important;
  }
  html:not([lang="de"]) .site-header .mobile-lang-set{display:flex!important;}
  html:not([lang="de"]) .site-header .menu-toggle{display:inline-flex!important;}
  html:not([lang="de"]) .site-header .nav-links{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:min(430px,90vw)!important;
    height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:102px 24px 30px!important;
    background:linear-gradient(180deg,#090b0d,#050607)!important;
    border-left:1px solid rgba(214,166,75,.26)!important;
    box-shadow:-32px 0 80px rgba(0,0,0,.56)!important;
    transform:translateX(104%)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    z-index:218!important;
  }
  html:not([lang="de"]) body.nav-open .site-header .nav-links{
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html:not([lang="de"]) body:not(.nav-open) .site-header .nav-links{
    transform:translateX(104%)!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html:not([lang="de"]) .site-header .nav-links a{
    display:flex!important;
    align-items:center!important;
    min-height:52px!important;
    padding:14px 4px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    border-radius:0!important;
    font-size:14px!important;
    letter-spacing:.045em!important;
  }
  html:not([lang="de"]) .site-header .nav-links a.lang-choice{display:none!important;}
}

/* 3) Slightly softer presentation for the international professional photo block. */
.argus-v141-panel-photo img{filter:saturate(.90) contrast(.99)!important;}
.argus-v141-panel-copy h3{letter-spacing:.055em!important;}
.argus-v141-panel-copy p{line-height:1.7!important;}
