/* Left aligned dropdown navigation on mobile. */
.nr-menu-label{display:none}
@media(max-width:600px){
.pkp_site_name_wrapper{align-items:flex-start;position:relative;padding-bottom:14px}
.pkp_site_nav_toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;min-width:94px;height:44px;padding:0 14px;margin:16px 0 0;align-self:flex-start;background:#fff;border:1px solid #b8c9db;border-radius:6px;color:#254a6b}
.pkp_site_nav_toggle>span{position:relative;top:auto;left:auto;margin:0;width:18px;flex:0 0 18px}
.nr-menu-label{display:block;font-family:NazrulKalpurush,sans-serif;font-size:17px;font-weight:400}
.pkp_site_nav_menu{padding:0 0 16px}
.pkp_site_nav_menu--isOpen .pkp_navigation_primary_row{display:flex;flex-direction:column;align-items:stretch;gap:12px;background:#fff;border:1px solid #d6e0ea;border-radius:7px;padding:8px 12px;box-shadow:0 8px 18px #284c6b12}
#navigationPrimary{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;flex:0 0 auto}
#navigationPrimary>li{float:none;width:100%;border-bottom:1px solid #edf1f5}
#navigationPrimary>li:last-child{border-bottom:0}
#navigationPrimary>li>a{display:block;text-align:left;padding:13px 10px!important;min-height:48px;border:0!important;border-radius:4px;font-size:16px!important}
.pkp_site_nav_menu .nr-search{width:100%;max-width:none;flex:0 0 auto;margin:0;min-height:44px}
}

/* Place the phone menu in the top account bar, before the masthead. */
@media(max-width:600px){
.pkp_structure_head .pkp_head_wrapper{position:relative}
.nr-account{height:52px;min-height:52px;padding-left:108px;display:flex;align-items:center;justify-content:flex-end}
.pkp_site_name_wrapper{position:static;padding-top:20px}
.pkp_site_nav_toggle{position:absolute;top:4px;left:20px;margin:0;z-index:30}
.pkp_site_nav_menu{position:absolute;top:52px;left:20px;right:20px;width:auto;z-index:25;padding:0}
.pkp_site_nav_menu--isOpen .pkp_navigation_primary_row{max-height:calc(100dvh - 70px);overflow-y:auto}
}

@media(max-width:600px){.pkp_site_nav_toggle{min-width:44px;width:44px;padding:0;justify-content:center}.nr-account{padding-left:60px}}

@media(max-width:600px){.pkp_site_nav_toggle,.pkp_site_nav_toggle:hover,.pkp_site_nav_toggle:focus{background:transparent;border:0;border-radius:0;box-shadow:none}.pkp_site_nav_toggle:focus-visible{outline:2px solid #35566f;outline-offset:2px}}

@media(max-width:600px){.pkp_site_nav_toggle{top:8px}}

/* A gentle reveal when opening the mobile dropdown. */
@keyframes nrMenuReveal{from{opacity:0;transform:translateY(-12px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@media(max-width:600px){.pkp_site_nav_menu--isOpen{animation:nrMenuReveal 380ms cubic-bezier(.22,.61,.36,1) both}}
@media(prefers-reduced-motion:reduce){.pkp_site_nav_menu--isOpen{animation:none}}

/* Simple mobile links, without desktop hover and underline effects. */
@media(max-width:600px){
#navigationPrimary>li>a{transition:none!important;transform:none!important;box-shadow:none!important}
#navigationPrimary>li>a::after{display:none!important}
#navigationPrimary>li>a:hover,#navigationPrimary>li>a:focus,#navigationPrimary>li>a:active,#navigationPrimary>li>a:focus-visible{background:transparent!important;color:inherit!important;box-shadow:none!important;transform:none!important;border-color:transparent!important}
#navigationPrimary>li>a:focus-visible{outline:2px solid #35566f;outline-offset:-2px}
}
