/* Shared console navigation, including the shopping pages. */
body.fj-theme .fj-desktop-sidebar-toggle{display:none}
body.fj-theme .fj-desktop-sidebar-toggle svg{width:21px;height:21px;transition:transform .24s ease}
body.fj-theme.fj-console #sidebar-menu #side-menu.fj-menu-ready a[aria-current=page],
body.fj-theme.fj-console #sidebar-menu #side-menu.fj-menu-ready a.fj-active{
  color:#315987!important;background:#e8effb;box-shadow:inset 3px 0 #85a9e9;
}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready a[aria-current=page]>.fj-nav-icon-slot,
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready a.fj-active>.fj-nav-icon-slot{color:#537bc0}
@media(min-width:992px){
  body.fj-theme .fj-desktop-sidebar-toggle{display:inline-flex;width:40px;min-height:40px;background:transparent;border:1px solid transparent;border-radius:10px;flex:none}
  body.fj-theme .fj-desktop-sidebar-toggle:hover{background:#edf4ff;color:#2672d5}
  body.fj-theme .fj-desktop-sidebar-toggle:focus-visible{outline:2px solid #2672d5;outline-offset:2px}
  body.fj-theme .vertical-menu.fj-sidebar{transition:width .24s ease}
  body.fj-theme .main-content{transition:margin-left .24s ease}
  body.fj-theme #page-topbar.fj-topbar{transition:left .24s ease}
  body.fj-theme.fj-sidebar-collapsed{--fj-sidebar:68px}
  body.fj-theme.fj-sidebar-collapsed .vertical-menu.fj-sidebar{transform:none;pointer-events:auto}
  body.fj-theme.fj-sidebar-collapsed .main-content{margin-left:68px!important}
  body.fj-theme.fj-sidebar-collapsed #page-topbar.fj-topbar{left:68px!important}
  body.fj-theme.fj-sidebar-collapsed .fj-desktop-sidebar-toggle svg{transform:rotate(180deg)}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-top{padding:0;justify-content:center}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-top .fj-brand{display:grid;place-items:center;width:44px;height:44px;min-width:44px}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-top .fj-brand picture{display:none}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-top .fj-brand::before{content:"";display:block;width:38px;height:30px;background:url('/themes/clientarea/fengji/assets/fengji-logo-mark.svg') center/contain no-repeat;filter:brightness(0) invert(1)}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-scroll{padding:14px 8px;scrollbar-width:none}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-scroll::-webkit-scrollbar{display:none}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-caption,
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-language,
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-cart,
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-bottom,
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-purchase>.fj-nav-label,
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-purchase>.fj-icon:last-child,
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a>.fj-nav-label,
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a>.fj-nav-chevron,
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a::after,
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>.fj-nav-panel{display:none!important}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-purchase,
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a{display:grid!important;grid-template-columns:1fr!important;place-items:center;width:44px!important;min-width:44px;min-height:44px;padding:0!important;margin:0 auto 5px;gap:0;border-radius:11px}
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-purchase{margin-bottom:15px}
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li{margin:4px 0}
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a>.fj-nav-icon-slot,
  body.fj-theme.fj-sidebar-collapsed #fj-sidebar .fj-sidebar-purchase>.fj-nav-icon-slot{grid-column:1;grid-row:1;width:22px!important;height:22px!important;min-width:22px;line-height:22px}
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a>.fj-nav-icon-slot:empty:not(.fj-icon):not(i)::before{content:attr(data-fj-initial);display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.11);font-size:12px;font-weight:650;color:inherit}
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li>a.fj-current-section,
  body.fj-theme.fj-sidebar-collapsed #sidebar-menu #side-menu.fj-menu-ready>li.mm-active>a{background:#284a70!important;color:#fff!important}
}
@media(prefers-reduced-motion:reduce){
  body.fj-theme .fj-desktop-sidebar-toggle svg,
  body.fj-theme .vertical-menu.fj-sidebar,
  body.fj-theme .main-content,
  body.fj-theme #page-topbar.fj-topbar{transition:none}
}

/* One column system keeps purchase, menu rows and disclosures aligned. */
body.fj-theme #fj-sidebar .fj-sidebar-scroll{padding-left:16px;padding-right:16px;scrollbar-gutter:stable;overflow-x:hidden}
body.fj-theme #fj-sidebar .fj-sidebar-scroll::-webkit-scrollbar{width:8px}
body.fj-theme #fj-sidebar .fj-sidebar-scroll::-webkit-scrollbar-track{background:transparent}
body.fj-theme #fj-sidebar .fj-sidebar-scroll::-webkit-scrollbar-thumb{background:#49617e;border:2px solid transparent;border-radius:8px;background-clip:padding-box}
body.fj-theme #fj-sidebar .fj-sidebar-top{padding-right:22px}
body.fj-theme #fj-sidebar .fj-sidebar-caption{padding-left:12px;padding-right:12px}
body.fj-theme #fj-sidebar .fj-sidebar-purchase,
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready li>a{
  display:grid!important;grid-template-columns:20px minmax(0,1fr) 16px;
  align-items:center;column-gap:12px;min-height:44px;padding:10px 12px!important;
  margin-left:0;margin-right:0;line-height:20px;box-sizing:border-box;
}
body.fj-theme #fj-sidebar .fj-sidebar-purchase{min-height:46px;padding:9px 11px!important;font-size:13px}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready .fj-nav-label,
body.fj-theme #fj-sidebar .fj-sidebar-purchase>.fj-nav-label{grid-column:2;grid-row:1;min-width:0;line-height:20px}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready .fj-nav-icon-slot,
body.fj-theme #fj-sidebar .fj-sidebar-purchase>.fj-nav-icon-slot{
  display:inline-flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;
  width:20px!important;height:20px!important;min-width:20px;margin:0!important;line-height:20px;
}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready .fj-nav-chevron,
body.fj-theme #fj-sidebar .fj-sidebar-purchase>.fj-icon:last-child{
  grid-column:3;grid-row:1;justify-self:center;align-self:center;
  width:16px!important;height:16px!important;margin:0!important;transform-origin:center;
}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready ul.sub-menu{padding:4px 0!important;margin:0!important}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready ul.sub-menu a{font-size:12px}
body.fj-theme #sidebar-menu #side-menu.fj-menu-ready .fj-nav-panel .fj-nav-icon-slot:empty:before{
  content:"";display:block;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;opacity:.75;
}
body.fj-theme #fj-menu-toggle,
body.fj-theme #fj-menu-close{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;align-items:center;justify-content:center}
body.fj-theme #fj-menu-toggle>.fj-icon,
body.fj-theme #fj-menu-close>.fj-icon{width:20px;height:20px;margin:0}
@media(max-width:991px){
  body.fj-theme #fj-sidebar .fj-sidebar-cart{display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:44px;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:20px}
  body.fj-theme #fj-sidebar .fj-sidebar-cart>.fj-icon:first-child{width:20px;height:20px;margin:0}
  body.fj-theme #fj-sidebar .fj-sidebar-cart>span:nth-child(2){grid-column:2;grid-row:1;min-width:0}
  body.fj-theme #fj-sidebar .fj-sidebar-cart>.fj-icon:last-child{grid-column:3;grid-row:1;width:16px;height:16px;margin:0;justify-self:center}
}