/* ==========================================================================
   NOVA RADIUS — Unified brand glyph
   v1.7.0
   Uses the official monochrome glyph as a CSS mask.
   The visible color follows currentColor / var(--bs-primary), including
   Vuexy Template Customizer changes.
   ========================================================================== */

.nova-brand-glyph {
  display: inline-block;
  inline-size: var(--nova-brand-glyph-width, 2rem);
  block-size: var(--nova-brand-glyph-height, 2rem);
  flex: 0 0 auto;
  color: var(--nova-brand-glyph-color, var(--bs-primary, #6d5df6));
  background-color: currentColor;
  -webkit-mask:
    url("../../branding/nova-radius-glyph-mask.png")
    center / contain no-repeat;
  mask:
    url("../../branding/nova-radius-glyph-mask.png")
    center / contain no-repeat;
  transition:
    color .2s ease,
    background-color .2s ease,
    filter .2s ease,
    opacity .2s ease;
}

/* Sidebar */
.nova-sidebar-premium .app-brand-logo.demo .nova-brand-glyph {
  --nova-brand-glyph-width: 2.5rem;
  --nova-brand-glyph-height: 2.5rem;
  color: var(--bs-primary, #6d5df6);
  filter: drop-shadow(0 .2rem .45rem rgba(var(--bs-primary-rgb, 109, 93, 246), .16));
}

html.layout-menu-collapsed:not(.layout-menu-hover)
  .nova-sidebar-premium
  .app-brand-logo.demo
  .nova-brand-glyph,
body.layout-menu-collapsed:not(.layout-menu-hover)
  .nova-sidebar-premium
  .app-brand-logo.demo
  .nova-brand-glyph,
.layout-menu-collapsed:not(.layout-menu-hover)
  .nova-sidebar-premium
  .app-brand-logo.demo
  .nova-brand-glyph {
  --nova-brand-glyph-width: 2rem;
  --nova-brand-glyph-height: 2rem;
}

/* Login desktop brand */
.auth-cover-brand .nova-brand-glyph {
  --nova-brand-glyph-width: 2rem;
  --nova-brand-glyph-height: 2rem;
  color: var(--bs-primary, #6d5df6);
  filter: drop-shadow(0 .25rem .55rem rgba(var(--bs-primary-rgb, 109, 93, 246), .18));
}

/* Login mobile brand */
.nova-login-mobile-brand-logo .nova-brand-glyph {
  --nova-brand-glyph-width: 1.75rem;
  --nova-brand-glyph-height: 1.75rem;
  color: var(--bs-primary, #6d5df6);
  filter: drop-shadow(0 .2rem .45rem rgba(var(--bs-primary-rgb, 109, 93, 246), .16));
}

/* Dark mode still follows the active primary selected in Template Customizer. */
html[data-bs-theme="dark"] .nova-brand-glyph,
html.dark-style .nova-brand-glyph,
body[data-bs-theme="dark"] .nova-brand-glyph,
body.dark-style .nova-brand-glyph {
  color: var(--bs-primary, #6d5df6);
  filter:
    drop-shadow(0 .25rem .65rem rgba(0, 0, 0, .24))
    drop-shadow(0 0 .65rem rgba(var(--bs-primary-rgb, 109, 93, 246), .12));
}

@media (prefers-reduced-motion: reduce) {
  .nova-brand-glyph {
    transition: none !important;
  }
}