/*========================================================================

TENET SOLUTIONS FRAMEWORK

--------------------------------------------------------------------------

Project     : Tenet Solutions Website
File        : navigation.css
Author      : Tenet Solutions (Technical Partner & Solutions Architect)
Signature   : Designed & Engineered with Intent.

All Rights Reserved. Copyright 2026

========================================================================*/

.ts-navbar{

position:fixed;

top:20px;

left:0;

width:100%;

z-index:1000;

transition:.45s ease;

}

.ts-navbar .container{

background:rgba(255,255,255,.05);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.08);

border-radius:22px;

padding:0px 28px;

transition:.45s ease;

}

.ts-navbar.scrolled{

top:0;

}

.ts-navbar.scrolled .container{

border-radius:0;

background:rgba(1,13,35,.94);

border-color:transparent;

}

.ts-logo{

height:100px;

transition:.35s ease;

}

.navbar-nav{

gap:34px;

}

.navbar-nav a{

color:#fff;

font-weight:600;

position:relative;

}

.navbar-nav a::after{

content:"";

position:absolute;

bottom:-6px;

left:0;

width:0;

height:2px;

background:var(--ts-primary);

transition:.35s;

}

.navbar-nav a:hover::after{

width:100%;

}

.ts-nav-btn{

margin-left:40px;

padding:14px 28px;

border-radius:50px;

background:linear-gradient(135deg,var(--ts-primary), var(--ts-primary-dark));

color:#010d23;

font-weight:700;

transition:.35s;

}

.ts-nav-btn:hover{

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(146,215,248,.25);

}

.ts-offcanvas{

background:#010d23;

}

.ts-offcanvas .offcanvas-body{

display:flex;

flex-direction:column;

gap:25px;

padding-top:30px;

}

.ts-offcanvas a{

color:#fff;

font-size:1.15rem;

font-weight:600;

}