/* ============================================================
   Aurum Trades, Logo-Style-Overlay v1
   Eleganter Gold-Verlauf auf Header-Wortmarke + sanfter Icon-Glow
   Selektor präzise auf nav.fixed beschränkt, kein Footer betroffen
   ============================================================ */

/* Wortmarke "Aurum Trades" im Header */
nav.fixed span.font-bold.text-lg {
  /* Gold-Verlauf, hell oben, Aurum-Kern in der Mitte, dunkles Gold unten */
  background-image: linear-gradient(
    180deg,
    #fbe7a8 0%,
    #f4d17a 38%,
    #d4a736 72%,
    #a87a1c 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* Feines Letter-Spacing für edlen Look */
  letter-spacing: 0.015em;

  /* Sehr dezenter Glow */
  filter: drop-shadow(0 0 6px rgba(244, 209, 122, 0.18));

  /* Damit das background-clip glatt rendert */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Subtiler Hover-Effekt: Glow etwas intensiver */
nav.fixed > div > div.flex.items-center.gap-2.cursor-pointer:hover
  span.font-bold.text-lg {
  filter: drop-shadow(0 0 10px rgba(244, 209, 122, 0.35));
  transition: filter 220ms ease-out;
}

/* Sanfter goldener Glow auf das SVG-Icon, damit Icon + Wortmarke
   als Einheit wirken */
nav.fixed > div > div.flex.items-center.gap-2.cursor-pointer > svg {
  filter: drop-shadow(0 0 4px rgba(244, 209, 122, 0.25));
  transition: filter 220ms ease-out;
}

nav.fixed > div > div.flex.items-center.gap-2.cursor-pointer:hover > svg {
  filter: drop-shadow(0 0 8px rgba(244, 209, 122, 0.45));
}

/* BETA-Badge bleibt unangetastet, aber falls es in einem zweiten span
   neben der Wortmarke sitzt, sichern wir es ab (kein Gradient drauf) */
nav.fixed
  > div
  > div.flex.items-center.gap-2.cursor-pointer
  > span
  > span:not(.font-bold) {
  background-image: none !important;
  -webkit-text-fill-color: initial !important;
  color: inherit;
}