/* bloemen.io common header language menu — public pages only.
   Locale destinations are calculated server-side by includes/language_menu.php.
   No translation is claimed for DE-only specialist pages. */
.header-global-lang{
  --language-border:rgba(213,237,204,.36);
  --language-bg:#24392a;
  --language-fg:#f4faef;
  position:relative;
  flex:0 0 auto;
  z-index:230;
  max-width:100%;
  color:var(--language-fg);
}
.header-global-lang>summary{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-width:64px;min-height:41px;padding:9px 11px;
  border:1px solid var(--language-border);
  border-radius:10px;
  background:var(--language-bg);
  color:var(--language-fg);
  font:inherit;font-size:11px;font-weight:860;line-height:1.3;
  list-style:none;cursor:pointer;white-space:nowrap;
  user-select:none;
}
.header-global-lang>summary::-webkit-details-marker{display:none}
.header-global-lang>summary:hover,.header-global-lang[open]>summary{
  filter:brightness(1.13);border-color:#91ba6c;
}
.header-global-lang-current{font-variant-numeric:tabular-nums}
.header-global-lang-chevron{color:#a7d76c;font-size:16px;font-weight:600;line-height:1}
.header-global-lang[open] .header-global-lang-chevron{transform:rotate(180deg)}
.header-global-lang-options{
  position:absolute;top:calc(100% + 9px);right:0;
  width:min(308px,calc(100vw - 24px));max-width:none;
  display:grid;gap:3px;
  padding:12px;
  color:#ecf7e9;background:#172c20;
  border:1px solid #466147;border-radius:14px;
  box-shadow:0 22px 55px rgba(8,25,9,.3);
  max-height:min(73vh,510px);overflow-y:auto;overscroll-behavior:contain;
}
.header-global-lang:not([open])>.header-global-lang-options{display:none}
.header-global-lang-heading{
  padding:6px 9px 2px;color:#c9fd90;
  letter-spacing:.11em;font-size:10px;font-weight:900;text-transform:uppercase;
}
.header-global-lang-notice{
  padding:0 9px 9px!important;margin:0 0 5px!important;
  font-size:11px!important;line-height:1.55!important;
  color:#c6d9c4!important;
  border-bottom:1px solid #3a5541;
}
.header-global-lang-option{
  display:flex;align-items:center;gap:11px;
  min-height:41px;padding:8px 10px;
  border-radius:8px;text-decoration:none;
  color:#e9f5e5;font-size:12px;font-weight:745;
}
.header-global-lang-option:hover{background:#30533a;color:white}
.header-global-lang-option.is-current{background:#385c3d;color:#d9ff9e}
.header-global-lang-code{
  display:inline-flex;align-items:center;justify-content:flex-start;
  flex:0 0 52px;font-size:11px;font-weight:900;white-space:nowrap;
}
.header-global-lang-label{flex:1;white-space:nowrap}
.header-global-lang-destination{
  flex:none;font-size:10px;line-height:1.3;color:#b5caa9;
}
.header-global-lang summary:focus-visible,.header-global-lang-option:focus-visible{
  outline:3px solid #b9ee72;outline-offset:2px
}
/* Adapt only the summary to the light backgrounds; menus stay forest-dark. */
.software-landing .header-global-lang,
body:not(.webdesign-landing):not(.cybersecurity-landing):not(.software-landing) .header-global-lang{
  --language-border:#c5d7c0;
  --language-bg:#eff5eb;
  --language-fg:#24402a;
}
.software-landing .header-global-lang-chevron,
body:not(.webdesign-landing):not(.cybersecurity-landing):not(.software-landing) .header-global-lang-chevron{color:#567c38}
/* Keep the selector in the visual header, not hidden inside a hamburger menu. */
.webdesign-landing .site-header>.shell,
.webdesign-landing .site-header .nav-wrap{overflow:visible}
.cybersecurity-landing .site-header .shell,
.software-landing .site-header .shell{
 width:min(calc(100% - 42px),1510px);
}
.cybersecurity-landing .site-header .header-inner{gap:14px}
.software-landing .site-header .header-inner{gap:13px}
.cybersecurity-landing .site-header .desktop-nav{gap:13px}
@media(max-width:1300px){
  .cybersecurity-landing .site-header .desktop-nav,
  .cybersecurity-landing .site-header .header-cta,
  .software-landing .site-header .desktop-nav,
  .software-landing .site-header .header-cta{display:none}
  .cybersecurity-landing .site-header .mobile-menu,
  .software-landing .site-header .mobile-nav{display:block;margin-left:auto}
}
/* On small phones, reserve a dedicated upper-right area for languages.
   Brand and language are row one; section selector and hamburger row two. */
@media(max-width:650px){
  .cybersecurity-landing .site-header .header-inner,
  .software-landing .site-header .header-inner,
  .webdesign-landing .site-header .nav-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand language" "section hamburger";
    gap:6px 10px;
    height:auto;min-height:108px;
    padding-block:8px;
    align-items:center;
    justify-content:stretch;
  }
  .cybersecurity-landing .site-header .header-inner>.brand,
  .software-landing .site-header .header-inner>.brand,
  .webdesign-landing .site-header .nav-wrap>.brand{
    grid-area:brand;min-width:0;justify-self:start;
  }
  .cybersecurity-landing .site-header .header-inner>.competence-switcher,
  .software-landing .site-header .header-inner>.competence-switcher,
  .webdesign-landing .site-header .nav-wrap>.competence-switcher{
    grid-area:section;justify-self:start;
    min-width:0;max-width:min(230px,70vw);
    margin:0;padding-left:7px;
  }
  .cybersecurity-landing .site-header .header-inner>.header-global-lang,
  .software-landing .site-header .header-inner>.header-global-lang,
  .webdesign-landing .site-header .nav-wrap>.header-global-lang{
    grid-area:language;justify-self:end;display:block;
    margin:0;visibility:visible;opacity:1;
  }
  .cybersecurity-landing .site-header .header-inner>.mobile-menu,
  .software-landing .site-header .header-inner>.mobile-nav,
  .webdesign-landing .site-header .nav-wrap>.nav-toggle{
    grid-area:hamburger;justify-self:end;display:block;
    margin:0;
  }
  .cybersecurity-landing .site-header .header-inner>.desktop-nav,
  .software-landing .site-header .header-inner>.desktop-nav,
  .cybersecurity-landing .site-header .header-cta,
  .software-landing .site-header .header-cta{display:none}
  .webdesign-landing .site-header .primary-nav{
    top:108px;
    left:0;right:0;
  }
  .cybersecurity-landing .site-header .header-inner>.competence-switcher>.competence-switcher-menu,
  .software-landing .site-header .header-inner>.competence-switcher>.competence-switcher-menu,
  .webdesign-landing .site-header .nav-wrap>.competence-switcher>.competence-switcher-menu{
    left:0;right:auto;width:min(310px,calc(100vw - 28px));
  }
}
@media(max-width:385px){
  .cybersecurity-landing .site-header .shell,
  .software-landing .site-header .shell,
  .webdesign-landing .site-header .shell{width:calc(100% - 22px)}
  .cybersecurity-landing .site-header .header-inner,
  .software-landing .site-header .header-inner,
  .webdesign-landing .site-header .nav-wrap{column-gap:6px}
  .cybersecurity-landing .site-header .brand-main,
  .software-landing .site-header .brand>span,
  .webdesign-landing .site-header .brand{font-size:19px}
  .header-global-lang>summary{min-width:58px;min-height:39px;padding:8px}
}
/* The portal already has a separate responsive hamburger and header-right. */
@media(max-width:380px){
 body:not(.webdesign-landing):not(.cybersecurity-landing):not(.software-landing) .site-header .shell{
   width:calc(100% - 22px)
 }
 body:not(.webdesign-landing):not(.cybersecurity-landing):not(.software-landing) .site-header .header-inner{gap:7px}
 body:not(.webdesign-landing):not(.cybersecurity-landing):not(.software-landing) .site-header .brand{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
 .header-global-lang-chevron{transition:none}
}