/* Investax Public Header V2.5 — clean, isolated mega-menu DOM */
.ix-v2 .ix2-header{position:relative;z-index:1000;font-family:var(--ix-font,Arial,sans-serif)}
.ix-v2 .ix2-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ix-v2 .ix2-topbar{background:#0b0b0b;color:#fff;border-bottom:1px solid rgba(201,162,39,.25)}
.ix-v2 .ix2-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ix-v2 .ix2-topbar-left{display:flex;align-items:center;gap:24px}.ix-v2 .ix2-top-link{color:#f5f5f5;text-decoration:none;font-size:12px}.ix-v2 .ix2-top-link:hover{color:#c9a227}.ix-v2 .ix2-topbar-right{font-size:11px;color:#cfcfcf;letter-spacing:.35px}
.ix-v2 .ix2-nav-wrap{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.ix-v2 .ix2-nav{min-height:82px;display:flex;align-items:center;gap:28px}.ix-v2 .ix2-brand{display:flex;align-items:center;flex:0 0 auto}.ix-v2 .ix2-brand img{display:block;width:auto;max-width:188px;max-height:58px;object-fit:contain}.ix-v2 .ix2-desktop-nav{margin-left:auto;display:block}
.ix-v2 .ix2-nav-list{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:0;padding:0;list-style:none}.ix-v2 .ix2-nav-list>li{position:relative;margin:0;padding:0}.ix-v2 .ix2-nav-list>li>a{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;color:#26313a;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.25px;text-transform:uppercase;white-space:nowrap;border-radius:7px}.ix-v2 .ix2-nav-list>li>a:hover,.ix-v2 .ix2-nav-list>li:hover>a{color:#9a7420;background:#fbf8f1}.ix-v2 .ix2-login-item>a{padding:0 17px!important;margin-left:6px;background:#0b0b0b!important;color:#fff!important;border:1px solid #c9a227;border-radius:7px!important}.ix-v2 .ix2-login-item>a:hover{background:#c9a227!important;color:#111!important}
/* Normal dynamic dropdowns from getFrontMenu */
.ix-v2 .ix2-nav-list>li>ul{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:245px;margin:0;padding:10px;background:#fff;border:1px solid #e6e0d5;border-top:3px solid #c9a227;border-radius:0 0 9px 9px;box-shadow:0 18px 45px rgba(10,20,30,.16);list-style:none;z-index:100000}.ix-v2 .ix2-nav-list>li:hover>ul,.ix-v2 .ix2-nav-list>li:focus-within>ul{display:block}.ix-v2 .ix2-nav-list>li>ul>li{position:relative;margin:0;padding:0;list-style:none}.ix-v2 .ix2-nav-list>li>ul>li>a{display:block;padding:9px 11px;color:#53616c;background:transparent;text-decoration:none;font-size:13px;line-height:1.35;border-radius:5px}.ix-v2 .ix2-nav-list>li>ul>li>a:hover{color:#916d1e;background:#faf7f0;padding-left:15px}
/* Investment mega menu — intentionally NOT a UL to avoid legacy/generic submenu selectors. */
.ix-v2 .ix2-nav-list>li.investax-investment-menu>.investax-investment-mega{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:900px;max-width:calc(100vw - 32px);padding:24px 24px 22px;box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e5dfd4;border-top:3px solid #c79a32;border-radius:0 0 12px 12px;box-shadow:0 24px 60px rgba(12,28,42,.20),0 5px 16px rgba(12,28,42,.08);z-index:100001}
.ix-v2 .ix2-nav-list>li.investax-investment-menu:hover>.investax-investment-mega,.ix-v2 .ix2-nav-list>li.investax-investment-menu.investax-menu-open>.investax-investment-mega{display:grid}
.ix-v2 .investax-mega-column{min-width:0;min-height:232px;padding:0 20px;border-right:1px solid #ece7de;box-sizing:border-box;display:flex;flex-direction:column}.ix-v2 .investax-mega-column:first-child{padding-left:0}.ix-v2 .investax-mega-column:last-child{padding-right:0;border-right:0}.ix-v2 .investax-mega-heading{min-height:48px;margin:0 0 10px;padding:0 0 11px;display:flex;align-items:flex-start;position:relative;color:#152534;font-size:13px;line-height:1.35;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.ix-v2 .investax-mega-heading:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;border-radius:2px;background:#c79a32}
.ix-v2 .investax-mega-links{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.ix-v2 .investax-mega-links>a{display:flex;align-items:center;min-height:40px;width:100%;box-sizing:border-box;margin:0;padding:7px 6px;color:#52606b;background:transparent;border:1px solid transparent;border-radius:6px;font-size:12.5px;line-height:1.35;font-weight:500;text-decoration:none}.ix-v2 .investax-mega-links>a:before{content:"";width:5px;height:5px;flex:0 0 5px;margin-right:9px;border-radius:50%;background:#c79a32;opacity:.65}.ix-v2 .investax-mega-links>a:hover{color:#916d1e;background:#fbf8f1;border-color:#eee3ca}.ix-v2 .investax-mega-cta{width:100%;min-height:48px;margin:12px 0 0;padding:9px 14px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:linear-gradient(135deg,#c79a32,#e2bd61);color:#101820;border:1px solid #b48727;border-radius:7px;box-shadow:0 8px 20px rgba(163,119,30,.22);font-size:12px;line-height:1.25;font-weight:800;text-align:center;text-decoration:none}.ix-v2 .investax-mega-cta:hover{background:#e2bd61;color:#111}
.ix-v2 .ix2-top-nav-arrow,.ix-v2 .investax-investment-arrow{font-size:9px;line-height:1;margin-left:2px;color:#26313a}.ix-v2 .ix2-nav-list>li.ix2-calculators-menu>ul.sub-menu{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:230px;margin:0;padding:14px 18px;background:#fff;border-top:3px solid #c9a227;box-shadow:0 12px 35px rgba(0,0,0,.16);z-index:100000;list-style:none}.ix-v2 .ix2-nav-list>li.ix2-calculators-menu:hover>ul.sub-menu{display:block}.ix-v2 .ix2-nav-list>li.ix2-calculators-menu>ul.sub-menu>li{display:block;margin:0;padding:0}.ix-v2 .ix2-nav-list>li.ix2-calculators-menu>ul.sub-menu>li>a{display:block;padding:9px 0;color:#555;text-decoration:none;font-size:13px}.ix-v2 .ix2-nav-list>li.ix2-calculators-menu>ul.sub-menu>li>a:hover{color:#c9a227;padding-left:5px}
.ix-v2 .ix2-menu-toggle,.ix-v2 .ix2-mobile-panel{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1199px) and (min-width:992px){.ix-v2 .ix2-nav{gap:15px}.ix-v2 .ix2-brand img{max-width:165px}.ix-v2 .ix2-nav-list>li>a{padding:0 8px;font-size:12px}.ix-v2 .ix2-nav-list>li.investax-investment-menu>.investax-investment-mega{width:820px;padding:20px 16px 18px}.ix-v2 .investax-mega-column{padding:0 13px}}
@media(max-width:991px){.ix-v2 .ix2-container{width:min(100% - 30px,720px)}.ix-v2 .ix2-topbar-inner{min-height:34px}.ix-v2 .ix2-topbar-right{display:none}.ix-v2 .ix2-topbar-left{width:100%;justify-content:space-between;gap:12px}.ix-v2 .ix2-top-link{font-size:11px}.ix-v2 .ix2-nav{min-height:70px;justify-content:space-between}.ix-v2 .ix2-brand img{max-width:165px;max-height:50px}.ix-v2 .ix2-desktop-nav{display:none}.ix-v2 .ix2-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:9px;background:#fff;border:1px solid #ddd5c6;border-radius:7px;cursor:pointer}.ix-v2 .ix2-menu-toggle>span:not(.sr-only){display:block;width:24px;height:2px;margin:0 auto;background:#111}.ix-v2 .ix2-mobile-panel{display:block;max-height:0;overflow:hidden;background:#fff;border-bottom:0 solid #e5dfd4;transition:max-height .3s ease}.ix-v2 .ix2-header.ix2-mobile-open .ix2-mobile-panel{max-height:80vh;border-bottom:1px solid #e5dfd4;overflow:auto}.ix-v2 .ix2-mobile-inner{padding:10px 15px 16px}.ix-v2 .ix2-mobile-link,.ix-v2 .ix2-mobile-login{display:block;padding:13px 12px;color:#26313a;text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #f0ece4}.ix-v2 .ix2-mobile-login{margin-top:10px;background:#0b0b0b;color:#fff;text-align:center;border:1px solid #c9a227;border-radius:7px}.ix-v2 .ix2-mobile-dynamic{border-bottom:1px solid #f0ece4}.ix-v2 .ix2-mobile-dynamic>li{list-style:none}.ix-v2 .ix2-mobile-dynamic>li>a{display:block;padding:13px 12px;color:#26313a;text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #f0ece4}.ix-v2 .ix2-mobile-dynamic>li>ul{display:block;position:static;width:auto;transform:none;border:0;box-shadow:none;border-radius:0;background:#faf8f3;padding:5px 0}.ix-v2 .ix2-mobile-dynamic .investax-investment-mega{display:block!important;position:static!important;width:auto!important;max-width:none!important;transform:none!important;padding:5px 0 10px!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:#faf8f3!important}.ix-v2 .ix2-mobile-dynamic .investax-mega-column{min-height:0;padding:5px 12px!important;border:0!important}.ix-v2 .ix2-mobile-dynamic .investax-mega-heading{min-height:0;margin:6px 0 6px;font-size:11px}.ix-v2 .ix2-mobile-dynamic .investax-mega-links>a{min-height:0;padding:8px 5px;font-size:13px}.ix-v2 .ix2-mobile-dynamic .investax-mega-cta{margin:8px 0!important}.ix-v2 .ix2-nav-list>li.ix2-calculators-menu>ul.sub-menu{display:none!important}}

/* Investax Public Header V2.7 - Calculators single-arrow fix */

/* Remove every old arrow source on the Calculators anchor. */
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a::before,
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a::after {
    content: none !important;
}

.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
}

/* The Blade no longer creates an arrow. Create exactly one here. */
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a::after {
    content: "▾" !important;
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: none !important;
    border: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* If an old/generated arrow element survives, hide it. */
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a .ix2-nav-arrow,
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a .investax-top-nav-arrow {
    display: none !important;
}

/* Calculators dropdown. */
.ix-v2 .ix2-nav-list > li.ix2-calculators-item {
    position: relative !important;
}

.ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    background: #fff !important;
    border-top: 3px solid #c9a227 !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.16) !important;
    z-index: 99999 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.ix-v2 .ix2-nav-list > li.ix2-calculators-item:hover > .ix2-calculators-dropdown,
.ix-v2 .ix2-nav-list > li.ix2-calculators-item.ix2-menu-open > .ix2-calculators-dropdown {
    display: block !important;
}

.ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown > li > a {
    display: block !important;
    width: 100% !important;
    padding: 9px 0 !important;
    margin: 0 !important;
    color: #555 !important;
    background: transparent !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

.ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown > li > a:hover,
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown > li > a:focus {
    color: #c9a227 !important;
    padding-left: 5px !important;
}

@media (max-width: 900px) and (min-width: 701px) {
    .ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown {
        left: auto !important;
        right: 0 !important;
        transform: none !important;
    }
}

@media (max-width: 700px) {
    .ix-v2 .ix2-nav-list > li.ix2-calculators-item > .ix2-calculators-dropdown {
        display: none !important;
    }
}


/* =========================================================
   INVESTAX HEADER — SURGICAL MATCH TO ORIGINAL HOME HEADER
   Source reference: original home.blade.php navigation rules.
   IMPORTANT: Investment mega-menu styles/DOM are untouched.
   ========================================================= */

/* Match the original site's normal top-level navigation treatment. */
.ix-v2 .ix2-nav-list > li:not(.ix2-login-item) > a {
    color:#293641 !important;
    font-weight:650 !important;
    letter-spacing:.05px !important;
    text-transform:none !important;
    background:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* Original hover treatment: gold text, no pill/background. */
.ix-v2 .ix2-nav-list > li:not(.ix2-login-item):hover > a,
.ix-v2 .ix2-nav-list > li:not(.ix2-login-item) > a:hover {
    color:#c79a32 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* Keep the already-correct highlighted Client Login button unchanged. */
.ix-v2 .ix2-nav-list > li.ix2-login-item > a {
    text-transform:none !important;
}

/* V3.6 FINAL SURGICAL HEADER ALIGNMENT
   Reference typography: Josefin Sans.
   Do not alter the Investment mega-menu geometry/content. */
.ix-v2 .ix2-header,
.ix-v2 .ix2-header .ix2-nav,
.ix-v2 .ix2-header .ix2-desktop-nav,
.ix-v2 .ix2-header .ix2-nav-list,
.ix-v2 .ix2-header .ix2-nav-list > li > a {
    font-family:'Josefin Sans',sans-serif !important;
}

/* The homepage container is 1500px wide at desktop, matching the screenshot.
   Let the navigation start immediately after the natural logo width. */
.ix-v2 .ix2-container {
    width:min(1500px,calc(100% - 48px)) !important;
}
.ix-v2 .ix2-nav {
    gap:25px !important;
}
.ix-v2 .ix2-brand {
    flex:0 0 auto !important;
    width:auto !important;
    margin:25px !important;
}
.ix-v2 .ix2-brand img {
    width:auto !important;
    max-width:200px !important;
    max-height:78px !important;
}
.ix-v2 .ix2-desktop-nav {
    margin-left:15px !important;
    margin-right:0 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
}
.ix-v2 .ix2-nav-list {
    justify-content:flex-start !important;
    gap:15px !important;
}
.ix-v2 .ix2-nav-list > li > a {
    min-height:44px !important;
    padding:0 12px !important;
    color:#26313a !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:.05px !important;
    text-transform:uppercase !important;
    border-radius:0 !important;
    background:transparent !important;
}
.ix-v2 .ix2-nav-list > li > a:hover,
.ix-v2 .ix2-nav-list > li:hover > a {
    color:#c79a32 !important;
    background:transparent !important;
}

/* One uniform CSS chevron; remove all span/glyph arrows created elsewhere. */
.ix-v2 .ix2-nav-list > li > a .ix2-top-nav-arrow,
.ix-v2 .ix2-nav-list > li > a .investax-investment-arrow,
.ix-v2 .ix2-nav-list > li > a .ix2-nav-arrow,
.ix-v2 .ix2-nav-list > li > a .investax-top-nav-arrow {
    display:none !important;
}
.ix-v2 .ix2-nav-list > li:has(> ul) > a::after,
.ix-v2 .ix2-nav-list > li.investax-investment-menu > a::after,
.ix-v2 .ix2-nav-list > li.ix2-calculators-item > a::after {
    content:"" !important;
    display:inline-block !important;
    width:5px !important;
    height:5px !important;
    margin-left:7px !important;
    margin-top:-3px !important;
    border-right:1.2px solid currentColor !important;
    border-bottom:1.2px solid currentColor !important;
    transform:rotate(45deg) !important;
    background:none !important;
    position:static !important;
    opacity:.9 !important;
}

/* Login button keeps its existing visual treatment. */
.ix-v2 .ix2-nav-list > li.ix2-login-item > a {
    font-family:'Josefin Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.05px !important;
    text-transform:uppercase !important;
}

@media(max-width:1199px) and (min-width:992px){
    .ix-v2 .ix2-container{width:min(1120px,calc(100% - 36px)) !important;}
    .ix-v2 .ix2-nav{gap:0 !important;}
    .ix-v2 .ix2-brand{flex:0 0 auto !important;width:auto !important;}
    .ix-v2 .ix2-desktop-nav{margin-left:0 !important;}
    .ix-v2 .ix2-nav-list > li > a{padding-left:8px !important;padding-right:8px !important;font-size:12px !important;}
}

/* V7 — HEADER ONLY: final typography + viewport-safe Investment mega menu. */
@media (min-width:1200px){
    /* Match every primary menu item, including Home / Investment / Payment. */
    .ix-v2 .ix2-header .ix2-nav-list > li:not(.ix2-login-item) > a{
        font-family:'Josefin Sans',Arial,sans-serif !important;
        font-size:13px !important;
        font-weight:650 !important;
        line-height:1 !important;
        letter-spacing:.05px !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;
    }

    /* Keep the existing Investment mega-menu design, but move it just enough
       to stay completely inside the viewport / .ix-home overflow boundary. */
    .ix-v2 .ix2-nav-list > li.investax-investment-menu > .investax-investment-mega{
        left:50% !important;
        transform:translateX(-42%) !important;
    }

    /* The mega-menu itself keeps its original typography and styling. */
    .ix-v2 .ix2-nav-list > li.investax-investment-menu > .investax-investment-mega,
    .ix-v2 .ix2-nav-list > li.investax-investment-menu > .investax-investment-mega *{
        font-family:var(--ix-font,Arial,sans-serif) !important;
    }
}
