﻿/* ===== MEGA NAV ===== */
.mega-header-bar{background:#fff;position:sticky;top:0;z-index:10000;border-bottom:1px solid #dce3ef;box-shadow:0 2px 8px rgba(0,0,0,0.07)}
.mega-header-inner{display:flex;align-items:center;height:56px;gap:0;max-width:none;padding:0}

/* White logo panel — bleeds to left edge */
.mega-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;align-self:stretch;padding:0 22px;position:relative}
.mega-logo::before{content:'';position:absolute;top:0;bottom:0;right:100%;width:9999px;background:#fff}
.mega-logo img{height:38px;width:auto;display:block}

/* Nav items */
.mega-nav{flex:0 0 auto;min-width:0;display:flex;align-self:stretch}
.mega-nav>ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;height:100%}
.mega-item{position:relative;display:flex;align-items:stretch}
.mega-item>a{display:flex;align-items:center;padding:0 12px;color:#000066;font-family:'Segoe UI',Arial,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:0.3px;text-transform:uppercase;white-space:nowrap;text-decoration:none;border-right:1px solid rgba(0,0,102,0.1);transition:background .18s,color .18s;height:56px}
.mega-item>a:hover,.mega-item:hover>a{background:rgba(0,0,102,0.07);color:#000066;text-decoration:none}
.mega-item>a .arrow{font-size:8px;margin-left:4px;opacity:0.55;transition:transform .2s}
.mega-nav>ul>li:first-child>a{border-left:1px solid rgba(0,0,102,0.1)}
.mega-item:hover>a .arrow{transform:rotate(180deg)}

/* Mega dropdown panel */
.mega-panel{display:none;position:absolute;top:56px;left:0;background:#fff;border-top:3px solid #000066;box-shadow:0 8px 32px rgba(0,0,0,0.18);z-index:9999;padding:22px 24px 18px;min-width:400px}
.mega-item:hover .mega-panel{display:flex;gap:32px}
.mega-col{min-width:155px}
.mega-col-head{font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#000066;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid #eef0f5;white-space:nowrap}
.mega-col ul{list-style:none;margin:0;padding:0}
.mega-col ul li{margin-bottom:1px}
.mega-col ul li a{display:block;padding:5px 8px;font-size:12.5px;color:#000066;font-family:'Segoe UI',Arial,sans-serif;white-space:nowrap;text-decoration:none;border-radius:3px;transition:background .12s,color .12s}
.mega-col ul li a:hover{background:#000066;color:#fff}

/* Right panel — white bleeds to right edge */
.mega-right{flex:1;display:flex;align-items:center;gap:0;background:#fff;align-self:stretch;padding:0;position:relative}
.mega-right::after{content:'';position:absolute;top:0;bottom:0;left:100%;width:9999px;background:#fff}

/* Free Assessment CTA button */
.mega-assess-btn{display:inline-flex;align-items:center;gap:7px;background:#1565c0;color:#fff!important;font-family:'Segoe UI',Arial,sans-serif;font-size:12px;font-weight:700;padding:10px 18px;text-transform:uppercase;border-radius:3px;text-decoration:none;white-space:nowrap;border:none;letter-spacing:0.3px;transition:background .18s;margin:0 auto}
.mega-assess-btn:hover{background:#0d47a1;text-decoration:none;color:#fff!important}
.mega-assess-btn i{font-size:14px}

/* Phone block in right panel */
.mega-phone-block{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000066;align-self:stretch;padding:0 18px;margin-left:0;text-decoration:none;white-space:nowrap}
.mega-phone-block:hover{background:#00008a;text-decoration:none}
.mega-phone-block .ph-label{font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:600;color:rgba(255,255,255,0.75);text-transform:uppercase;letter-spacing:0.5px;line-height:1}
.mega-phone-block .ph-number{font-family:'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:700;color:#fff;line-height:1.3;margin-top:3px}

/* Mobile toggle */
.mega-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}
.mega-toggle span{display:block;width:25px;height:2px;background:#000066;margin:5px 0;transition:.2s}

/* Mobile-only CTA bar (below header) */
.mega-mobile-cta{display:none}
@media(max-width:960px){
  .mega-mobile-cta{display:flex;align-items:stretch;width:100%}
  .mob-assess{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#1565c0;color:#fff!important;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:none;padding:11px 10px;letter-spacing:0.3px;border-right:1px solid rgba(255,255,255,0.2)}
  .mob-assess:hover{background:#0d47a1;text-decoration:none}
  .mob-assess i{font-size:14px}
  .mob-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000066;color:#fff;text-decoration:none;padding:8px 20px;white-space:nowrap}
  .mob-phone:hover{background:#00008a;text-decoration:none}
  .mob-phone .ph-label{font-size:9px;font-weight:600;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px;line-height:1}
  .mob-phone .ph-number{font-size:14px;font-weight:700;color:#fff;margin-top:2px;line-height:1}
}

/* Responsive */
@media(max-width:1400px){.mega-item>a{padding:0 10px;font-size:11px}}
@media(max-width:1200px){.mega-item>a{padding:0 8px;font-size:10.5px}.mega-assess-btn{padding:9px 14px;font-size:11px}}
@media(max-width:960px){
  .mega-header-inner{height:58px}
  .mega-logo{padding:0 16px}
  .mega-toggle{display:flex;flex-direction:column;justify-content:center}
  .mega-right{display:none}
  .mega-nav{display:none;position:fixed;top:0;left:0;width:85%;max-width:360px;height:100%;background:#fff;flex-direction:column;overflow-y:auto;z-index:99999;padding:70px 0 40px;box-shadow:4px 0 24px rgba(0,0,0,0.22)}
  .mega-nav.open{display:flex}
  .mega-nav>ul{flex-direction:column;align-items:stretch;height:auto;width:100%}
  .mega-item{flex-direction:column;align-items:stretch;border-bottom:1px solid #eee}
  .mega-item>a{height:auto;padding:14px 24px;font-size:14px;color:#003;border-right:none;text-transform:none;font-weight:600;letter-spacing:0}
  .mega-item:hover>a,.mega-item.open>a{background:#f5f7ff;color:#000066}
  .mega-panel{display:none!important}
  .mega-item.open .mega-panel{display:flex!important;position:static;border-top:none;box-shadow:none;flex-direction:column;gap:0;padding:0 0 8px;min-width:unset;background:#f9f9f9}
  .mega-col{min-width:unset}
  .mega-col-head{font-size:10px;padding:10px 24px 6px;margin:0;border-bottom:1px solid #e8e8e8;background:#eff1f8}
  .mega-col ul li a{padding:8px 32px;font-size:13px;white-space:normal;border-radius:0}
  .mega-assess-btn{margin:20px 20px 0;justify-content:center}
}
@media(max-width:600px){.mega-logo img{height:30px}.mega-nav{width:92%}}