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

   VNPT V6 - ONE MENU SYSTEM FOR HOMEPAGE + INNER PAGES

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



/* Ẩn hoàn toàn header/menu cũ trên các trang con */

body:not(.home) #top-bar,

body:not(.home) #header-wrap,

body:not(.home) #hot-wrapper,

body:not(.home) #break-wrapper-outer{

  display:none!important;

}



/* Header mới dùng chung cho bài viết, page, search, label */

.vn-inner-nav{

  position:sticky!important;

  position:-webkit-sticky!important;

  top:0!important;

  z-index:99999!important;

  width:100%!important;

  background:#fff!important;

  border-top:3px solid #123f68!important;

  border-bottom:1px solid #e3e8ed!important;

  box-shadow:0 2px 8px rgba(15,45,70,.08)!important;

  font-family:'Open Sans',Arial,sans-serif!important;

}



.vn-inner-nav-wrap{

  max-width:1170px!important;

  min-height:84px!important;

  margin:0 auto!important;

  padding:0 20px!important;

  display:grid!important;

  grid-template-columns:240px minmax(470px,1fr) 190px!important;

  align-items:center!important;

  column-gap:22px!important;

}



.vn-inner-brand{

  display:flex!important;

  flex-direction:column!important;

  align-items:flex-start!important;

  justify-content:center!important;

  text-decoration:none!important;

  min-width:0!important;

}



.vn-inner-brand-main{

  font-size:28px!important;

  line-height:1!important;

  font-weight:900!important;

  color:#075aa7!important;

  letter-spacing:.2px!important;

  white-space:nowrap!important;

}



.vn-inner-brand small{

  margin-top:5px!important;

  margin-left:23px!important;

  font-size:7px!important;

  line-height:1!important;

  font-weight:700!important;

  letter-spacing:1.1px!important;

  color:#61778b!important;

  white-space:nowrap!important;

}



.vn-inner-menu{

  height:84px!important;

  display:flex!important;

  align-items:center!important;

  justify-content:center!important;

  gap:0!important;

  min-width:0!important;

}



.vn-inner-menu a{

  position:relative!important;

  display:flex!important;

  height:84px!important;

  align-items:center!important;

  justify-content:center!important;

  padding:0 15px!important;

  color:#080808!important;

  font-size:12px!important;

  line-height:1!important;

  font-weight:800!important;

  text-decoration:none!important;

  white-space:nowrap!important;

}



.vn-inner-menu a:after{

  content:''!important;

  position:absolute!important;

  left:15px!important;

  right:15px!important;

  bottom:0!important;

  height:3px!important;

  background:#0a74d5!important;

  transform:scaleX(0)!important;

  transition:transform .2s ease!important;

}



.vn-inner-menu a:hover{

  color:#0a65b6!important;

}



.vn-inner-menu a:hover:after{

  transform:scaleX(1)!important;

}



.vn-inner-hotline{

  width:190px!important;

  height:52px!important;

  padding:7px 13px!important;

  border-radius:7px!important;

  display:flex!important;

  flex-direction:column!important;

  align-items:center!important;

  justify-content:center!important;

  justify-self:end!important;

  background:#0b73d9!important;

  color:#fff!important;

  text-decoration:none!important;

  text-align:center!important;

}



.vn-inner-hotline small{

  font-size:8px!important;

  line-height:1.1!important;

  font-weight:700!important;

  color:#fff!important;

}



.vn-inner-hotline strong{

  margin-top:3px!important;

  font-size:16px!important;

  line-height:1!important;

  color:#fff!important;

  letter-spacing:.4px!important;

}



/* Đảm bảo content bắt đầu ngay dưới menu mới */

body:not(.home) #outer-wrapper{

  margin-top:0!important;

}



/* Tablet */

@media(max-width:1050px){

  .vn-inner-nav-wrap{

    grid-template-columns:205px minmax(430px,1fr) 165px!important;

    column-gap:12px!important;

  }

  .vn-inner-brand-main{font-size:24px!important}

  .vn-inner-brand small{margin-left:17px!important}

  .vn-inner-menu a{

    padding:0 10px!important;

    font-size:11px!important;

  }

  .vn-inner-hotline{

    width:165px!important;

  }

  .vn-inner-hotline strong{

    font-size:14px!important;

  }

}



/* Mobile: logo + hotline ở hàng 1, menu cuộn ngang ở hàng 2 */

@media(max-width:800px){

  .vn-inner-nav-wrap{

    min-height:0!important;

    display:grid!important;

    grid-template-columns:1fr auto!important;

    grid-template-areas:

      'brand phone'

      'menu menu'!important;

    row-gap:0!important;

    column-gap:10px!important;

    padding-top:10px!important;

    padding-bottom:0!important;

  }



  .vn-inner-brand{

    grid-area:brand!important;

    padding-bottom:10px!important;

  }



  .vn-inner-brand-main{

    font-size:22px!important;

  }



  .vn-inner-brand small{

    margin-left:13px!important;

    font-size:6px!important;

  }



  .vn-inner-hotline{

    grid-area:phone!important;

    width:145px!important;

    height:44px!important;

    margin-bottom:10px!important;

  }



  .vn-inner-hotline small{font-size:7px!important}

  .vn-inner-hotline strong{font-size:13px!important}



  .vn-inner-menu{

    grid-area:menu!important;

    width:100%!important;

    height:42px!important;

    justify-content:flex-start!important;

    overflow-x:auto!important;

    overflow-y:hidden!important;

    -webkit-overflow-scrolling:touch!important;

    border-top:1px solid #edf0f3!important;

    scrollbar-width:none!important;

  }



  .vn-inner-menu::-webkit-scrollbar{

    display:none!important;

  }



  .vn-inner-menu a{

    height:42px!important;

    flex:0 0 auto!important;

    padding:0 13px!important;

    font-size:10px!important;

  }

}



/* Small phones */

@media(max-width:430px){

  .vn-inner-hotline{

    width:132px!important;

  }

  .vn-inner-hotline strong{

    font-size:12px!important;

  }

  .vn-inner-brand-main{

    font-size:20px!important;

  }

}