/* Craft Planner brand mark: the glowing anvil in the header (overrides/.icons/craft/anvil-glow.svg).
   The colour follows the theme: the logo button colour sets the metal, --cp-amber sets the glow. */

.md-header__button.md-logo {
  margin: 0.2rem 0.3rem 0.2rem 0.6rem;
  padding: 0.2rem;
}
.md-header__button.md-logo svg {
  width: 1.9rem;
  height: 1.9rem;
  filter:
    drop-shadow(0 0 3px var(--cp-amber))
    drop-shadow(0 0 9px var(--cp-amber))
    drop-shadow(0 0 18px var(--cp-amber));
}
@media (prefers-reduced-motion: no-preference) {
  .md-header__button.md-logo svg {
    animation: cp-anvil-glow 4.5s ease-in-out infinite;
  }
}
@keyframes cp-anvil-glow {
  0%, 100% { filter: drop-shadow(0 0 3px var(--cp-amber)) drop-shadow(0 0 8px var(--cp-amber)) drop-shadow(0 0 14px var(--cp-amber)); }
  50% { filter: drop-shadow(0 0 4px var(--cp-amber)) drop-shadow(0 0 12px var(--cp-amber)) drop-shadow(0 0 24px var(--cp-amber)); }
}