/* ============================================================
   BLUNA BADGES – Symmetrie & vertikale Zentrierung
   (28.08.2026, User: „Alle Labelinhalte sollen gleiche Abstände
   in alle Richtungen haben; mehrere Elemente in einer Zeile
   sollen Abstände untereinander angleichen")

   URSACHE:
   - Badges hatten px-2 py-0.5 (8px horizontal, 2px vertikal) →
     Innenabstände ungleich (6px Differenz, deutlich sichtbar).
   - Sichtbare Glyphen sitzen 0.5px zu hoch (Font-Descent-Luft).

   FIX (Symmetrie):
   - padding rundum = Mittelwert aus px/py, vertikal ±0.5px
     Glyphen-Korrektur → SICHTBARE Abstände exakt gleich.
   - line-height:1 + inline-flex + center (Zeilenbox = Schriftgröße)
   - Grid-Paare (Label/Wert): Zellinhalte zentrieren (justify-items)

   ABGRENZUNG: kleine Badges/Labels mit rounded + px-*. Versteckte
   Elemente (hidden) bleiben versteckt. Modul-Knöpfe (nav-micro-*)
   ausgeschlossen.
   ============================================================ */

/* Basis: Badge-Zeilenbox exakt = Schriftgröße, Inhalt zentriert */
#root [class*="rounded"][class*="px-"]:not([class*="absolute"]):not([class*="hidden"]):not([id^="nav-micro-"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* ---- SYMMETRIE: Innenabstände rundum gleich ----
   Wert = Mittel(px, py); vertikal +0.5/−0.5px Glyphen-Korrektur */

/* px-1.5 py-0.2 (z.B. COMPACT FRACTAL): 6/0.8 → 3.5px rundum */
#root [class*="rounded"][class*="px-1.5"][class*="py-0.2"]:not([class*="absolute"]):not([class*="hidden"]):not([id^="nav-micro-"]) {
  padding: 4px 3.5px 3px 3.5px !important;
}
/* px-1.5 py-0.5 (kleine Typ-Badges, GEM/UTILITY klein): 6/2 → 4px */
#root [class*="rounded"][class*="px-1.5"][class*="py-0.5"]:not([class*="absolute"]):not([class*="hidden"]):not([id^="nav-micro-"]) {
  padding: 4.5px 4px 3.5px 4px !important;
}
/* px-2 py-0.5 (Status-Badges, LEVEL, TREASURE): 8/2 → 5px */
#root [class*="rounded"][class*="px-2"][class*="py-0.5"]:not([class*="absolute"]):not([class*="hidden"]):not([id^="nav-micro-"]) {
  padding: 5.5px 5px 4.5px 5px !important;
}
/* px-1 ohne py (Modul-Nummern 13/14/15): 4/0 → 2px, + lh 1 + center */
#root [class*="rounded"][class*="px-1"]:not([class*="py-"]):not([class*="hidden"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 2.5px 2px 1.5px 2px !important;
}
/* Collection-Buttons (ALL/UTILITY/…, px-3/px-3.5 py-1.5): 8/9 → 8.5px */
#root [class*="rounded"][class*="py-1.5"][class*="whitespace-nowrap"]:not([class*="absolute"]):not([class*="hidden"]):not([id^="nav-micro-"]) {
  padding: 9px 8.5px 8px 8.5px !important;
}
/* px-2.5 py-1 (falls sichtbar): 10/4 → 7px */
#root [class*="rounded"][class*="px-2.5"][class*="py-1"]:not([class*="absolute"]):not([class*="hidden"]):not([id^="nav-micro-"]) {
  padding: 7.5px 7px 6.5px 7px !important;
}

/* ---- ZEILEN-SYMMETRIE: Label/Wert-Paare zentrieren ---- */
#root [class*="grid-cols-2"][class*="gap-1.5"]:not([class*="hidden"]) {
  justify-items: center !important;
}

/* ===== SFT-KARTEN: Sammlungs-Bezeichnung + Titel horizontal zentrieren =====
   (28.08. User: SFT Sammlungs-Bezeichnung, SFT Titel, SFT Highlight,
   BLUNA · String Vector -> in allen SFT-Karten horizontal zentriert) */
#root .bluna-rainbow.group.relative div:has(> h3) [class*="text-slate-400"] {
  display: block !important;
  text-align: center !important;
}
#root .bluna-rainbow.group.relative div:has(> h3) h3 {
  text-align: center !important;
}

/* ===== Detailseite: Abstand Titeltext -> Token-Bild = 32px (wie links/rechts des Bildes) =====
   (28.08. User: Abstand zwischen Titeltext und original SFT-Token = links/rechts) */
#year3000-asset-detail-modal h2.w-\[95\%\] { margin-bottom: 32px !important; }

/* ---- MODUL-NUMMERN: obere rechte Ecke, INNERHALB des Knopfes ----
   (28.08. User: „Modul-Anzahl soll innerhalb des Menüknopfes im
   rechten oberen Ecke sein und nicht außerhalb") */
#root [id^="nav-micro-"] [class*="absolute"][class*="-bottom-1"]:not([class*="-top-1"]) {
  top: 4px !important;
  right: 4px !important;
  bottom: auto !important;
}

/* ---- 432-HZ-LABEL: aus dem Header ausblenden ----
   (28.08. User: „432hz Label im Header immer noch sichtbar")
   Spezifität über :is(#x, …) auf 201 angehoben, damit sie die
   Badge-Basis-Regel (150) schlägt – beide nutzen !important. */
#root header :is(#x, [class*="text-fuchsia-400"]) {
  display: none !important;
}

/* ---- SFT-KARTEN-TITEL: 16px + 3px Abstand zur Sammlung ----
   (28.08. User: „Die Karten-Titel auch auf 16 px setzen und den
   Abstand nach zum Sammlungsnamen 3px")
   Titel (H3, font-extrabold text-xs) → 16px, line-height 1.25,
   margin-top 3px (Abstand zum Sammlungsnamen darüber).
   Ausgeschlossen: HUB-Titel (tracking-widest, sm:text-sm). */
#root [class*="font-extrabold"][class*="text-xs"][class*="tracking-wide"]:not([class*="tracking-widest"]) {
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin-top: 3px !important;
}

/* ---- DETAILS-SEITE-TITEL: eigene Größe (16px) ----
   (28.08. User: „Das gilt nicht für Details-Seite")
   Die 12px-Regel gilt nur für die Karten – die Details-Seite
   (text-xl, w-[95%]) bleibt bei 16px („zu groß" bei 20px war
   korrigiert; 12px ist zu klein für die Details-Seite). */
#root [class*="text-xl"][class*="text-center"][class*="w-[95%]"] {
  font-size: 16px !important;
}