/* NBWAVE website-only wood identity V0.2, C blue authorized 2026-10-12. */
body.nbwave-wood{--yellow:#F4CC1B;--wood-blue:#1D204F;--blue:#1D204F;--indigo:#1D204F;--wood-header-height:156px}
.nbwave-wood .site-header,.nbwave-wood .site-header.has-scrolled{height:var(--wood-header-height);background:var(--wood-blue);color:#fff;border-bottom:1px solid rgba(255,255,255,.13);isolation:isolate}
.nbwave-wood .site-header::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('/media/brand/nbwave-woodgrain-20261012.svg') center/100% 100% no-repeat;opacity:.03}
.nbwave-wood .site-header .nav-shell{height:var(--wood-header-height);gap:24px}
.nbwave-wood .site-header .brand{position:relative;isolation:isolate;flex:0 0 240px;background:var(--wood-blue)}
.nbwave-wood .site-header .brand::before{content:"";position:absolute;inset:-19px;background:var(--wood-blue);z-index:-1;pointer-events:none}
.nbwave-wood .site-header .brand img{width:240px;height:auto;max-height:none;object-fit:contain}
.nbwave-wood .site-header .site-nav>a,.nbwave-wood .site-header .product-nav-trigger,.nbwave-wood .site-header .nav-hotline{color:#fff}
.nbwave-wood .site-header .nav-hotline{border-left-color:rgba(255,255,255,.23)}
.nbwave-wood .site-header .nav-hotline span{color:#c8cce0}
.nbwave-wood .site-header .site-nav>.product-nav~a:hover,.nbwave-wood .site-header .product-nav-trigger:hover{color:var(--yellow)!important}
.nbwave-wood .site-header .nav-toggle{color:#fff}
.nbwave-wood .site-header .nav-toggle span{background:#fff}
.nbwave-wood .product-mega{top:var(--wood-header-height)}
.nbwave-wood .site-header .product-mega{background:#fff;color:#101827}
.nbwave-wood .site-header .product-mega a{color:#101827}
.nbwave-wood .site-header .product-mega-base a{color:var(--wood-blue)}
.nbwave-wood .site-header :is(a,button):focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
.nbwave-wood .site-footer{background:#081321;color:#fff}
.nbwave-wood .site-footer .footer-brand img{width:240px;height:auto;max-height:none;object-fit:contain}
.nbwave-wood .site-footer .footer-brand p{color:#b8c3d2;margin-top:26px}
.nbwave-wood .site-footer .footer-grid h3{color:#fff}
.nbwave-wood .site-footer .footer-grid a{color:#c6d0dd}
.nbwave-wood .site-footer .footer-grid a:hover{color:var(--yellow)}
.nbwave-wood .site-footer .footer-base{color:#aab7c8;border-color:rgba(255,255,255,.16)}
.nbwave-wood .site-footer a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.nbwave-wood .bw-business .retrofit-entry,.nbwave-wood .bw-business .retrofit-entry:hover,
.nbwave-wood .bw-business .button,.nbwave-wood .bw-business .button:hover,
.nbwave-wood .button.button-primary,.nbwave-wood .button.button-primary:hover{background:var(--yellow);border-color:var(--yellow);color:var(--wood-blue)}
.nbwave-wood .bw-business .retrofit-entry .entry-arrow{background:var(--wood-blue);color:#fff}
.nbwave-wood .bw-business .status b{background:var(--yellow)}
.nbwave-wood .bw-business .capabilities span::before{color:var(--yellow)}
.nbwave-wood .bw-business :is(button,a):focus-visible{outline-color:var(--yellow)}
.nbwave-wood .ai-business-topics button{background:var(--yellow);border-color:var(--yellow);color:var(--wood-blue)}
@media(max-width:1080px){
 .nbwave-wood .site-header .site-nav{background:var(--wood-blue);border-color:rgba(255,255,255,.2);top:var(--wood-header-height);max-height:calc(100dvh - var(--wood-header-height))}
 .nbwave-wood.nav-open .site-header .site-nav{background:var(--wood-blue);top:0;max-height:calc(100dvh - 56px)}
 .nbwave-wood.nav-open .site-header .nav-toggle{background:var(--wood-blue);border-color:rgba(255,255,255,.3)}
 .nbwave-wood .site-header .product-mega{position:static;top:auto;background:transparent}
 .nbwave-wood .site-header .product-mega-base a,.nbwave-wood .site-header .product-mega-base a:last-child{color:var(--yellow)}
}
@media(max-width:600px){
 .nbwave-wood .site-header::before{opacity:.015}
 .nbwave-wood .site-header .nav-shell{width:calc(100% - 32px);gap:12px}
 .nbwave-wood .site-header .nav-toggle{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:8px}
 .nbwave-wood .site-header .nav-toggle span{margin-left:2px;margin-right:2px}
}
@media(max-width:340px){.nbwave-wood .site-header .nav-shell{width:calc(100% - 24px)}}

/* The business component declares its own palette; keep its C blue in sync. */
.nbwave-wood .bw-business{--blue:#1D204F}
.nbwave-wood .focus-enquiry{background:#1D204F}
