/*======================================================================
MF-13

NAVIGATION FOUNDATION
Version : 3.0

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

.ms-nav{

display:flex;

align-items:center;

justify-content:space-between;

width:100%;

min-height:64px;

position:relative;

z-index:100;

}

.ms-nav-inline{

display:flex;

align-items:center;

gap:var(--ms-space-8);

}

.ms-nav-group{

display:flex;

align-items:center;

gap:var(--ms-space-6);

}


.ms-nav-link{

display:inline-flex;

align-items:center;

justify-content:center;

min-height:44px;

padding-inline:var(--ms-space-3);

text-decoration:none;

color:inherit;

cursor:pointer;

transition:color .25s ease;

}

.ms-nav-link:hover{

color:var(--ms-gold);

}

.ms-nav-link-active{

color:var(--ms-gold);

font-weight:600;

}


.ms-nav-brand{

display:inline-flex;

align-items:center;

justify-content:center;

flex-shrink:0;

text-decoration:none;

}

.ms-nav-logo{

display:block;

height:auto;

max-height:48px;

width:auto;

}


.ms-nav-menu{

display:flex;

align-items:center;

gap:var(--ms-space-6);

list-style:none;

margin:0;

padding:0;

}

.ms-nav-menu>li{

position:relative;

display:flex;

align-items:center;

}


.ms-nav-dropdown{

position:absolute;

top:100%;

left:0;

display:none;

min-width:220px;

padding:var(--ms-space-2) 0;

background:var(--ms-surface);

border:1px solid var(--ms-border);

border-radius:var(--ms-radius-md);

box-shadow:var(--ms-shadow-lg);

z-index:200;

}

.ms-nav-menu>li:hover>.ms-nav-dropdown{

display:block;

}

.ms-nav-dropdown a{

display:flex;

align-items:center;

padding:12px 18px;

text-decoration:none;

color:inherit;

transition:background .25s ease,color .25s ease;

}

.ms-nav-dropdown a:hover{

background:rgba(197,165,114,.08);

color:var(--ms-gold);

}


.ms-nav-actions{

display:flex;

align-items:center;

gap:var(--ms-space-4);

margin-left:auto;

}

.ms-nav-icon{

display:inline-flex;

align-items:center;

justify-content:center;

width:44px;

height:44px;

cursor:pointer;

border-radius:50%;

transition:background .25s ease,color .25s ease;

}

.ms-nav-icon:hover{

background:rgba(197,165,114,.08);

color:var(--ms-gold);

}


.ms-nav-toggle{

display:none;

align-items:center;

justify-content:center;

width:44px;

height:44px;

cursor:pointer;

border:0;

background:transparent;

color:inherit;

}

.ms-nav-mobile{

display:none;

flex-direction:column;

width:100%;

gap:var(--ms-space-2);

padding-top:var(--ms-space-6);

}

.ms-nav-mobile .ms-nav-link{

justify-content:flex-start;

width:100%;

padding-inline:0;

}


@media (max-width:1024px){

.ms-nav-menu{

display:none;

}

.ms-nav-toggle{

display:inline-flex;

}

.ms-nav-mobile.is-open{

display:flex;

}

.ms-nav-actions{

margin-left:0;

}

}