/* Native Nexus navigation: dynamic links, Bootstrap dropdowns and account controls. */
html.tni-shell #header.tni-native-navigation{position:relative;z-index:1030;box-shadow:0 5px 22px #10203a04}
html.tni-shell #header.tni-native-navigation>.navbar{padding:8px 0;border-bottom:1px solid var(--shell-line)}
html.tni-shell #header.tni-native-navigation .container{max-width:1230px}
html.tni-shell #header.tni-native-navigation .navbar-brand{padding:0}
html.tni-shell #header.tni-native-navigation .logo-img{height:34px;width:auto}
html.tni-shell #header.tni-native-navigation .topbar{background:var(--shell-surface);border-bottom:1px solid var(--shell-line);font-size:11px}
html.tni-shell #header.tni-native-navigation .topbar .btn{font-size:11px;min-height:30px;color:var(--shell-muted)}
html.tni-shell #header.tni-native-navigation .topbar .input-group-text{border:0;background:transparent;font-size:11px;color:var(--shell-muted)}
html.tni-shell #header.tni-native-navigation .search{border:1px solid var(--shell-line);border-radius:10px;overflow:hidden;background:var(--shell-surface)}
html.tni-shell #header.tni-native-navigation .search :is(.btn,.form-control){border:0;background:transparent;min-height:40px;font-size:12px;color:var(--shell-muted);box-shadow:none}
html.tni-shell #header.tni-native-navigation .search:focus-within{outline:2px solid var(--shell-accent);outline-offset:2px}
html.tni-shell #header.tni-native-navigation .toolbar{gap:10px;align-items:center}
html.tni-shell #header.tni-native-navigation .toolbar .nav-link,html.tni-shell #header.tni-native-navigation .tni-theme-toggle{display:flex;align-items:center;justify-content:center;border:1px solid var(--shell-line);background:var(--shell-surface);border-radius:10px;min-width:42px;min-height:40px;margin:0;padding:8px 10px;color:var(--shell-ink)}
html.tni-shell #header.tni-native-navigation #cartItemCount{background:var(--shell-accent);color:var(--shell-button);border:2px solid var(--shell-card);font-size:9px;top:-6px;right:-6px}
html.tni-shell #header.tni-native-navigation .main-navbar-wrapper{padding:9px 0!important;min-height:0!important}
html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav{gap:4px}
html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav>li>a{display:flex;align-items:center;gap:9px;padding:12px 14px;min-height:44px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.4;color:var(--shell-muted);background:transparent;transition:background .15s,color .15s;white-space:nowrap}
html.tni-shell #header.tni-native-navigation .tni-menu-icon{flex-shrink:0;width:16px;text-align:center;font-size:13px;color:var(--shell-muted)}
html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav>li:is(.tni-current-menu,.show)>a,html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav>li>a:hover{background:var(--shell-soft);color:var(--shell-accent)}
html.tni-shell #header.tni-native-navigation li:is(.tni-current-menu,.show)>a>.tni-menu-icon{color:var(--shell-accent)}
html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav.ml-auto>li>a{border:1px solid var(--shell-line);background:var(--shell-surface);color:var(--shell-ink)}
html.tni-shell #header.tni-native-navigation .dropdown-toggle:after{margin-left:auto}
html.tni-shell #header.tni-native-navigation .dropdown-menu{min-width:270px;max-width:min(390px,calc(100vw - 40px));margin-top:8px;padding:8px;border:1px solid var(--shell-line);border-radius:14px;box-shadow:0 18px 46px #07142624;background:var(--shell-card)}
html.tni-shell #header.tni-native-navigation .dropdown-menu>li.dropdown-item{padding:0;margin:0;border:0;background:transparent}
html.tni-shell #header.tni-native-navigation .dropdown-menu a.dropdown-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 12px!important;border-radius:8px;white-space:normal;line-height:1.5;font-size:13px;color:var(--shell-ink);background:transparent}
html.tni-shell #header.tni-native-navigation .dropdown-menu a.dropdown-item .tni-menu-icon{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:8px;background:var(--shell-surface);color:var(--shell-accent);font-size:12px}
html.tni-shell #header.tni-native-navigation .dropdown-menu a:is(:hover,:focus-visible,.tni-current-link){background:var(--shell-soft);color:var(--shell-accent)}
html.tni-shell #header.tni-native-navigation .dropdown-divider{border-color:var(--shell-line);margin:5px 10px}
html.tni-shell #header.tni-native-navigation :is(a,button):focus-visible{outline:2px solid var(--shell-accent);outline-offset:2px}
html.tni-shell #header.tni-native-navigation .topbar .btn:hover{color:var(--shell-accent);background:var(--shell-soft)}
html.tni-shell .popover{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line);border-radius:12px;box-shadow:0 10px 40px #07142622}
html.tni-shell .popover-body,html.tni-shell .popover .client-alerts a{color:var(--shell-ink)}
html.tni-shell .popover .client-alerts li{border-color:var(--shell-line)}
html.tni-shell .bs-popover-bottom>.arrow:after{border-bottom-color:var(--shell-card)}
/* Native notifications keep readable colors when hovered or keyboard-focused. */
html.tni-shell .popover-user-notifications{width:min(340px,calc(100vw - 28px));min-width:0;max-width:calc(100vw - 28px);padding:8px;background:var(--shell-card);color:var(--shell-ink)}
html.tni-shell .popover-user-notifications .popover-inner,html.tni-shell .popover-user-notifications .popover-body{background:transparent;color:var(--shell-ink)}
html.tni-shell .popover-user-notifications .popover-header{background:var(--shell-surface);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-shell .popover-user-notifications .popover-header:empty{display:none}
html.tni-shell .popover-user-notifications .client-alerts li{min-height:0;padding:4px 0}
html.tni-shell .popover-user-notifications .client-alerts a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:12px;border-radius:7px;background:transparent;color:var(--shell-ink);font-size:13px;line-height:1.6}
html.tni-shell .popover-user-notifications .client-alerts a:hover,html.tni-shell .popover-user-notifications .client-alerts a:focus-visible{background:var(--shell-soft);color:var(--shell-ink)}
html.tni-shell .popover-user-notifications .client-alerts a:focus-visible{outline:2px solid var(--shell-accent);outline-offset:1px}
html.tni-shell .popover-user-notifications .client-alerts .message{margin:0;min-width:0;color:inherit;overflow-wrap:anywhere}
html.tni-shell .popover-user-notifications .client-alerts li i{float:none;padding:1px 0 0;font-size:20px;line-height:1.2}
html.tni-shell .popover-user-notifications .client-alerts .fa-info-circle{color:var(--shell-accent)}
html.tni-shell .popover-user-notifications.bs-popover-bottom>.arrow:before{border-bottom-color:var(--shell-line)}
html.tni-shell .popover-user-notifications.bs-popover-top>.arrow:after{border-top-color:var(--shell-card)}
html.tni-shell .popover-user-notifications.bs-popover-top>.arrow:before{border-top-color:var(--shell-line)}
@media(min-width:1200px){html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav.ml-auto{margin-left:12px!important}html.tni-shell #header.tni-native-navigation #nav{flex-wrap:nowrap}}
@media(max-width:1199px){html.tni-shell #header.tni-native-navigation .main-navbar-wrapper{padding:0!important}html.tni-shell #header.tni-native-navigation #mainNavbar.show{padding:16px 0}html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav>li>a{padding:13px 14px}html.tni-shell #header.tni-native-navigation .dropdown-menu{max-width:100%;width:100%;box-shadow:none;margin:4px 0 8px;padding:5px;border-radius:10px}html.tni-shell #header.tni-native-navigation #mainNavbar>.navbar-nav.ml-auto{padding-top:8px;border-top:1px solid var(--shell-line);margin-top:8px}html.tni-shell #header.tni-native-navigation .topbar>.container>.d-flex{flex-wrap:wrap;gap:2px}html.tni-shell #header.tni-native-navigation .active-client .btn-active-client span{max-width:180px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){html.tni-shell #header.tni-native-navigation #mainNavbar a{transition:none}}

html.tni-shell #header.tni-native-navigation{display:block;background:var(--shell-card)}
html.tni-shell #header.tni-native-navigation .navbar-nav{margin-top:0;margin-bottom:0}
@media(min-width:1200px){html.tni-shell #header.tni-native-navigation #Primary_Navbar-Store>.dropdown-menu{width:350px}}
/* Nexus measures a 30px desktop nav row before moving overflow into More. */
@media(min-width:1200px){html.tni-shell #header.tni-native-navigation #nav{flex-wrap:wrap;align-items:center}html.tni-shell #header.tni-native-navigation #mainNavbar #nav>li>a{min-height:28px;padding:6px 12px;line-height:16px}html.tni-shell #header.tni-native-navigation #mainNavbar{align-items:center}}