/* ============================================
   Marvel Advise — Shared brand / logo component
   Used across landing, auth and dashboard headers.
   ============================================ */

/* Logo lockup: official Marvel mark + "Advise" wordmark */
.logo.mv-logo,
.landing-logo.mv-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  background: none;
  border: none;
  padding: 0.25rem 0;
  overflow: visible;
  -webkit-text-fill-color: initial;
}

/* Drop the default "▶" glyph when the image mark is used */
.logo.mv-logo::before {
  content: none;
}

.mv-logo-img {
  display: block;
  height: 30px;
  width: auto;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(236, 29, 36, 0.18);
}

.mv-logo-suffix {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fff;
}

@media (max-width: 480px) {
  .mv-logo-img {
    height: 26px;
  }
  .mv-logo-suffix {
    font-size: 0.95rem;
  }
}