/* Shared navigation and footer; scoped to avoid altering inherited WHMCS forms. */
html.tni-shell {--shell-page:#fafbfc;--shell-card:#fff;--shell-surface:#f3f6fa;--shell-ink:#10152e;--shell-muted:#586781;--shell-line:#e4eaf2;--shell-accent:#0066ff;--shell-soft:#eaf2ff;--shell-button:#fff;}
html.tni-shell[data-theme=dark] {--shell-page:#0b1018;--shell-card:#121b28;--shell-surface:#0e1520;--shell-ink:#f2f6ff;--shell-muted:#a0aec3;--shell-line:#283448;--shell-accent:#73adff;--shell-soft:#193052;--shell-button:#091323;}
.tni-wrap {width:min(1200px,calc(100% - 64px));margin-inline:auto;}
.tni-site-header,.tni-site-footer {font-family:Arial,Helvetica,sans-serif;color:var(--shell-ink);background:var(--shell-card);font-size:14px;line-height:1.5;}
.tni-site-header *, .tni-site-footer * {box-sizing:border-box;}
.tni-site-header {position:sticky;top:0;z-index:1030;border-bottom:1px solid var(--shell-line);}
.tni-navigation {min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.tni-wordmark {display:inline-flex;font:800 40px/1 Arial,Helvetica,sans-serif;letter-spacing:-2px;text-decoration:none!important;}
.tni-wordmark span:nth-child(1){color:#0674ff}.tni-wordmark span:nth-child(2){color:#ffa800}.tni-wordmark span:nth-child(3){color:#fa2633}
.tni-navigation-links {display:flex;gap:34px;margin-inline:auto;}
.tni-navigation-links details {position:relative;}
.tni-navigation-links summary {list-style:none;cursor:pointer;font-size:13px;font-weight:600;padding:17px 0;color:var(--shell-ink);}
.tni-navigation-links summary::after {content:'⌄';padding-left:7px;font-size:12px;}
.tni-navigation-links summary::-webkit-details-marker {display:none;}
.tni-menu {position:absolute;top:100%;left:-16px;min-width:270px;max-width:calc(100vw - 28px);padding:10px;background:var(--shell-card);border:1px solid var(--shell-line);border-radius:8px;box-shadow:0 12px 30px #10152e1a;}
.tni-menu a {display:block;padding:10px;color:var(--shell-ink)!important;font-size:13px;border-radius:4px;text-decoration:none!important;line-height:1.5;white-space:normal;}
.tni-menu a:hover {background:var(--shell-soft);}
.tni-nav-actions {display:flex;align-items:center;gap:22px;}
#tni-header #theme-toggle {display:flex;align-items:center;gap:9px;height:28px;padding:3px 8px;background:var(--shell-surface);border:1px solid var(--shell-line);border-radius:20px;color:var(--shell-muted);font-size:15px;cursor:pointer;}
#tni-header #theme-toggle span {font-size:13px;}
.tni-cart-link {position:relative;display:inline-flex;align-items:center;color:var(--shell-accent)!important;}
.tni-cart-link svg {width:23px;height:23px;display:block;}
.tni-cart-count {position:absolute;top:-9px;right:-10px;min-width:16px;padding:1px 4px;background:var(--shell-soft);border-radius:12px;font-size:10px;font-weight:700;text-align:center;line-height:1.4;}
#tni-header .tni-button {display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 24px;border:1px solid var(--shell-accent);border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;color:var(--shell-button);background:var(--shell-accent);text-decoration:none;}
#tni-header .tni-button:hover {filter:brightness(.95);}
.tni-site-footer {border-top:1px solid var(--shell-line);padding-top:28px;}
.tni-footer-grid {display:grid;grid-template-columns:1.4fr 1.5fr 1fr 1fr 1fr;gap:30px;}
.tni-footer-grid h3 {font:700 13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--shell-ink);margin:0 0 10px;}
.tni-footer-grid p,.tni-footer-grid a:not(.tni-wordmark) {display:block;font-size:11px;color:var(--shell-muted);line-height:1.7;text-decoration:none;}
.tni-footer-grid p {margin:10px 0;}
.tni-footer-grid a:not(.tni-wordmark):hover {color:var(--shell-accent);text-decoration:underline;}
.tni-footer-bottom {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-block:18px;border-top:1px solid var(--shell-line);color:var(--shell-muted);}
.tni-footer-bottom small {font-size:11px;}
.tni-preferences {display:flex;align-items:flex-end;gap:8px;margin:0;}
.tni-preferences label {margin:0;font-weight:400;font-size:10px;color:var(--shell-muted);}
.tni-preferences label>span {display:block;margin-bottom:3px;}
.tni-preferences select,.tni-preferences button {max-width:150px;height:32px;padding:5px 8px;border:1px solid var(--shell-line);border-radius:5px;background:var(--shell-surface);color:var(--shell-ink);font:11px Arial,Helvetica,sans-serif;}
.tni-preferences button {cursor:pointer;color:var(--shell-accent);background:var(--shell-card);}
.tni-skip:not(:focus) {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.tni-skip:focus {position:fixed;top:4px;left:4px;z-index:1100;padding:12px;background:var(--shell-card);color:var(--shell-accent);}
#tni-header a:focus-visible,#tni-header button:focus-visible,#tni-header summary:focus-visible,#tni-footer a:focus-visible,#tni-footer button:focus-visible,#tni-footer select:focus-visible {outline:3px solid var(--shell-accent);outline-offset:3px;}
/* Every page uses the full native Nexus header and navigation. */
html.tni-shell #header .navbar,html.tni-shell #header .topbar{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-shell #header .navbar-nav>li>a,html.tni-shell #header .toolbar .nav-link{color:var(--shell-ink)}
html.tni-shell #header .navbar-nav>li>a:hover,html.tni-shell #header .navbar-nav>li>a:focus,html.tni-shell #header .navbar-nav>li.show>a{color:var(--shell-accent);background:var(--shell-soft)}
html.tni-shell #header .dropdown-menu{background:var(--shell-card);border-color:var(--shell-line)}
html.tni-shell #header .dropdown-item{color:var(--shell-ink)}
html.tni-shell #header .dropdown-item:hover{background:var(--shell-soft)}
html.tni-shell #header .form-control,html.tni-shell #header .input-group .btn{background:var(--shell-surface);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-shell #header .form-control::placeholder{color:var(--shell-muted);opacity:1}
html.tni-shell #header .tni-theme-toggle{display:flex;align-items:center;align-self:center;gap:6px;margin-right:16px;padding:5px 9px;border:1px solid var(--shell-line);border-radius:20px;background:var(--shell-surface);color:var(--shell-muted);font:13px Arial,Helvetica,sans-serif}
body.tni-home>.master-breadcrumb{display:none}
body.tni-home #main-body{padding:0}
body.tni-home #main-body>.container{width:100%;max-width:none;padding:0}
body.tni-home #main-body>.container>.row{margin:0}
body.tni-home #main-body>.container>.row>.primary-content{width:100%;max-width:none;flex:0 0 100%;padding:0;margin:0}
body.tni-home #header{font-size:16px;line-height:1.5}
body.tni-home #header a{letter-spacing:normal}
body.tni-home #header .navbar-brand{margin-right:16px}
html.tni-shell #footer {display:none;}
html.tni-shell .master-breadcrumb {background:var(--shell-surface);color:var(--shell-muted);}
@media(max-width:1050px){.tni-wrap{width:calc(100% - 40px)}.tni-footer-grid{gap:20px}.tni-nav-actions{gap:16px}.tni-navigation-links{gap:24px}}
@media(max-width:780px){.tni-navigation{gap:16px}.tni-wordmark{font-size:34px}.tni-navigation-links{gap:18px}.tni-navigation-links summary{font-size:12px}.tni-nav-actions{gap:14px}#tni-header .tni-login{padding:8px 14px}.tni-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tni-footer-grid>div:first-child{grid-column:1/-1}.tni-footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){.tni-wrap{width:calc(100% - 28px)}.tni-navigation{flex-wrap:wrap;min-height:62px;padding-block:10px 6px;gap:4px 12px}.tni-navigation-links{order:3;flex-basis:100%;justify-content:space-between;margin:0;gap:12px}.tni-navigation-links summary{padding:8px 0}.tni-nav-actions{margin-left:auto}.tni-menu{left:0;min-width:250px}.tni-navigation-links details:nth-child(2) .tni-menu{left:50%;transform:translateX(-50%)}.tni-navigation-links details:last-child .tni-menu{left:auto;right:0}.tni-footer-grid{gap:24px 16px}.tni-footer-bottom{align-items:flex-start;flex-direction:column}.tni-preferences{flex-wrap:wrap}}
/* Header search is omitted from both native responsive header variants. */
html.tni-shell #header>.navbar-light>.container>form.form-inline,
html.tni-shell #header #mainNavbar>form.d-xl-none{display:none!important}
html.tni-shell #header .toolbar{margin-left:auto}
html.tni-shell #header .tni-language-item{position:relative;flex-shrink:0}
html.tni-shell #header .tni-language-switch{position:relative}
html.tni-shell #header .tni-language-switch>summary{display:flex;align-items:center;justify-content:center;width:38px;height:32px;margin:0;padding:0;list-style:none;cursor:pointer;border:1px solid var(--shell-line);border-radius:8px;background:var(--shell-surface)}
html.tni-shell #header .tni-language-switch>summary::-webkit-details-marker{display:none}
html.tni-shell #header .tni-language-switch>summary::after{display:none}
html.tni-shell #header .tni-language-switch img{display:block;width:24px;height:16px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #00000012}
html.tni-shell #header .tni-language-options{position:absolute;z-index:1050;top:calc(100% + 10px);left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;border:1px solid var(--shell-line);border-radius:10px;background:var(--shell-card);box-shadow:0 8px 24px #0000001a}
html.tni-shell #header .tni-language-options>a{display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent}
html.tni-shell #header .tni-language-options>a[aria-current=true],html.tni-shell #header .tni-language-options>a:hover{border-color:var(--shell-accent);background:var(--shell-soft)}
html.tni-shell #header .tni-language-switch :is(summary,a):focus-visible{outline:2px solid var(--shell-accent);outline-offset:2px}
@media(max-width:480px){html.tni-shell #header .tni-language-switch>summary{width:30px;height:32px}html.tni-shell #header .tni-language-switch img{width:22px;height:15px}}

#tni-header .tni-account-toggle{display:none;background:var(--shell-surface);border:1px solid var(--shell-line);border-radius:5px;color:var(--shell-ink);padding:5px 9px;font-size:18px}
@media(max-width:1199px){#tni-header .tni-account-toggle{display:block}}
