/* DPOIndia megamenu — site-wide. Dropdown panels on the header nav (both the
   .site-head/.nav and #hdr/.nav-links variants). Panel rules are given extra
   specificity + !important so the host theme's .nav-links a cannot override them. */

.dpo-mi{position:relative}
.dpo-top{display:inline-flex;align-items:center;gap:5px}
.dpo-top::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.5;transition:transform .18s,opacity .18s}
.dpo-mi.open>.dpo-top::after,.dpo-mi:hover>.dpo-top::after,.dpo-mi:focus-within>.dpo-top::after{transform:rotate(-135deg) translateY(1px);opacity:.85}

.dpo-mi .dpo-mega{position:absolute;top:calc(100% + 8px);left:0;z-index:200;background:#fff;border:1px solid #E4E9F2;border-radius:14px;box-shadow:0 22px 50px rgba(10,22,51,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}
.dpo-mi .dpo-mega::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.dpo-mi:hover>.dpo-mega,.dpo-mi:focus-within>.dpo-mega,.dpo-mi.open>.dpo-mega{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.dpo-mi--r .dpo-mega{left:auto;right:0}

.dpo-mega-in{display:flex;gap:6px}
.dpo-col{display:flex;flex-direction:column;min-width:226px}
.dpo-col+.dpo-col{border-left:1px solid #EEF1F7;padding-left:6px;margin-left:2px}
.dpo-mi .dpo-mega .dpo-h{display:block;font:600 10.5px/1 Inter,-apple-system,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8b93ad;padding:9px 12px 6px;margin:0}
.dpo-mi .dpo-mega a{display:block!important;padding:8px 12px!important;border-radius:9px;font:500 14px/1.3 Inter,-apple-system,sans-serif!important;color:#16264a!important;text-decoration:none!important;transition:background .13s,color .13s}
.dpo-mi .dpo-mega a:hover,.dpo-mi .dpo-mega a:focus-visible{background:#f3f6fc!important;color:#000080!important;outline:none}
.dpo-mi .dpo-mega a .dpo-sub{display:block;font:400 12px/1.3 Inter,-apple-system,sans-serif!important;color:#6b7699!important;margin-top:1px}

.dpo-top:focus-visible{outline:2px solid #000080;outline-offset:3px;border-radius:6px}

/* Mobile: hide panels; top links act as normal links to their hub pages */
@media (max-width:900px){
  .dpo-mi .dpo-mega{display:none!important}
  .dpo-top::after{display:none}
  .dpo-top{display:inline}
}

/* ---- Header layout hardening: keep the enhanced nav on one clean line ---- */
/* Variant A (#hdr / .nav-links) */
#hdr .container.hdr,#hdr .hdr{align-items:center;flex-wrap:nowrap}
.nav-links{flex-wrap:nowrap!important;align-items:center;gap:clamp(14px,1.5vw,28px)!important}
.nav-links>li{flex:0 0 auto!important}
.nav-links a,.nav-links .dpo-top{white-space:nowrap!important}
.hdr-ctas{flex-wrap:nowrap!important;align-items:center;gap:10px!important}
.hdr-ctas>a,.hdr-ctas>.btn{white-space:nowrap!important;flex:0 0 auto!important}

/* Variant B (.site-head / .nav) */
.site-head .wrap{align-items:center;flex-wrap:nowrap}
.site-head .nav{flex-wrap:nowrap!important;align-items:center;gap:clamp(12px,1.3vw,24px)!important}
.site-head .nav>a,.site-head .nav>.dpo-mi{flex:0 0 auto!important}
.site-head .nav a,.site-head .nav .dpo-top{white-space:nowrap!important}
.site-head .head-cta{flex-wrap:nowrap!important;align-items:center}
.site-head .head-cta>a,.site-head .head-cta>.btn{white-space:nowrap!important;flex:0 0 auto!important}