﻿/* ===== header.css : fixed logo + self-adjusting menu ===== */

/* LOGO: never shrinks, never capped (all widths, all languages) */
header .nav-inner .logo{flex:0 0 auto;}
header .nav-inner .logo img{
  flex:none;
  width:auto;
  max-width:none;   /* overrides global img{max-width:100%} */
  min-width:0;
}
header .header-cta{flex:0 0 auto;white-space:nowrap;}
header .header-cta .btn,
header .btn-news,
header .lang-switch{flex:none;white-space:nowrap;}

/* DESKTOP layout (the page's own @media rules still handle <=860px) */
@media (min-width:861px){
  header .nav-inner{max-width:1600px;padding:10px 24px;gap:20px;flex-wrap:nowrap;}
  header nav.main-nav{flex:1 1 auto;justify-content:center;}  /* no min-width:0 here! */
  header nav.main-nav > ul{flex-wrap:nowrap;}
  header nav.main-nav a.nav-link{white-space:nowrap;}
}

/* STAGE 2: "tight" (added by header.js only when the full menu does not fit) */
header.nav-tight .header-cta .btn-primary{display:none;}
header.nav-tight nav.main-nav a.nav-link{padding:10px 9px;font-size:14px;}
header.nav-tight .btn-news{padding:7px 12px;font-size:13.5px;}
header.nav-tight .header-cta{gap:10px;}

/* STAGE 3: "compact" = burger menu (added by header.js only when even tight does not fit) */
header.nav-compact nav.main-nav{
  position:fixed;top:0;right:0;height:100vh;width:min(320px,84vw);
  flex:none;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;
  padding:100px 24px 24px;overflow-y:auto;
  transform:translateX(100%);transition:transform .35s ease;
  box-shadow:-20px 0 50px rgba(7,40,100,0.15);
}
header.nav-compact nav.main-nav.open{transform:translateX(0);}
header.nav-compact nav.main-nav > ul{flex-direction:column;align-items:stretch;gap:2px;}
header.nav-compact nav.main-nav a.nav-link{padding:10px 16px;font-size:15px;}
header.nav-compact .dropdown{
  position:static;opacity:1;visibility:visible;transform:none;
  box-shadow:none;border:none;display:none;padding-left:14px;
}
header.nav-compact li.open .dropdown{display:block;}
header.nav-compact .burger{display:flex;position:relative;z-index:2;}
header.nav-compact .btn-news,
header.nav-compact .header-cta .btn-primary{display:none;}
header.nav-compact .nav-news-mobile{display:block;}