/*
 * Community member navigation.
 *
 * Kept as the last frontend stylesheet so older component rules cannot
 * override the selected light/dark palette or the current-page state.
 */
body .vicando-member-shortcuts {
  --vc-member-bar: #080b12;
  --vc-member-bar-text: #fff;
  --vc-member-glass-surface: var(--vc-main-menu-dark-glass-surface,rgba(184,17,4,.82));
  --vc-member-glass-solid: var(--vc-main-menu-dark-glass,#b81104);
  --vc-member-glass-text: var(--vc-main-menu-dark-glass-text,#fff);
}

body.vicando-color-light .vicando-member-shortcuts {
  --vc-member-bar: #fff;
  --vc-member-bar-text: #1d2430;
  --vc-member-glass-surface: var(--vc-main-menu-light-glass-surface,rgba(255,255,255,.96));
  --vc-member-glass-solid: var(--vc-main-menu-light-glass,#fff);
  --vc-member-glass-text: var(--vc-main-menu-light-glass-text,#1d2430);
}

body .vicando-member-shortcuts .vicando-member-shortcuts-inner {
  color: var(--vc-member-bar-text) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),transparent 46%),
    var(--vc-member-bar) !important;
  border-color: color-mix(in srgb,var(--vc-member-bar-text) 17%,transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(0,0,0,.14) !important;
}

body .vicando-member-shortcuts :is(
  .vicando-member-shortcuts-home-icon,
  .vicando-member-shortcuts-toggle
),
body .vicando-member-shortcuts .vicando-member-shortcuts-links a {
  color: var(--vc-member-bar-text) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body .vicando-member-shortcuts :is(
  .vicando-member-shortcuts-home-icon,
  .vicando-member-shortcuts-toggle
):is(:hover,:focus-visible),
body .vicando-member-shortcuts .vicando-member-shortcuts-links a:is(:hover,:focus-visible,.is-active) {
  color: var(--vc-member-glass-text) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.34),transparent 48%),
    var(--vc-member-glass-surface) !important;
  border-color: color-mix(in srgb,var(--vc-member-glass-solid) 62%,rgba(255,255,255,.48)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 10px 23px color-mix(in srgb,var(--vc-member-glass-solid) 26%,rgba(0,0,0,.16)) !important;
}

body .vicando-member-shortcuts .vicando-member-shortcuts-links a.is-active {
  box-shadow:
    inset 0 2px 0 color-mix(in srgb,var(--vc-member-glass-solid) 72%,var(--vc-member-glass-text)),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 12px 26px color-mix(in srgb,var(--vc-member-glass-solid) 30%,rgba(0,0,0,.18)) !important;
}

body.vicando-color-light .vicando-member-shortcuts .vicando-member-shortcuts-links a.is-active {
  border-color: rgba(29,36,48,.2) !important;
  box-shadow:
    inset 0 2px 0 rgba(29,36,48,.22),
    inset 0 1px 0 #fff,
    0 11px 25px rgba(29,36,48,.2) !important;
}

@media (max-width:760px) {
  body .vicando-member-shortcuts .vicando-member-shortcuts-links {
    color: var(--vc-member-bar-text) !important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.09),transparent 48%),
      var(--vc-member-bar) !important;
    border-color: color-mix(in srgb,var(--vc-member-bar-text) 17%,transparent) !important;
  }

  body .vicando-member-shortcuts .vicando-member-shortcuts-links a {
    color: var(--vc-member-bar-text) !important;
  }
}