/* Nhonnguyen NTT Homepage Pro - Header/Menu
   Chỉ thay giao diện. Không thay cấu trúc menu hoặc URL. */

.ntt-hp-header-enabled{
    --ntt-header-green:#0b3a2c;
    --ntt-header-brand:#16822d;
    --ntt-header-gold:#dfbd63;
}

.ntt-hp-header-enabled .header-main{
    background:rgba(255,255,255,.985);
    border-bottom:1px solid rgba(11,58,44,.07);
    box-shadow:0 5px 24px rgba(8,50,36,.055);
}

.ntt-hp-header-enabled .header-wrapper.stuck .header-main,
.ntt-hp-header-enabled .stuck .header-main{
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 9px 30px rgba(8,50,36,.10);
}

.ntt-hp-header-enabled .header-top{
    min-height:32px;
    background:linear-gradient(90deg,#082e23,#104835)!important;
    border:0!important;
}

.ntt-hp-header-enabled .header-top,
.ntt-hp-header-enabled .header-top a,
.ntt-hp-header-enabled .header-top span{
    color:rgba(255,255,255,.84)!important;
    font-size:11.5px;
}

.ntt-hp-header-enabled #logo{
    padding-top:5px;
    padding-bottom:5px;
}

.ntt-hp-header-enabled #logo img{
    width:auto;
    max-height:66px;
    object-fit:contain;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.08));
    transition:transform .25s ease,max-height .25s ease;
}

.ntt-hp-header-enabled #logo a:hover img{transform:translateY(-1px)}
.ntt-hp-header-enabled .stuck #logo img{max-height:56px}

.ntt-hp-header-enabled .header-main .searchform{
    overflow:hidden;
    border-radius:12px!important;
    box-shadow:0 0 0 1px rgba(20,130,45,.19),0 5px 15px rgba(0,0,0,.025);
}

.ntt-hp-header-enabled .header-main .searchform input{
    min-height:44px;
    border:0!important;
    background:#fbfcfb;
}

.ntt-hp-header-enabled .header-nav-main.nav>li{margin:0 2px}

.ntt-hp-header-enabled .header-nav-main.nav>li>a{
    position:relative;
    min-height:52px;
    display:flex;
    align-items:center;
    padding:0 13px;
    color:#273d34!important;
    font-size:13px;
    font-weight:650;
    text-transform:none;
    transition:color .2s ease;
}

.ntt-hp-header-enabled .header-nav-main.nav>li>a:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:4px;
    width:0;
    height:3px;
    border-radius:20px;
    background:linear-gradient(90deg,var(--ntt-header-brand),var(--ntt-header-gold));
    transform:translateX(-50%);
    transition:width .24s ease;
}

.ntt-hp-header-enabled .header-nav-main.nav>li:hover>a,
.ntt-hp-header-enabled .header-nav-main.nav>li.current-menu-item>a,
.ntt-hp-header-enabled .header-nav-main.nav>li.current-menu-parent>a{
    color:var(--ntt-header-brand)!important;
}

.ntt-hp-header-enabled .header-nav-main.nav>li:hover>a:after,
.ntt-hp-header-enabled .header-nav-main.nav>li.current-menu-item>a:after,
.ntt-hp-header-enabled .header-nav-main.nav>li.current-menu-parent>a:after{
    width:34px;
}

.ntt-hp-header-enabled .nav-dropdown{
    padding:10px!important;
    border:1px solid rgba(11,58,44,.08)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(5,43,30,.14)!important;
}

.ntt-hp-header-enabled .nav-dropdown>li>a{
    padding:10px 13px!important;
    border-radius:8px;
    color:#354a41!important;
    font-size:13px;
    transition:background .2s ease,color .2s ease,padding-left .2s ease;
}

.ntt-hp-header-enabled .nav-dropdown>li>a:hover{
    padding-left:17px!important;
    color:var(--ntt-header-brand)!important;
    background:rgba(22,130,45,.07);
}

.ntt-hp-header-enabled .mobile-sidebar,
.ntt-hp-header-enabled .off-canvas .sidebar-menu,
.ntt-hp-header-enabled .off-canvas-left .mfp-content,
.ntt-hp-header-enabled .off-canvas-right .mfp-content{
    background:radial-gradient(circle at 100% 0%,rgba(223,189,99,.10),transparent 35%),#0a382a!important;
}

.ntt-hp-header-enabled .mobile-sidebar .nav-sidebar{
    padding:18px 16px 35px;
}

.ntt-hp-header-enabled .mobile-sidebar .nav-sidebar>li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ntt-hp-header-enabled .mobile-sidebar .nav-sidebar>li>a{
    padding:13px 8px;
    color:#fff!important;
    font-size:14px;
    font-weight:600;
    text-transform:none;
}

.ntt-hp-header-enabled .mobile-sidebar .nav-sidebar>li>a:hover,
.ntt-hp-header-enabled .mobile-sidebar .nav-sidebar>li.current-menu-item>a{
    color:#efd485!important;
}

.ntt-hp-header-enabled .mobile-sidebar .sub-menu a{
    color:rgba(255,255,255,.72)!important;
    font-size:13px;
}

.ntt-hp-header-enabled .mobile-sidebar .sub-menu a:hover{
    color:#efd485!important;
}

@media(max-width:849px){
    .ntt-hp-header-enabled .header-main{min-height:64px}
    .ntt-hp-header-enabled #logo img{max-height:54px}
}