/* --- Professional AI Startup Sidebar Wordmark Styling --- */

/* Simplified brand wrapper - no extra container needed.
   The wordmark rides alone in the row now that the badge is gone, starting
   at the same left edge the badge occupied.
   NOTE: no glow/filter on this wrapper — an earlier version animated a
   drop-shadow on the wrapper itself, which washed a green haze over the
   whole row. The pulse lives on .brand-name (text only) below. */
.site-sidebar-brand .brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  flex-shrink: 0;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 8px;
  position: relative;
}

/* Legacy glow layer, retired with the wrapper glow (see note above).
   Kept neutral so any cached reference stays harmless. */
.site-sidebar-brand .brand::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
  z-index: -1;
}

.brand-name {
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: var(--cream);
  /* Text-only glow pulse: scoped here (not the .brand wrapper). text-shadow
     only tints glyph pixels, unlike a wrapper drop-shadow that hazed the
     whole row. */
  animation: sidebarBrandGlow 3s ease-in-out infinite;
}

.brand em {
  font-style: normal;
  color: var(--gold);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Constant glow pulse on the WORDMARK text only — never a wrapper filter.
   Neon, matching --gold the same way the old wrapper glow did, kept as one
   hue so the mark and the text still read as one thing that breathes.

   text-shadow (not filter: drop-shadow): a wrapper-level drop-shadow is
   computed from the whole row's alpha, so it hazed the entire row.
   text-shadow paints from the glyphs alone, so the row stays clean.

   The two stops differ in spread AND opacity so the pulse stays perceptible
   as motion rather than as a brightness change alone. */
@keyframes sidebarBrandGlow {
  0%, 100% {
    text-shadow: 0 0 3px rgba(57, 255, 20, 0.32);
  }
  50% {
    text-shadow: 0 0 11px rgba(57, 255, 20, 0.55);
  }
}

/* Responsive */
@media (max-width: 760px) {
  .brand-name {
    font-size: 1rem;
  }
  
  .brand em {
    font-size: 0.85rem;
  }
}

@media (max-width: 980px) {
  .site-sidebar-brand .brand-name {
    animation: none;
  }
  .site-sidebar-brand .brand::before {
    filter: none;
  }
}