/* ============================================================
   JumpIT-CI fuer Zammad (klassisches Frontend, v7.0.1)
   Wird per nginx sub_filter vor </head> eingeschleust.
   Faerbt Zammad-Blau -> JumpIT-Orange, Highlights -> Gold.

   CI-Referenz (identisch zu ERPNext cmr.jumpit.eu):
     Primary  Orange  #f19a3a  ~ hsl(32, 87%, 59%)
     Accent   Gold    #f4bf36  ~ hsl(43, 89%, 58%)
     Dark             #161412
   Override gewinnt, weil dieser <link> NACH application.css steht.
   ============================================================ */

:root {
  /* --- Primaer-Buttons (Anmelden, Senden, Aktionen) --- */
  --button-primary-background:         #f19a3a;
  --button-primary-background-active:  #d9852a;  /* gedrueckt / hover */
  --text-button-primary:               #f19a3a;
  --text-button-primary-active:        #d9852a;

  /* --- Links & Navigation --- */
  --text-link:  #cf7d23;   /* etwas dunkler fuer Kontrast auf Weiss */
  --text-nav:   #cf7d23;

  /* --- Highlights / aktive Markierungen --- */
  --highlight:              hsl(32, 87%, 59%);   /* #f19a3a */
  --border-highlight:       hsl(32, 87%, 59%);
  --text-muted-highlight:   hsl(38, 92%, 90%);
  --background-highlight:    hsl(40, 100%, 92%);
  --shadow-highlight:        hsl(40, 85%, 88%);

  /* --- "Clue"/Onboarding-Backdrop (Tour-Spotlight) --- */
  --backdrop-clue-start: hsla(32, 87%, 59%, 0.10);
  --backdrop-clue-end:   hsla(32, 87%, 59%, 0.90);

  /* --- Gold als Sekundaer-Akzent (Tags / Info) --- */
  --tag-background: hsl(43, 89%, 92%);
}

/* Dark-Theme von Zammad nutzt eine spezifischere Selektor-Ebene.
   Gleiche Tokens dort nachziehen, damit Umschalter konsistent bleibt. */
.theme-dark,
[data-theme="dark"] {
  --button-primary-background:        #f19a3a;
  --button-primary-background-active: #d9852a;
  --text-link: #f4bf36;
  --text-nav:  #f4bf36;
  --highlight: hsl(43, 89%, 58%);
}

/* --- Navi-Logo neben der Suche ---
   Der kleine Vogel oben ist NICHT product_logo, sondern ein fest
   eingebautes SVG-Sprite-Icon (.search .logo .icon-logo). Wir blenden
   das Sprite aus und legen das JumpIT-Logo als Hintergrund ein.
   Die "2" (.activity-counter, Online-/Aktivitaets-Zaehler) bleibt. */
.search .logo .icon-logo {
  display: none !important;
}
.search .logo {
  display: inline-block;
  width: 92px;
  height: 30px;
  background: url("/jumpit-ci-logo.svg") left center / contain no-repeat;
}

/* Sichtbare Akzent-Elemente, die teils feste Farben statt Variablen nutzen */
.btn--primary,
.js-submit,
.user-menu .active {
  /* Falls einzelne Stellen nicht ueber Variablen laufen, hier gezielt
     nachschaerfen. Bewusst leer gelassen bis Live-Sichtung. */
}