/* =====================================================
   NTT Header
===================================================== */

.ntt-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    border-bottom:1px solid #ececec;
    box-shadow:0 2px 12px rgba(0,0,0,.05);
}

.ntt-header__container{

    max-width:1280px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:20px;

    min-height:74px;

    padding:0 20px;

}

/* =====================================================
   Logo
===================================================== */

.ntt-header__logo{

    flex:0 0 auto;

}

.ntt-logo{

    display:block;

    max-height:54px;

    width:auto;

}

/* =====================================================
   Category Button
===================================================== */

.ntt-category-toggle{

    display:flex;

    align-items:center;

    gap:12px;

    border:none;

    background:#0A7C3D;

    color:#fff;

    border-radius:10px;

    cursor:pointer;

    padding:14px 18px;

    font-weight:700;

    transition:.25s;

}

.ntt-category-toggle:hover{

    background:#086632;

}

.ntt-category-toggle span{

    display:block;

    width:22px;

    height:2px;

    background:#fff;

    border-radius:3px;

}

.ntt-category-toggle span+span{

    margin-top:4px;

}

/* =====================================================
   Search
===================================================== */

.ntt-header-search{

    flex:1;

}

.ntt-header-search form{

    display:flex;

}

.ntt-header-search input[type="search"]{

    width:100%;

    height:48px;

    border:2px solid #0A7C3D;

    border-right:none;

    border-radius:10px 0 0 10px;

    padding:0 18px;

    outline:none;

    font-size:15px;

}

.ntt-header-search button{

    width:60px;

    border:none;

    background:#0A7C3D;

    color:#fff;

    border-radius:0 10px 10px 0;

    cursor:pointer;

}

/* =====================================================
   Right
===================================================== */

.ntt-header-right{

    display:flex;

    align-items:center;

    gap:24px;

}

.ntt-account,

.ntt-cart{

    position:relative;

    color:#222;

    text-decoration:none;

    font-weight:600;

}

.ntt-account:hover,

.ntt-cart:hover{

    color:#0A7C3D;

}

.ntt-cart .count{

    position:absolute;

    right:-10px;

    top:-10px;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#e53935;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:12px;

    font-weight:700;

}

/* =====================================================
   Mobile
===================================================== */

@media(max-width:1024px){

    .ntt-header__container{

        flex-wrap:wrap;

        padding:12px;

    }

    .ntt-header-search{

        order:10;

        width:100%;

    }

}

@media(max-width:768px){

    .ntt-header-right{

        gap:12px;

    }

    .ntt-category-toggle strong{

        display:none;

    }

    .ntt-header-search input[type="search"]{

        height:44px;

    }

}
/* =====================================================
   FLATSOME NATIVE HEADER - Menu gọn & nổi bật hơn
===================================================== */
#Header .nav > li > a,
.header-nav-main .nav > li > a,
.header-nav .nav > li > a{
	font-weight:700 !important;
	font-size:13px !important;
	letter-spacing:.3px;
	text-transform:uppercase;
	padding:8px 12px !important;
	color:#1b1b1b !important;
	transition:color .2s;
}

#Header .nav > li > a:hover,
.header-nav-main .nav > li > a:hover,
.header-nav .nav > li > a:hover{
	color:#0A7C3D !important;
}

#Header .nav > li.current-menu-item > a,
.header-nav-main .nav > li.current-menu-item > a{
	color:#0A7C3D !important;
	border-bottom:2px solid #0A7C3D;
}

/* Thu gọn chiều cao vùng menu */
#Header .header-nav-main,
.header-nav-main{
	min-height:auto !important;
}

#Header .nav{
	gap:2px;
}

/* Top bar (dòng trên cùng) gọn hơn */
#Top_bar .top-bar-nav > li > a{
	font-size:12px !important;
	padding:6px 10px !important;
}

/* =====================================================
   Ép Main Menu giữ nguyên 1 hàng, không xuống dòng
===================================================== */
#Header .nav,
.header-nav-main .nav,
.header-nav .nav{
	flex-wrap:nowrap !important;
	white-space:nowrap;
}

#Header .nav > li,
.header-nav-main .nav > li,
.header-nav .nav > li{
	flex-shrink:0;
}

#Header .nav > li > a,
.header-nav-main .nav > li > a,
.header-nav .nav > li > a{
	padding:8px 9px !important;
	font-size:12.5px !important;
}

/* Thu nhỏ logo 1 chút để nhường chỗ cho menu */
#Header .logo img,
.header-logo img{
	max-height:42px !important;
}

@media(max-width:1300px){
	#Header .nav > li > a,
	.header-nav-main .nav > li > a,
	.header-nav .nav > li > a{
		padding:8px 7px !important;
		font-size:12px !important;
	}
}

/* =====================================================
   FIX CHÍNH XÁC - class thật: ul.header-nav-main (không lồng .nav bên trong)
===================================================== */
ul.header-nav-main > li > a,
ul.header-nav-main a.nav-top-link{
	padding:6px 6px !important;
	font-size:11px !important;
	font-weight:700 !important;
	letter-spacing:.1px;
}