/* PSJ responsive navbar and premium account entry — monochrome, RTL drawer. */
@media (max-width: 991.98px) {
  nav.psj-nav > .container.psj-nav-container { display:flex!important; flex-direction:row!important; direction:ltr!important; align-items:center!important; justify-content:space-between!important; }
  nav.psj-nav > .container > .navbar-brand { order:1!important; margin:0 auto 0 0!important; flex:0 0 auto!important; }
  nav.psj-nav > .container > .navbar-toggler.psj-right-toggler { order:2!important; display:flex!important; margin:0 0 0 auto!important; flex:0 0 auto!important; }
  nav.psj-nav #navbarSupportedContent { direction:rtl!important; text-align:right!important; }
  nav.psj-nav #navbarSupportedContent.show { right:0!important; left:auto!important; }
  nav.psj-nav .navbar-drawer-header.psj-account-header { box-sizing:border-box!important; display:flex!important; flex-direction:row!important; direction:rtl!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; min-height:88px!important; padding:14px 18px!important; border-bottom:1px solid #eee!important; }
  nav.psj-nav .navbar-drawer-header .navbar-drawer-close { order:2!important; flex:0 0 42px!important; width:42px!important; height:42px!important; margin:0!important; }
  nav.psj-nav .navbar-drawer-header .psj-drawer-account-top { order:1!important; display:flex!important; flex:1 1 auto!important; justify-content:flex-start!important; align-items:center!important; min-width:0!important; margin:0!important; padding:0!important; direction:rtl!important; list-style:none!important; }
  nav.psj-nav .navbar-drawer-header .psj-drawer-account-top > li { display:flex!important; width:100%!important; align-items:center!important; justify-content:flex-start!important; list-style:none!important; margin:0!important; padding:0!important; }
  nav.psj-nav .navbar-drawer-header .psj-drawer-login-premium { display:flex!important; flex-direction:row!important; direction:rtl!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; width:100%!important; min-height:54px!important; padding:6px 2px!important; margin:0!important; border:0!important; background:transparent!important; color:#171717!important; font-size:18px!important; font-weight:700!important; text-align:right!important; text-decoration:none!important; }
  nav.psj-nav .navbar-drawer-header .psj-guest-avatar { display:block!important; width:46px!important; height:46px!important; flex:0 0 46px!important; }
  nav.psj-nav .navbar-drawer-header .psj-drawer-profile-top { order:1!important; display:flex!important; flex-direction:row!important; direction:rtl!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; min-width:0!important; width:100%!important; margin:0!important; padding:4px!important; text-align:right!important; color:#171717!important; text-decoration:none!important; }
  nav.psj-nav .navbar-drawer-header .psj-drawer-profile-top .psj-avatar { width:46px!important; height:46px!important; flex:0 0 46px!important; }
  nav.psj-nav .navbar-drawer-header .psj-name { max-width:190px!important; font-size:17px!important; font-weight:700!important; }
  nav.psj-nav .navbar-drawer-header .nav-link { display:flex!important; align-items:center!important; justify-content:flex-start!important; direction:rtl!important; text-align:right!important; }
  nav.psj-nav .navbar-drawer-header .nav-item { display:flex!important; width:100%!important; }
  nav.psj-nav .navbar-drawer-header .psj-drawer-account-top:empty { display:none!important; }
  nav.psj-nav .psj-drawer-foot { direction:rtl!important; text-align:right!important; }
}

/* PSJ drawer fix: keep the fixed off-canvas panel in normal block flow.
   The previous flex override could leave a blank white panel on mobile. */
@media (max-width: 991.98px) {
  nav.psj-nav > .container > #navbarSupportedContent {
    display: block !important;
    box-sizing: border-box !important;
    z-index: 1002 !important;
    background: #fff !important;
  }
  nav.psj-nav > .container > #navbarSupportedContent.show {
    display: block !important;
    right: 0 !important;
    left: auto !important;
    visibility: visible !important;
  }
  nav.psj-nav #navbarSupportedContent .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  nav.psj-nav #navbarSupportedContent .navbar-nav > .nav-item {
    display: flex !important;
    width: 100% !important;
  }
  nav.psj-nav #navbarSupportedContent .navbar-nav > .nav-item > .nav-link {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    color: #171717 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}