/* ============================================================
   MEA ECOSYSTEM — Logo Styles (Reusable)
   /shared/css/logo.css
   ============================================================ */

/* --- Logo Container --- */
.mea-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  user-select: none;
}

/* --- Logo Image --- */
.mea-logo__img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 50%;
  filter:
    drop-shadow(0 0 6px rgba(126, 200, 255, 0.55))
    drop-shadow(0 0 12px rgba(126, 200, 255, 0.30))
    drop-shadow(0 0 24px rgba(126, 200, 255, 0.15));
  transition: filter 0.3s ease;
}

.mea-logo:hover .mea-logo__img {
  filter:
    drop-shadow(0 0 8px rgba(126, 200, 255, 0.80))
    drop-shadow(0 0 18px rgba(126, 200, 255, 0.50))
    drop-shadow(0 0 32px rgba(126, 200, 255, 0.25));
}

/* --- Logo Text --- */
.mea-logo__text {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  color: var(--text, #F8FAFC);
  line-height: 1;
}

/* --- Size Variants --- */
.mea-logo--sm .mea-logo__img  { width: 24px; height: 24px; }
.mea-logo--sm .mea-logo__text { font-size: 1rem; }

.mea-logo--lg .mea-logo__img  { width: 44px; height: 44px; }
.mea-logo--lg .mea-logo__text { font-size: 1.6rem; }

/* --- Footer Variant --- */
.mea-logo--footer .mea-logo__text {
  color: var(--muted, #94A3B8);
}

.mea-logo--footer:hover .mea-logo__text {
  color: var(--text, #F8FAFC);
  transition: color 0.2s ease;
}