/* ==========================================================
   Sangyan AI Technologies Ltd.
   File    : navigation.css
   Module  : SHR-001
   Version : 1.0
========================================================== */

/* ----------------------------------------------------------
   Hero Navigation
---------------------------------------------------------- */

.hero-navigation{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:18px;

    flex-wrap:nowrap;
}

/* Navigation Links */

.hero-navigation a{

    text-decoration:none;

    transition:var(--transition-fast);
}

/* Active Button */

.hero-navigation .active{

    pointer-events:none;

    opacity:.85;
}

/* Hover Animation */

.hero-navigation .btn{

    position:relative;

    overflow:hidden;
}

.hero-navigation .btn:hover{

    transform:translateY(-2px);

    box-shadow:var(--shadow-md);
}

/* Keyboard Accessibility */

.hero-navigation a:focus{

    outline:3px solid rgba(11,95,255,.20);

    outline-offset:4px;
}

/* ----------------------------------------------------------
   Responsive Navigation
---------------------------------------------------------- */

@media (max-width:992px){

.hero-navigation{

    gap:14px;
}

}

@media (max-width:768px){

.hero-navigation{

    gap:10px;
}

}

@media (max-width:576px){

.hero-navigation{

    gap:8px;
}

.hero-navigation .btn{

    min-width:130px;
}

}