/*
 * WEALTH MONEY WP — PROFESSIONAL HEADER v4
 * HEADER ONLY.
 *
 * Goal based on supplied screenshot:
 * - compact professional header
 * - logo properly sized and aligned left
 * - navigation centered
 * - Check Eligibility aligned right
 * - no oversized blank header
 * - Products dropdown remains stable
 * - Products nested menu remains usable
 * - mobile is left to Astra's native behavior
 */

:root{
  --wm-green:#08783f;
  --wm-green-dark:#075f33;
  --wm-gold:#d3ad32;
  --wm-text:#1b2922;
  --wm-line:#e8eee9;
}

/* =========================================================
   DESKTOP HEADER ONLY
   ========================================================= */
@media (min-width:769px){

  /* Header shell */
  .ast-primary-header-bar,
  .main-header-bar,
  .ast-main-header-wrap{
    background:#fff !important;
  }

  .ast-primary-header-bar{
    min-height:0 !important;
    height:auto !important;
    border-bottom:1px solid var(--wm-line) !important;
    box-shadow:0 2px 14px rgba(15,40,25,.055) !important;
    position:relative !important;
    z-index:99990 !important;
  }

  /* Main Astra header row: three clean zones */
  .ast-primary-header-bar .ast-builder-grid-row{
    width:100% !important;
    max-width:1180px !important;
    min-height:82px !important;
    height:82px !important;
    margin:0 auto !important;
    padding:0 22px !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:210px minmax(0,1fr) 180px !important;
    column-gap:18px !important;
    align-items:center !important;
  }

  /* ---------------------------------------------------------
     LOGO — compact, crisp, left aligned
     --------------------------------------------------------- */
  .ast-primary-header-bar .site-branding,
  .ast-primary-header-bar .ast-site-identity{
    width:210px !important;
    max-width:210px !important;
    height:82px !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .ast-primary-header-bar .site-logo-img,
  .ast-primary-header-bar .custom-logo,
  .ast-primary-header-bar .ast-site-identity img{
    display:block !important;
    width:auto !important;
    max-width:178px !important;
    height:auto !important;
    max-height:68px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
  }

  /* ---------------------------------------------------------
     NAVIGATION — centered and balanced
     --------------------------------------------------------- */
  .ast-primary-header-bar .ast-builder-menu-1{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .ast-primary-header-bar .main-header-menu{
    width:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:1px !important;
  }

  .ast-primary-header-bar .main-header-menu > .menu-item{
    margin:0 !important;
    padding:0 !important;
  }

  .ast-primary-header-bar .main-header-menu > .menu-item > .menu-link{
    min-height:82px !important;
    height:82px !important;
    padding:0 12px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:var(--wm-text) !important;
    background:transparent !important;
    border-radius:6px !important;

    font-size:13px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:.05px !important;

    transition:background .16s ease,color .16s ease !important;
  }

  .ast-primary-header-bar .main-header-menu > .menu-item > .menu-link:hover,
  .ast-primary-header-bar .main-header-menu > .menu-item.current-menu-item > .menu-link,
  .ast-primary-header-bar .main-header-menu > .menu-item.current-menu-ancestor > .menu-link{
    color:var(--wm-green) !important;
    background:#f3f8f5 !important;
  }

  /* ---------------------------------------------------------
     PRODUCTS / TOOLS DROPDOWNS
     --------------------------------------------------------- */
  .ast-primary-header-bar .main-header-menu > .wm-products-top,
  .ast-primary-header-bar .main-header-menu > .wm-tools-top{
    position:relative !important;
  }

  .ast-primary-header-bar .main-header-menu > .wm-products-top > .sub-menu,
  .ast-primary-header-bar .main-header-menu > .wm-tools-top > .sub-menu{
    position:absolute !important;
    left:0 !important;
    top:calc(100% - 1px) !important;
    z-index:1000000 !important;

    min-width:225px !important;
    width:max-content !important;
    max-width:330px !important;

    margin:0 !important;
    padding:6px !important;

    background:#fff !important;
    border:1px solid var(--wm-line) !important;
    border-radius:9px !important;
    box-shadow:0 14px 34px rgba(15,40,25,.13) !important;

    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .ast-primary-header-bar .main-header-menu > .wm-products-top.wm-menu-open > .sub-menu,
  .ast-primary-header-bar .main-header-menu > .wm-tools-top.wm-menu-open > .sub-menu{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item > .menu-link,
  .ast-primary-header-bar .wm-tools-top > .sub-menu > .menu-item > .menu-link{
    min-height:40px !important;
    padding:9px 12px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#fff !important;
    color:#26342d !important;
    border-radius:6px !important;

    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
  }

  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item > .menu-link:hover,
  .ast-primary-header-bar .wm-tools-top > .sub-menu > .menu-item > .menu-link:hover{
    background:#f2f8f5 !important;
    color:var(--wm-green) !important;
  }

  /* Product nested submenu */
  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item-has-children{
    position:relative !important;
  }

  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item-has-children > .sub-menu{
    position:absolute !important;
    left:calc(100% + 6px) !important;
    top:-6px !important;
    z-index:1000001 !important;

    min-width:235px !important;
    width:max-content !important;
    max-width:340px !important;

    margin:0 !important;
    padding:6px !important;

    background:#fff !important;
    border:1px solid var(--wm-line) !important;
    border-radius:9px !important;
    box-shadow:0 14px 34px rgba(15,40,25,.14) !important;

    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item-has-children.wm-child-open > .sub-menu{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item-has-children > .sub-menu > .menu-item > .menu-link{
    min-height:39px !important;
    padding:9px 12px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;

    background:#fff !important;
    color:#26342d !important;
    border-radius:6px !important;

    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
  }

  .ast-primary-header-bar .wm-products-top > .sub-menu > .menu-item-has-children > .sub-menu > .menu-item > .menu-link:hover{
    background:#f2f8f5 !important;
    color:var(--wm-green) !important;
  }

  /* Hover bridges */
  .ast-primary-header-bar .wm-products-top > .sub-menu::before,
  .ast-primary-header-bar .wm-tools-top > .sub-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-8px;
    height:9px;
  }

  .ast-primary-header-bar .wm-products-top .menu-item-has-children > .sub-menu::before{
    content:"";
    position:absolute;
    left:-9px;
    top:0;
    width:10px;
    height:100%;
  }

  /* Product text must stay visible */
  .ast-primary-header-bar .wm-products-top .sub-menu a,
  .ast-primary-header-bar .wm-products-top .sub-menu a span,
  .ast-primary-header-bar .wm-tools-top .sub-menu a,
  .ast-primary-header-bar .wm-tools-top .sub-menu a span{
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
  }

  /* ---------------------------------------------------------
     CHECK ELIGIBILITY — premium CTA
     --------------------------------------------------------- */
  .ast-primary-header-bar .ast-header-button{
    width:180px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin:0 !important;
  }

  .ast-primary-header-bar .ast-header-button .ast-custom-button,
  .ast-primary-header-bar .ast-header-button a{
    min-width:138px !important;
    min-height:40px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:linear-gradient(135deg,#0a8d52,#08783f) !important;
    color:#fff !important;
    border:1px solid rgba(8,120,63,.12) !important;
    border-radius:7px !important;

    font-size:12.5px !important;
    font-weight:600 !important;
    line-height:1 !important;

    box-shadow:0 5px 14px rgba(8,120,63,.15) !important;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease !important;
  }

  .ast-primary-header-bar .ast-header-button .ast-custom-button:hover,
  .ast-primary-header-bar .ast-header-button a:hover{
    background:linear-gradient(135deg,#08783f,#075f33) !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 8px 18px rgba(8,120,63,.20) !important;
  }
}

/* =========================================================
   MOBILE — leave Astra's menu mechanics intact
   ========================================================= */
@media (max-width:768px){
  .ast-primary-header-bar{
    background:#fff !important;
    border-bottom:1px solid var(--wm-line) !important;
  }

  .ast-site-identity img,
  .custom-logo,
  .site-logo-img{
    max-height:55px !important;
    width:auto !important;
  }
}