/* Shared desktop navigation for German and English. */
@media (min-width: 1000px) {
  #header-menu-1 :is(#menu-main_de, #menu-main_en) {
    display: flex !important;
    align-items: stretch !important;
    width: 610px !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en) > li:not(.lang-item) {
    flex: 0 0 calc(25% - 7.125px) !important;
    width: calc(25% - 7.125px) !important;
    min-width: 0 !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en) > li.lang-item {
    flex: 0 0 28.5px !important;
    width: 28.5px !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en) > li:not(.lang-item) > .ct-menu-link {
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-inline: 6px !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en) > li.lang-item > .ct-menu-link {
    justify-content: center !important;
    padding-inline: 6px !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en) > .menu-item-has-children > .sub-menu {
    overflow: visible !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more {
    width: auto !important;
    max-width: 100% !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more > li:not(.lang-item) {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more > li:not(.lang-item) > .ct-menu-link {
    width: auto !important;
    padding-inline: 6px !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more .sub-menu {
    border: 1px solid rgba(204, 109, 53, 0.12) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 20px 45px rgba(12, 37, 51, 0.1) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more .sub-menu > li > .ct-menu-link {
    border-radius: 7px !important;
    background: transparent !important;
    color: #0c2533 !important;
  }

  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more .sub-menu > li > .ct-menu-link:hover,
  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more .sub-menu > li > .ct-menu-link:focus-visible,
  #header-menu-1 :is(#menu-main_de, #menu-main_en).ppi-mega-uses-more .sub-menu > .current-menu-item > .ct-menu-link {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #cc6d35 !important;
  }
}

/* Blocksy's mobile off-canvas uses the same surface and selection colours. */
@media (max-width: 999px) {
  #offcanvas .ct-panel-inner {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  #offcanvas .mobile-menu .ct-menu-link {
    border-radius: 7px !important;
    background: transparent !important;
    color: #0c2533 !important;
  }

  #offcanvas .mobile-menu .ct-menu-link:hover,
  #offcanvas .mobile-menu .ct-menu-link:focus-visible,
  #offcanvas .mobile-menu .current-menu-item > .ct-menu-link,
  #offcanvas .mobile-menu .current-menu-item > .ct-sub-menu-parent > .ct-menu-link,
  #offcanvas .mobile-menu .current-menu-ancestor > .ct-sub-menu-parent > .ct-menu-link,
  #offcanvas .mobile-menu li:has(> .ct-sub-menu-parent > .ct-toggle-dropdown-mobile[aria-expanded="true"]) > .ct-sub-menu-parent > .ct-menu-link {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #cc6d35 !important;
  }

  #offcanvas .ct-toggle-close,
  #offcanvas .mobile-menu .ct-toggle-dropdown-mobile {
    --theme-icon-color: #0c2533;
    color: #0c2533 !important;
  }

  #offcanvas .mobile-menu .ct-toggle-dropdown-mobile[aria-expanded="true"] {
    --theme-icon-color: #cc6d35;
    color: #cc6d35 !important;
  }
}