/* Navigation skin only: Lagom owns URLs, dropdowns, active state and mobile toggles. */
.app-nav.varesh-nav-v3:not(.app-nav-only-logo){background:#fff!important;border-bottom:1px solid #e7edf5!important;box-shadow:0 12px 30px #172c4810!important;backdrop-filter:none!important;}
.app-nav.varesh-nav-v3 .vn3-old-icon{display:none!important;}
.app-nav.varesh-nav-v3 .menu-primary>li{--vn-accent:#126be5;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=services]{--vn-accent:#078ba3;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=billing]{--vn-accent:#7059d9;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=support]{--vn-accent:#9a51d0;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=store]{--vn-accent:#b97618;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=verify]{--vn-accent:#168367;}
.app-nav.varesh-nav-v3 .menu-primary>li>a{display:flex!important;align-items:center!important;gap:10px!important;color:#243a56!important;font-weight:700!important;line-height:1.6!important;box-shadow:none!important;transform:none!important;border:1px solid transparent!important;transition:background .16s,border-color .16s,color .16s!important;}
.app-nav.varesh-nav-v3 .vn3-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;color:var(--vn-accent);background:#fff;border:1px solid #e5ebf3;box-shadow:0 3px 6px #1c395008;}
.app-nav.varesh-nav-v3 .vn3-icon svg{display:block;width:26px;height:26px;}
.app-nav.varesh-nav-v3 .menu-primary>li>a:hover,.app-nav.varesh-nav-v3 .menu-primary>li.open>a,.app-nav.varesh-nav-v3 .menu-primary>li.show>a{background:#eaf1fb!important;border-color:#d4e2f3!important;}
.app-nav.varesh-nav-v3 .menu-primary>li.active>a{background:#112f53!important;color:#fff!important;border-color:#112f53!important;}
.app-nav.varesh-nav-v3 .menu-primary>li.active>a::after{display:none!important;}
.app-nav.varesh-nav-v3 .menu-primary>li.active>a .vn3-icon{background:#ffffff16;border-color:#ffffff25;color:#8fc6ff;box-shadow:none;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=ticket]>a{background:linear-gradient(120deg,#077af5,#0755ce)!important;color:white!important;border:0!important;box-shadow:0 6px 16px #0963d526!important;}
.app-nav.varesh-nav-v3 .menu-primary>[data-vn3-kind=ticket]>a .vn3-icon{color:#fff;background:#ffffff15;border-color:#ffffff25;box-shadow:none;}
.app-nav.varesh-nav-v3 .menu-primary>li>a:focus-visible{outline:3px solid #67abf5!important;outline-offset:3px;}
.app-nav.varesh-nav-v3 .menu-primary .dropdown-menu{border:1px solid #e0e8f3!important;border-radius:18px!important;padding:10px!important;box-shadow:0 18px 48px #122d5124!important;}
.app-nav.varesh-nav-v3 .menu-primary .dropdown-menu a{border-radius:10px!important;line-height:1.7!important;}
.app-nav.varesh-nav-v3 .menu-primary .dropdown-menu a:hover{background:#eef5ff!important;color:#0869d5!important;}
@media(min-width:992px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo){min-height:0!important;height:auto!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-header{position:relative!important;height:68px!important;min-height:68px!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-header>.container{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .top-nav{height:68px!important;min-height:68px!important;margin-inline-start:auto!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;background:#fff!important;padding:0 0 14px!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu>.container{width:calc(100% - 40px)!important;max-width:1380px!important;padding:0!important;height:auto!important;min-height:0!important;display:flex!important;align-items:center!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .menu-primary{display:flex!important;flex-flow:row wrap!important;width:100%!important;gap:6px!important;padding:8px!important;background:#f3f6fb!important;border:1px solid #e7edf6!important;border-radius:20px!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .menu-primary>li{flex:1 1 auto!important;height:auto!important;margin:0!important;min-width:0!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .menu-primary>li>a{min-height:62px!important;height:auto!important;padding:9px 12px!important;max-width:none!important;min-width:0!important;width:auto!important;border-radius:14px!important;font-size:13px!important;justify-content:center!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .menu-primary>li.nav-item-btn{height:auto!important;min-height:0!important;}
 .app-nav.varesh-nav-v3 .top-nav>li>a{border-radius:10px!important;}
 .app-nav.varesh-nav-v3 .top-nav>li>a:hover{background:#f0f5fb!important;}
}
@media(min-width:992px) and (max-width:1199px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .menu-primary>li>a{font-size:11px!important;padding:7px!important;gap:6px!important;}
 .app-nav.varesh-nav-v3 .vn3-icon{width:34px;height:34px;flex-basis:34px;border-radius:11px;}
 .app-nav.varesh-nav-v3 .vn3-icon svg{width:23px;height:23px;}
}
@media(max-width:991px){
 .app-nav.varesh-nav-v3 .menu-primary>li>a{min-height:58px!important;padding:9px 12px!important;margin:4px 0!important;border-radius:13px!important;}
 .app-nav.varesh-nav-v3 .menu-primary>li>a .vn3-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;}
}
@media(prefers-reduced-motion:reduce){.app-nav.varesh-nav-v3 .menu-primary>li>a{transition:none!important;}}
@media(min-width:992px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .menu-primary{height:auto!important;min-height:0!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu,.app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu>.container{pointer-events:auto!important;}
}
@media(max-width:991px){
 .app-nav.varesh-nav-v3 .menu-primary{flex-direction:column!important;align-items:stretch!important;}
 .app-nav.varesh-nav-v3 .menu-primary>li{width:100%!important;min-width:0!important;}
 .app-nav.varesh-nav-v3 .menu-primary>li>a{white-space:normal!important;}
}
/* 3.0.1: outrank Lagom's direct icon rules; keep the desktop ticket in the same row. */
.app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a>.vn3-old-icon,
.app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a .vn3-old-icon{display:none!important;width:0!important;height:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;border:0!important;}
@media(min-width:992px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary{flex-flow:row nowrap!important;gap:4px!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li,
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li.nav-item-btn{flex:1 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:8px 10px!important;gap:8px!important;min-height:60px!important;height:auto!important;white-space:normal!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a .item-text{min-width:0!important;white-space:normal!important;}
}
@media(min-width:992px) and (max-width:1279px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a{font-size:11px!important;padding:7px 6px!important;gap:5px!important;}
 .app-nav.varesh-nav-v3 .vn3-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px;}
}
/* 3.0.2: legacy global menu v1.x paints icons with ::before, not DOM nodes. */
.app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li[data-vn3-kind]>a::before{content:none!important;display:none!important;background:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;flex:0 0 0!important;border:0!important;}
@media(min-width:992px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a,
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a .item-text{white-space:nowrap!important;word-break:normal!important;}
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a{min-height:56px!important;}
 .app-nav.varesh-nav-v3 .vn3-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;}
 .app-nav.varesh-nav-v3 .vn3-icon svg{width:24px;height:24px;}
}
@media(min-width:992px) and (max-width:1279px){
 .app-nav.varesh-nav-v3:not(.app-nav-only-logo) .app-nav-menu .menu-primary>li>a{font-size:11px!important;padding:6px 4px!important;gap:4px!important;}
 .app-nav.varesh-nav-v3 .vn3-icon{width:28px;height:28px;flex-basis:28px;}
 .app-nav.varesh-nav-v3 .vn3-icon svg{width:21px;height:21px;}
}
