/* ----- EVOX FLYOUT MENU (improved) ----- */

@media only screen and (min-width: 769px) {

  /* ----- SECONDARY DROPDOWN PANEL ----- */
  header .cd-dropdown-content .cd-secondary-dropdown {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    width: 400px !important;
    padding: 10px 0 !important;
    background: #ffffff !important;
    border-top: 0 !important;
    border-left: 3px solid #29468f !important;
    border-right: 3px solid #29468f !important;
    border-bottom: 3px solid #29468f !important;
    box-shadow: 8px 0 24px rgba(20, 30, 60, 0.18) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    scrollbar-width: thin;
    scrollbar-color: #c5cde3 transparent;
  }

  /* ----- 2ND TIER ITEMS ----- */
  header .cd-dropdown-content .cd-secondary-dropdown > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  header .cd-dropdown-content .cd-secondary-dropdown > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 25px !important;
    background: #ffffff !important;
    color: #29468f !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    line-height: 1.4 !important;
    text-decoration: none !important;
    border-left: 4px solid transparent !important;
    border-bottom: 1px solid #eef0f6 !important;
    transition: background 0.15s ease, border-color 0.15s ease, padding-left 0.15s ease;
  }

  header .cd-dropdown-content .cd-secondary-dropdown > li > a:hover {
    background: #f3f6fd !important;
    border-left-color: #29468f !important;
    padding-left: 29px !important;
    color: #1d3270 !important;
  }

  /* ----- 3RD TIER (nested list) ----- */
  header .cd-dropdown-content .cd-secondary-dropdown > li > ul {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 0 8px 0 !important;
    background: #f8f9fc !important;
    border-bottom: 1px solid #eef0f6 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  header .cd-dropdown-content .cd-secondary-dropdown > li > ul > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  header .cd-dropdown-content .cd-secondary-dropdown > li > ul > li > a {
    position: relative;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 0 0 25px !important;          /* aligns with 2nd tier text */
    padding: 8px 25px 8px 28px !important;  /* indent beyond parent */
    border-left: 2px solid #d5dbec !important;  /* guide line */
    border-bottom: 0 !important;
    background: transparent !important;
    color: #4a5678 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  }

  /* small bullet marker */
  header .cd-dropdown-content .cd-secondary-dropdown > li > ul > li > a::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 50%;
    background: #aab4d0;
    transition: background 0.15s ease, transform 0.15s ease;
  }

  header .cd-dropdown-content .cd-secondary-dropdown > li > ul > li > a:hover {
    color: #29468f !important;
    background: #eaf0fc !important;
    border-left-color: #29468f !important;
  }

  header .cd-dropdown-content .cd-secondary-dropdown > li > ul > li > a:hover::before {
    background: #29468f;
    transform: scale(1.4);
  }

  /* ----- HIDE EVOX BACK / SEE ALL ----- */
  header .cd-dropdown-content .cd-secondary-dropdown > li.go-back,
  header .cd-dropdown-content .cd-secondary-dropdown > li.see-all {
    display: none !important;
  }

  /* ----- KEEP ABOVE HERO ----- */
  header .cd-dropdown-content,
  header .cd-dropdown-content .cd-secondary-dropdown {
    z-index: 9999 !important;
  }
}

/* ----- end EVOX FLYOUT MENU ----- */