/* SaoViettravel modern navigation v1.1 – clean header, no legacy menu CSS */
:root{
  --svt-nav-blue:#0068b3;
  --svt-nav-blue-dark:#005591;
  --svt-nav-ink:#17202a;
  --svt-nav-muted:#667085;
  --svt-nav-border:#e7edf3;
  --svt-nav-soft:#f6f9fc;
  --svt-nav-orange:#ff8c00;
}

.main-header{position:relative;z-index:1000}
.main-header .navbar{min-height:68px;margin:0;border:0;background:var(--svt-nav-blue);box-shadow:0 4px 14px rgba(0,66,120,.10)}
.main-header .navbar>.container{display:flex;align-items:center;min-height:68px}
.main-header .navbar-header{display:flex;align-items:center;flex:0 0 auto;min-height:68px}
#header-logo{padding:0!important;margin-right:22px}
#header-logo a{display:flex;align-items:center;height:68px}
#header-logo .site-logo{display:block;width:auto;max-width:220px;height:auto;max-height:50px}

.svt-modern-nav{flex:1;min-width:0}
.svt-modern-nav .menuTop{margin:0!important;width:100%}
.svt-modern-nav .svt-nav-list{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:0;padding:0;list-style:none}
.svt-modern-nav .svt-nav-list>li{margin:0!important;padding:0!important;position:relative}
.svt-modern-nav .svt-nav-list>li.nopos{position:static}
.svt-modern-nav .svt-nav-link{display:flex!important;align-items:center;gap:5px;height:68px;margin:0!important;padding:0 15px!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;font-weight:650;text-decoration:none!important;white-space:nowrap;border-radius:0;transition:background .18s ease,color .18s ease}
.svt-modern-nav .svt-nav-link:hover,.svt-modern-nav .svt-nav-link:focus{background:rgba(255,255,255,.09);color:#fff!important;outline:0}
.svt-nav-chevron{width:16px;height:16px;transition:transform .18s ease}
.svt-nav-hotline{margin-left:16px!important;padding-left:18px!important;border-left:1px solid rgba(255,255,255,.20)}
.svt-nav-hotline>a{display:flex!important;flex-direction:column;justify-content:center;height:68px;color:#fff!important;text-decoration:none!important;white-space:nowrap}
.svt-nav-hotline__row{display:flex;align-items:center;gap:7px;color:var(--svt-nav-orange)}
.svt-nav-hotline__row svg{width:20px;height:20px;flex:0 0 auto}
.svt-nav-hotline__row strong{font-size:20px;line-height:1;font-weight:800;letter-spacing:.01em}
.svt-nav-hotline small{display:block;margin-top:4px;padding-left:27px;color:#fff;font-size:10px;line-height:1.1;font-weight:600}
.svt-nav-hotline>a:hover .svt-nav-hotline__row{filter:brightness(1.08)}
.svt-nav-mega:hover .svt-nav-chevron,.svt-nav-mega.is-open .svt-nav-chevron{transform:rotate(180deg)}

/* Mega menu */
.svt-modern-nav .svt-mega-menu{position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;right:auto!important;transform:translateX(-50%) translateY(8px);display:block!important;width:min(1110px,calc(100vw - 36px))!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden;background:#fff;border:1px solid rgba(20,74,112,.10);border-radius:12px!important;box-shadow:0 18px 48px rgba(20,50,75,.16)!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:1100!important}
.svt-nav-mega:hover>.svt-mega-menu,.svt-nav-mega.is-open>.svt-mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.svt-mega-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--svt-nav-border);background:#fff}
.svt-mega-head>div{display:flex;flex-direction:column;gap:3px}
.svt-mega-eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--svt-nav-blue)}
.svt-mega-head strong{font-size:18px;line-height:1.25;color:var(--svt-nav-ink);font-weight:700}
.svt-mega-all{font-size:13px;font-weight:700;color:var(--svt-nav-blue)!important;text-decoration:none!important}
.svt-mega-all:hover{text-decoration:underline!important}
.svt-mega-grid{display:grid!important;grid-template-columns:220px minmax(0,1fr);align-items:stretch!important}
.svt-modern-nav .svt-mega-tabs{width:auto!important;background:var(--svt-nav-soft);border-right:1px solid var(--svt-nav-border)}
.svt-mega-tabs .menuNa ul{display:block!important;margin:0!important;padding:12px!important}
.svt-mega-tabs .menuNa li{margin:0 0 6px!important;padding:0!important;list-style:none!important}
.svt-mega-tabs .menuNa li:last-child{margin-bottom:0!important}
.svt-mega-tabs .menuNa button{width:100%;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;padding:12px 10px;border:0;border-radius:9px;background:transparent;color:var(--svt-nav-ink);text-align:left;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.svt-mega-tabs .menuNa button:hover,.svt-mega-tabs .menuNa li.active button{background:#fff;box-shadow:0 2px 10px rgba(31,75,108,.07)}
.svt-mega-tabs .menuNa button>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.svt-mega-tabs .menuNa button strong{font-size:14px;font-weight:700}
.svt-mega-tabs .menuNa button small{font-size:11px;color:var(--svt-nav-muted);font-weight:400}
.svt-mega-tabs .menuNa button svg{width:17px;height:17px;color:#98a2b3}
.svt-tab-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf4fb;color:var(--svt-nav-blue);font-size:11px;font-weight:800;letter-spacing:.02em}
.svt-mega-content{width:auto!important;min-width:0;background:#fff}
.svt-modern-nav .menuFo{display:none!important;height:auto!important;width:auto!important}
.svt-modern-nav .menuFo.active{display:block!important}
.svt-modern-nav .menuFo[hidden]{display:none!important}
.svt-modern-nav .menuFo>.wrap{padding:20px 22px 14px!important;border:0!important}
.svt-modern-nav .svt-destination-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0!important;padding:0!important;align-items:start!important}
.svt-modern-nav .svt-destination-grid--international{grid-template-columns:1fr 1fr 1.15fr;gap:0}
.svt-modern-nav .svt-destination-column{width:auto!important;padding:0 18px!important;margin:0!important;border:0!important;border-right:1px solid var(--svt-nav-border)!important;list-style:none!important;min-height:188px}
.svt-modern-nav .svt-destination-column:first-child{padding-left:0!important}
.svt-modern-nav .svt-destination-column:last-child{border-right:0!important;padding-right:0!important}
.svt-modern-nav .svt-destination-title{display:block!important;margin:0 0 8px!important;padding:0!important;color:var(--svt-nav-ink)!important;font-size:14px!important;line-height:1.35!important;font-weight:750!important;text-decoration:none!important}
.svt-modern-nav a.svt-destination-title:hover{color:var(--svt-nav-blue)!important}
.svt-destination-title--text{cursor:default}
.svt-modern-nav .svt-destination-column>ul{display:block!important;margin:0!important;padding:0!important}
.svt-modern-nav .svt-destination-column>ul>li{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;list-style:none!important}
.svt-modern-nav .svt-destination-column>ul>li>a{display:block!important;margin:0!important;padding:5px 0!important;color:#4b5563!important;font-size:13px!important;line-height:1.3!important;font-weight:450!important;text-decoration:none!important;transition:color .15s ease,transform .15s ease}
.svt-modern-nav .svt-destination-column>ul>li>a:hover{color:var(--svt-nav-blue)!important;transform:translateX(2px)}
.svt-destination-feature{padding:14px 16px!important;background:linear-gradient(135deg,#f4f9fd,#edf6fc);border-radius:10px!important;min-height:178px!important}
.svt-feature-kicker{display:block;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--svt-nav-orange)}
.svt-destination-feature strong{display:block;margin-bottom:7px;font-size:18px;color:var(--svt-nav-blue-dark)}
.svt-destination-feature p{margin:0 0 14px;font-size:12px;line-height:1.5;color:#667085}
.svt-destination-feature>a{display:inline-flex;align-items:center;gap:6px;color:var(--svt-nav-blue)!important;font-size:12px;font-weight:750;text-decoration:none!important}
.svt-modern-nav .linkAllMenu{border-top:1px solid var(--svt-nav-border);background:#fbfcfe}
.svt-modern-nav .linkAllMenu a{display:flex!important;align-items:center;justify-content:flex-end;gap:7px;padding:12px 22px!important;color:var(--svt-nav-blue)!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}
.svt-modern-nav .linkAllMenu a:hover{background:#f5f9fc!important;color:var(--svt-nav-blue-dark)!important}


/* Mobile off-canvas drawer + accordion + quick actions */
.navbar-toggle{margin:0 0 0 auto!important;padding:9px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
.navbar-toggle:hover,.navbar-toggle:focus{background:rgba(255,255,255,.16)!important}
.navbar-toggle svg{display:block}

.svt-mobile-backdrop{position:fixed;inset:0;z-index:1998;background:rgba(8,23,38,.48);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.svt-mobile-backdrop.is-open{opacity:1;visibility:visible}
.svt-mobile-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1999;width:min(88vw,390px);background:#fff;box-shadow:-18px 0 45px rgba(9,38,64,.22);transform:translateX(102%);transition:transform .24s ease;display:flex;flex-direction:column;overflow:hidden}
.svt-mobile-drawer.is-open{transform:translateX(0)}
body.svt-mobile-nav-open{overflow:hidden;touch-action:none}

.svt-mobile-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:8px 14px 8px 16px;border-bottom:1px solid var(--svt-nav-border);background:var(--svt-nav-blue)}
.svt-mobile-drawer__brand{display:flex;align-items:center;min-width:0}
.svt-mobile-drawer__brand img{display:block;width:auto;max-width:178px;height:auto;max-height:42px}
.svt-mobile-drawer__close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.svt-mobile-drawer__close svg{width:22px;height:22px}

.svt-mobile-drawer__intro{display:flex;flex-direction:column;gap:2px;padding:15px 18px 12px;background:#f8fbfd;border-bottom:1px solid var(--svt-nav-border)}
.svt-mobile-drawer__intro strong{font-size:16px;line-height:1.25;color:var(--svt-nav-ink)}
.svt-mobile-drawer__intro span{font-size:12px;color:var(--svt-nav-muted)}

.svt-mobile-drawer__nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 14px}
.svt-mnav-item{border-bottom:1px solid #eef2f5}
.svt-mnav-item>a,.svt-mnav-row>a{display:flex;align-items:center;min-height:50px;padding:12px 18px;color:#203040!important;background:#fff;text-decoration:none!important;font-size:14px;font-weight:650;line-height:1.35}
.svt-mnav-item>a:hover,.svt-mnav-row>a:hover{color:var(--svt-nav-blue)!important;background:#f8fbfd}
.svt-mnav-item--feature>a{color:var(--svt-nav-blue)!important;justify-content:space-between}
.svt-mnav-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#fff0d9;color:#c76b00;font-size:10px;font-weight:800;text-transform:uppercase}
.svt-mnav-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:stretch;background:#fff}
.svt-mnav-row>a{min-width:0;padding-right:6px}
.svt-mnav-toggle{display:grid;place-items:center;width:52px;min-height:50px;padding:0;border:0;border-left:1px solid #eef2f5;background:#fff;color:#536273}
.svt-mnav-toggle:hover,.svt-mnav-toggle:focus{background:#f6f9fc;color:var(--svt-nav-blue);outline:0}
.svt-mnav-toggle svg{width:18px;height:18px;transition:transform .18s ease}
.svt-mnav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}

.svt-mnav-panel{background:#f7fafc;border-top:1px solid #eef2f5;padding:5px 0}
.svt-mnav-panel[hidden]{display:none!important}
.svt-mnav-panel>a{display:block;padding:10px 22px 10px 30px;color:#465665!important;font-size:13px;font-weight:550;line-height:1.35;text-decoration:none!important}
.svt-mnav-panel>a:hover{color:var(--svt-nav-blue)!important;background:#f0f6fa}
.svt-mnav-row--sub{grid-template-columns:minmax(0,1fr) 48px;background:#f7fafc}
.svt-mnav-row--sub>a{min-height:44px;padding:10px 22px 10px 30px;background:#f7fafc;font-size:13px;font-weight:700;color:#304252!important}
.svt-mnav-row--sub .svt-mnav-toggle{width:48px;min-height:44px;background:#f7fafc}
.svt-mnav-panel--nested{padding:2px 0 7px;background:#f1f6fa;border-top:0}
.svt-mnav-panel--nested>a{padding:8px 24px 8px 44px;font-size:12.5px;color:#526372!important}
.svt-mnav-view-all{color:var(--svt-nav-blue)!important;font-weight:750!important}

.svt-mobile-drawer__support{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:13px 18px 16px;border-top:1px solid var(--svt-nav-border);background:#f8fbfd}
.svt-mobile-drawer__support span{font-size:12px;color:var(--svt-nav-muted)}
.svt-mobile-drawer__support a{grid-row:1 / span 2;grid-column:2;color:var(--svt-nav-blue)!important;font-size:17px;font-weight:800;text-decoration:none!important}
.svt-mobile-drawer__support small{font-size:11px;color:#98a2b3}

.svt-mobile-actionbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1490;height:58px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e4eaf0;box-shadow:0 -6px 20px rgba(20,50,75,.10)}
.svt-mobile-actionbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;color:#425466!important;text-decoration:none!important;font-size:11px;font-weight:700}
.svt-mobile-actionbar__item svg{width:20px;height:20px}
.svt-mobile-actionbar__zalo{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#0877ff;color:#fff;font-size:9px;font-weight:800;line-height:1}
.svt-mobile-actionbar__item--primary{background:var(--svt-nav-blue);color:#fff!important}

/* Desktop safety */
@media (min-width:992px){
  .main-header .navbar-toggle,.svt-mobile-drawer,.svt-mobile-backdrop,.svt-mobile-actionbar{display:none!important}
  .main-header .svt-modern-nav{display:block!important}
}

@media (max-width:1199px) and (min-width:992px){
  #header-logo{margin-right:12px}
  #header-logo .site-logo{max-width:190px}
  .svt-modern-nav .svt-nav-link{padding:0 9px!important;font-size:14px!important}
  .svt-nav-hotline{margin-left:8px!important;padding-left:10px!important}
  .svt-nav-hotline__row strong{font-size:17px}
  .svt-nav-hotline small{font-size:9px;padding-left:24px}
}

@media (max-width:991px){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .main-header .navbar>.container{display:block;min-height:60px;padding-left:15px;padding-right:15px}
  .main-header .navbar-header{min-height:60px;display:flex;align-items:center;justify-content:space-between;float:none!important;margin:0!important}
  #header-logo{margin-right:0}
  #header-logo a{height:60px}
  #header-logo .site-logo{max-width:190px;max-height:44px}
  .navbar-toggle{display:block!important}
  .svt-modern-nav{display:none!important}
  .svt-mobile-actionbar{display:flex}
}

@media (max-width:480px){
  #header-logo .site-logo{max-width:168px}
  .svt-mobile-drawer{width:91vw}
  .svt-mobile-drawer__support{grid-template-columns:1fr}
  .svt-mobile-drawer__support a{grid-row:auto;grid-column:auto;margin-top:3px}
}

@media (prefers-reduced-motion:reduce){
  .svt-modern-nav *,.svt-mobile-drawer,.svt-mobile-backdrop,.svt-mobile-drawer *{transition:none!important}
}