/* Dedicated row above the original fixed header: no overlap with its name or menu. */
:root { --language-row-height: 40px; }
.language-switcher {
  position: fixed;
  inset: 0 0 auto 0;
  height: var(--language-row-height);
  box-sizing: border-box;
  z-index: 2147483000;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  padding: 2px max(12px, env(safe-area-inset-right));
  border-bottom: 1px solid #eee;
  background: #fff;
  color: #333;
  font: 12px/1.3 Arial, sans-serif;
}
.language-switcher button {
  appearance: none;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: inherit;
  padding: 8px;
  min-width: 36px;
  min-height: 34px;
  font: inherit;
  cursor: pointer;
}
.language-switcher button[aria-pressed="true"] { background: #333; color: #fff; }
.language-switcher button:hover { background: #ddd; color: #111; }
.language-switcher button:focus-visible { outline: 2px solid #222; outline-offset: 2px; }
[data-i18n] { overflow-wrap: break-word; }
/* IDs are shared by all pages in the original exported layout. */
#body, #element_39 { top: var(--language-row-height) !important; }
#element_201 { top: calc(var(--language-row-height) - 1px) !important; }
#element_217 { top: calc(var(--language-row-height) - 9px) !important; }
/* One shared baseline for the logo, navigation and language controls. */
:root { --header-height: 64px; }
#body { top: 5px !important; }
#element_217 { top: 0 !important; left: 0 !important; width: 100vw !important; height: var(--header-height) !important; }
#element_217_content { height: 100% !important; background: #fff !important; }
.language-switcher { inset: 0 16px auto auto; height: var(--header-height); width: auto; padding: 0; border: 0; }
#element_201 { top: 0 !important; left: 24px !important; width: 260px !important; height: var(--header-height) !important; }
#element_201_content, #element_201 .ww_button_link, #element_201 .ww_button_text_wrapper {
  height: 100% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: flex-start;
}
#element_201 .ww_button_text { width: 100%; }
#element_201 p { margin: 0 !important; text-align: left !important; }
#element_39 { top: 0 !important; height: var(--header-height) !important; z-index: 1000 !important; }
@media (min-width:1200px) {
  #element_39 { left: auto !important; right: 152px !important; width: auto !important; }
  #element_39_content, #element_39 .ww_menu_content_wrapper { height: var(--header-height) !important; padding: 0 !important; display: flex; align-items: center; overflow: visible !important; }
  #element_39 .ww_menu_list { top: 0 !important; }
  #element_39 .ww_menu_list > .ww_menu_item > .ww_menu_row > a { padding-top: 0 !important; padding-bottom: 0 !important; }
  #element_39 .ww_menu_list > .ww_menu_item:not(:hover):not(:focus-within) > ol {
    height: 0 !important;
    overflow: hidden !important;
  }
  #element_39 .ww_menu_list > .ww_menu_item:hover > ol,
  #element_39 .ww_menu_list > .ww_menu_item:focus-within > ol {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #fff;
  }
}
@media (max-width:1199px) {
  #element_201 { left: 72px !important; width: calc(100vw - 220px) !important; }
  #element_39 { left: 12px !important; width: 44px !important; }
  #element_39_content { height: var(--header-height) !important; padding: 0 !important; }
  #element_39 .mobileMenuIcon { position: absolute !important; top: 20px !important; left: 8px !important; width: 24px !important; height: 24px !important; margin: 0 !important; }
}
@media (max-width:600px) {
  .language-switcher { right: 8px; gap: 0; }
  .language-switcher button { min-width: 30px; padding: 6px; }
  #element_201 { left: 52px !important; width: calc(100vw - 158px) !important; }
  #element_201 p, #element_201 span { font-size: 14px !important; line-height: 17px !important; white-space: normal !important; }
  #element_39 { left: 4px !important; }
}
@media (max-width:1199px) {
  #element_39 .ww_menu_content_wrapper {
    position: fixed !important; top: var(--header-height) !important;
    left: 0 !important; right: 0 !important; width: 100vw !important;
  }
}
