/* =========================================================
   SITE HEADER LOGO
   ========================================================= */

.site-header {
  background-image: url("https://leibniz-phd.net/wp-content/uploads/2026/01/Logo_Leibniz_PhD_network_BB.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 130px;
  height: 180px;
}

/* Desktop: keep logo fully visible */
@media (min-width: 769px) {
  .site-header {
    height: 180px !important;
    background-size: auto 135px !important;
    background-position: center center !important;
  }
}

/* Mobile: larger, but still constrained by header height */
@media (max-width: 768px) {
  .site-header {
    height: 200px !important;
    background-size: auto 125px !important;
    background-position: center center !important;
  }
}
/* 
.site-header {
  background: url("https://leibniz-phd.net/wp-content/uploads/2026/01/Logo_Leibniz_PhD_network_BB.svg") no-repeat center;
  background-size: 13% auto;

  height: 180px;    fixed header height 
}

/* =========================================================
   DESKTOP MENU — keep the desktop version readable
   ========================================================= */
@media (min-width: 769px) {
  /* Top-level menu: normal state */
  .main-navigation > div > ul > li > a,
  .site-header-menu > div > ul > li > a,
  .primary-menu > li > a {
    color: #4b5563 !important;
    background: transparent !important;
  }

  /* Top-level selected/hover/open item */
  .main-navigation > div > ul > li:hover > a,
  .main-navigation > div > ul > li:focus-within > a,
  .main-navigation > div > ul > li.current-menu-item > a,
  .main-navigation > div > ul > li.current-menu-ancestor > a,
  .site-header-menu > div > ul > li:hover > a,
  .site-header-menu > div > ul > li:focus-within > a,
  .site-header-menu > div > ul > li.current-menu-item > a,
  .site-header-menu > div > ul > li.current-menu-ancestor > a,
  .primary-menu > li:hover > a,
  .primary-menu > li:focus-within > a,
  .primary-menu > li.current-menu-item > a,
  .primary-menu > li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: #3f3f3f !important;
  }

  /* Desktop dropdown panel */
  .main-navigation .sub-menu,
  .site-header-menu .sub-menu,
  .primary-menu .sub-menu {
    background: #e5e5e5 !important;
  }

  /* Desktop dropdown links */
  .main-navigation .sub-menu a,
  .site-header-menu .sub-menu a,
  .primary-menu .sub-menu a {
    color: #4b5563 !important;
    background: #e5e5e5 !important;
  }

  /* Desktop dropdown hover/current */
  .main-navigation .sub-menu li:hover > a,
  .main-navigation .sub-menu li:focus-within > a,
  .main-navigation .sub-menu li.current-menu-item > a,
  .site-header-menu .sub-menu li:hover > a,
  .site-header-menu .sub-menu li:focus-within > a,
  .site-header-menu .sub-menu li.current-menu-item > a,
  .primary-menu .sub-menu li:hover > a,
  .primary-menu .sub-menu li:focus-within > a,
  .primary-menu .sub-menu li.current-menu-item > a {
    color: #111827 !important;
    background: #d1d5db !important;
  }
}


/* =========================================================
   MOBILE MENU — bright, readable, but not permanently exploded
   ========================================================= */
@media (max-width: 768px) {
  /* Menu button: higher contrast */
  .menu-toggle,
  button.menu-toggle {
    background: #2f2f2f !important;
    color: #ffffff !important;
    border: none !important;
    padding: 18px 34px !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
  }

  .menu-toggle:hover,
  .menu-toggle:focus,
  .menu-toggle[aria-expanded="true"] {
    background: #111827 !important;
    color: #ffffff !important;
  }

  /* Whole opened mobile menu panel */
  .main-navigation.toggled-on,
  .site-header-menu.toggled-on {
    background: #f3f4f6 !important;
    color: #111827 !important;
    width: 100% !important;
    clear: both !important;
    z-index: 9999 !important;
  }

  /* Mobile list structure */
  .main-navigation.toggled-on ul,
  .site-header-menu.toggled-on ul {
    background: #f3f4f6 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .main-navigation.toggled-on li,
  .site-header-menu.toggled-on li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    background: #f3f4f6 !important;
  }

  /* Mobile links */
  .main-navigation.toggled-on a,
  .site-header-menu.toggled-on a {
    display: block !important;
    width: 100% !important;
    padding: 16px 38px !important;
    color: #111827 !important;
    background: #f3f4f6 !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  /* Current/open/selected page signal */
  .main-navigation.toggled-on li.current-menu-item > a,
  .main-navigation.toggled-on li.current-menu-ancestor > a,
  .main-navigation.toggled-on li.current_page_item > a,
  .main-navigation.toggled-on li.current_page_ancestor > a,
  .site-header-menu.toggled-on li.current-menu-item > a,
  .site-header-menu.toggled-on li.current-menu-ancestor > a,
  .site-header-menu.toggled-on li.current_page_item > a,
  .site-header-menu.toggled-on li.current_page_ancestor > a {
    color: #111827 !important;
    background: #d1d5db !important;
    border-left: 8px solid #111827 !important;
    padding-left: 30px !important;
  }

  /* Hover/focus signal */
  .main-navigation.toggled-on li:hover > a,
  .main-navigation.toggled-on li:focus-within > a,
  .site-header-menu.toggled-on li:hover > a,
  .site-header-menu.toggled-on li:focus-within > a {
    color: #111827 !important;
    background: #e5e7eb !important;
  }

  /* Submenus: do NOT force all to stay open globally */
  .main-navigation.toggled-on .sub-menu,
  .site-header-menu.toggled-on .sub-menu {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #eef0f3 !important;
    box-shadow: none !important;
  }

  /* Submenu links are indented */
  .main-navigation.toggled-on .sub-menu a,
  .site-header-menu.toggled-on .sub-menu a {
    padding-left: 64px !important;
    color: #111827 !important;
    background: #eef0f3 !important;
  }

  /* Current submenu item signal */
  .main-navigation.toggled-on .sub-menu li.current-menu-item > a,
  .site-header-menu.toggled-on .sub-menu li.current-menu-item > a {
    background: #d1d5db !important;
    border-left: 8px solid #111827 !important;
    padding-left: 56px !important;
  }

  /* Dropdown arrow/button */
  .main-navigation.toggled-on .dropdown-toggle,
  .site-header-menu.toggled-on .dropdown-toggle {
    color: #111827 !important;
    background: #d1d5db !important;
  }
}