/* HADAFIN brand mark (Part 2) — prepared logo, theme-aware */
.hadafin-anim-logo {
  --logo-gold: #c9a227;
  --logo-navy: #0b1f3a;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  gap: 0.15rem;
  padding: 0.15rem 0.25rem;
  border-radius: 0.75rem;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}
.hadafin-anim-logo:focus-visible {
  outline: 2px solid rgba(201, 162, 39, 0.55);
  outline-offset: 2px;
}

.hadafin-anim-logo__row {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.hadafin-anim-logo__stage,
.hadafin-brand-mark {
  position: relative;
  width: 2.55rem;
  height: 2.55rem;
  flex-shrink: 0;
  overflow: visible;
}
@media (min-width: 640px) {
  .hadafin-brand-mark { width: 2.85rem; height: 2.85rem; }
}
@media (min-width: 1024px) {
  .hadafin-anim-logo--with-tagline .hadafin-brand-mark {
    width: 3.1rem;
    height: 3.1rem;
  }
}

.hadafin-brand-mark__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.65rem;
  display: block;
  filter: drop-shadow(0 4px 10px rgba(15, 23, 42, 0.18));
}

/* Default / light themes → light logo */
.hadafin-brand-mark__img--light { display: block; }
.hadafin-brand-mark__img--dark { display: none; }

/* Navy / Gold (and other dark chrome themes) → dark logo */
body.theme-navy_blue .hadafin-brand-mark__img--light,
body.theme-black_gold .hadafin-brand-mark__img--light,
body.theme-dark_green .hadafin-brand-mark__img--light,
body.theme-crystal_glass .hadafin-brand-mark__img--light {
  display: none;
}
body.theme-navy_blue .hadafin-brand-mark__img--dark,
body.theme-black_gold .hadafin-brand-mark__img--dark,
body.theme-dark_green .hadafin-brand-mark__img--dark,
body.theme-crystal_glass .hadafin-brand-mark__img--dark {
  display: block;
}

.hadafin-anim-logo__wordmark {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  line-height: 1.05;
}
.hadafin-anim-logo__wordmark strong {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0f172a;
}
.hadafin-anim-logo__wordmark small {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
}
body.theme-navy_blue .hadafin-anim-logo__wordmark strong,
body.theme-black_gold .hadafin-anim-logo__wordmark strong,
body.theme-dark_green .hadafin-anim-logo__wordmark strong,
body.theme-crystal_glass .hadafin-anim-logo__wordmark strong {
  color: #f8fafc;
}
body.theme-navy_blue .hadafin-anim-logo__wordmark small,
body.theme-black_gold .hadafin-anim-logo__wordmark small,
body.theme-dark_green .hadafin-anim-logo__wordmark small,
body.theme-crystal_glass .hadafin-anim-logo__wordmark small {
  color: #cbd5e1;
}
body.theme-black_gold .hadafin-anim-logo__wordmark strong {
  color: #f0d78c;
}

.hadafin-anim-logo__tagline {
  font-size: 0.58rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: #64748b;
  white-space: nowrap;
  max-width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 639px) {
  .hadafin-anim-logo__tagline { display: none; }
}
body.theme-navy_blue .hadafin-anim-logo__tagline,
body.theme-black_gold .hadafin-anim-logo__tagline,
body.theme-dark_green .hadafin-anim-logo__tagline,
body.theme-crystal_glass .hadafin-anim-logo__tagline {
  color: #94a3b8;
}

/* Homepage header is white (theme-light) — dark wordmark for contrast */
body.home-marketplace .hadafin-brand-mark__img--light { display: block; }
body.home-marketplace .hadafin-brand-mark__img--dark { display: none; }
body.home-marketplace .hadafin-anim-logo__wordmark strong { color: #0f172a !important; }
body.home-marketplace .hadafin-anim-logo__wordmark small,
body.home-marketplace .hadafin-anim-logo__tagline { color: #475569 !important; }