/* Shared Greenjoy public header and responsive page width. */
#siteLogo img{width:150px;height:auto;max-width:150px;max-height:none}

@media (min-width:901px){
  .site-header .header-inner,
  body>header .header-inner{
    box-sizing:border-box;
    width:min(calc(100% - 48px),1100px);
    max-width:1100px;
    min-height:84px;
    margin-inline:auto;
    padding:0;
    gap:clamp(18px,2.2vw,34px);
  }
  #siteLogo{
    flex:0 0 auto;
    margin-right:20px;
    letter-spacing:normal;
  }
  #siteNav{
    display:flex;
    flex:0 1 auto;
    align-items:center;
    justify-content:flex-start;
    gap:clamp(18px,2.1vw,34px);
  }
  #siteNav a{
    padding:0;
    font-size:16px;
    line-height:1.35;
    font-weight:400;
    white-space:nowrap;
  }
  .language-control{
    display:flex;
    flex:0 0 auto;
    margin-left:auto;
    align-items:center;
    gap:7px;
    font-size:16px;
    line-height:1.35;
    font-weight:400;
    white-space:nowrap;
  }
  .language-control select{font-size:15px;font-weight:400}
  #menuToggle{display:none}
  .wrap{width:min(calc(100% - 48px),760px);padding-top:28px}
}

@media (min-width:1180px){
  .site-header .header-inner,body>header .header-inner{gap:0}
  #siteLogo{margin-right:0}
  #siteNav{margin-left:calc((100% - 760px)/2 + 14px - 150px)}
}

@media (max-width:900px){
  .site-header .header-inner,
  body>header .header-inner{
    box-sizing:border-box;
    width:min(calc(100% - 28px),760px);
    max-width:760px;
    min-height:62px;
    margin-inline:auto;
    padding:8px 0;
  }
  #menuToggle{display:grid;place-items:center}
  #siteNav{
    display:none;
    position:absolute;
    z-index:20;
    left:0;
    right:0;
    top:58px;
    padding:10px;
    border:1px solid #dedede;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 24px rgba(0,0,0,.12);
  }
  #siteNav.open{display:grid}
  #siteNav a{padding:11px 10px;font-size:16px;font-weight:400}
  .language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

.language-options{display:flex;align-items:center;gap:8px}
.language-option{
  display:block;width:36px;height:24px;min-height:24px;padding:0;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  line-height:0;cursor:pointer;appearance:none
}
.language-flag{display:block;width:36px;height:24px;object-fit:cover;opacity:.72}
.language-option:hover .language-flag,.language-option[aria-pressed="true"] .language-flag{opacity:1}
.language-option:focus-visible{outline:2px solid var(--brand-primary,#0c0);outline-offset:3px}
@media(max-width:420px){.language-options{gap:6px}.language-option,.language-flag{width:33px;height:22px;min-height:22px}}